XHorse VVDi Prog ECU Beyin Programlama Cihazı | Profesyonel ECU Programmer
/* İzole edilen tüm stiller - sadece bu bölüm için geçerli */
.xhorse-vvdi {
--primary: #FF6B35; /* XHorse Orange */
--primary-light: #fff4f0;
--secondary: #1E3A8A; /* Deep Blue */
--accent: #06B6D4; /* Cyan */
--text-dark: #0F172A;
--text-light: #64748B;
--background: #FFFFFF;
--background-light: #F8FAFC;
--background-dark: #0F172A;
--border: #E2E8F0;
--success: #10B981;
--warning: #F59E0B;
--info: #3B82F6;
--gradient-primary: linear-gradient(135deg, #FF6B35 0%, #F59E0B 100%);
--gradient-secondary: linear-gradient(135deg, #1E3A8A 0%, #06B6D4 100%);
--gradient-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
--radius-sm: 8px;
--radius-md: 16px;
--radius-lg: 24px;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.1);
color: var(--text-dark);
background-color: var(--background);
overflow-x: hidden;
position: relative;
width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
font-size: 115%;
}
.xhorse-vvdi * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Outfit', sans-serif;
}
.xhorse-vvdi .container {
max-width: 100%;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 2;
}
.xhorse-vvdi .btn {
padding: 12px 24px;
border-radius: var(--radius-md);
font-weight: 600;
font-size: 17px;
transition: all 0.3s ease;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
white-space: nowrap;
}
.xhorse-vvdi .btn-primary {
background: var(--gradient-primary);
color: white;
border: none;
box-shadow: var(--shadow-sm);
position: relative;
overflow: hidden;
}
.xhorse-vvdi .btn-primary:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
background: var(--gradient-secondary);
}
.xhorse-vvdi .btn-secondary {
background-color: var(--primary-light);
color: var(--primary);
border: none;
}
.xhorse-vvdi .btn-secondary:hover {
background-color: #fddddd;
}
/* Background Shapes */
.xhorse-vvdi .bg-shape {
position: absolute;
z-index: 1;
border-radius: 50%;
}
.xhorse-vvdi .bg-shape-1 {
top: -80px;
right: -80px;
width: 250px;
height: 250px;
background-color: var(--primary-light);
opacity: 0.5;
}
.xhorse-vvdi .bg-shape-2 {
bottom: 10%;
left: -120px;
width: 200px;
height: 200px;
background-color: var(--primary-light);
opacity: 0.4;
}
/* Hero Section */
.xhorse-vvdi .hero {
padding-top: 80px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.xhorse-vvdi .hero-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.xhorse-vvdi .hero-content {
max-width: 550px;
text-align: center;
justify-self: center;
}
.xhorse-vvdi .hero-eyebrow {
display: inline-flex;
align-items: center;
padding: 8px 16px;
background-color: var(--primary-light);
color: var(--primary);
border-radius: var(--radius-sm);
font-weight: 600;
font-size: 16px;
margin-bottom: 24px;
}
.xhorse-vvdi .hero-title {
font-size: 55px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 24px;
color: var(--text-dark);
}
.xhorse-vvdi .hero-title span {
color: var(--primary);
position: relative;
display: inline-block;
}
.xhorse-vvdi .hero-title span::after {
content: '';
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 10px;
background-color: rgba(216, 45, 42, 0.2);
z-index: -1;
border-radius: 10px;
}
.xhorse-vvdi .hero-description {
font-size: 18px;
line-height: 1.6;
color: var(--text-light);
margin-bottom: 32px;
}
.xhorse-vvdi .hero-buttons {
display: flex;
gap: 16px;
margin-top: 40px;
justify-content: center;
}
@media (min-width: 768px) {
.xhorse-vvdi .hero-buttons {
justify-content: center;
}
}
.xhorse-vvdi .hero-image-container {
position: relative;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.xhorse-vvdi .hero-image-wrapper {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
background-color: white;
width: 100%;
max-width: 500px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
}
.xhorse-vvdi .hero-image-wrapper img {
width: 100%;
height: auto;
object-fit: contain;
}
/* Features Section */
.xhorse-vvdi .features {
padding: 100px 0;
position: relative;
overflow: hidden;
background-color: var(--background-light);
}
.xhorse-vvdi .section-header {
text-align: center;
max-width: 700px;
margin: 0 auto 80px;
}
.xhorse-vvdi .section-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
}
.xhorse-vvdi .section-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
}
.xhorse-vvdi .section-description {
font-size: 18px;
color: var(--text-light);
line-height: 1.6;
}
.xhorse-vvdi .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
justify-content: center;
}
.xhorse-vvdi .feature-card {
background-color: var(--background);
border-radius: var(--radius-lg);
padding: 40px;
transition: all 0.3s ease;
border: 1px solid var(--border);
position: relative;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.xhorse-vvdi .feature-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-md);
border-color: var(--primary-light);
}
.xhorse-vvdi .feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 60px;
background-color: var(--primary);
border-radius: 0 2px 2px 0;
}
.xhorse-vvdi .feature-icon {
margin-bottom: 24px;
width: 60px;
height: 60px;
border-radius: var(--radius-md);
background-color: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: var(--primary);
align-self: center;
}
.xhorse-vvdi .feature-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
color: var(--text-dark);
text-align: center;
}
.xhorse-vvdi .feature-description {
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
flex-grow: 1;
text-align: center;
}
/* Product Section */
.xhorse-vvdi .product {
padding: 100px 0;
background-color: var(--background);
position: relative;
overflow: hidden;
}
.xhorse-vvdi .product-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.xhorse-vvdi .product-image-container {
position: relative;
}
.xhorse-vvdi .product-image-card {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
background-color: white;
padding: 20px;
}
.xhorse-vvdi .gallery-container {
width: 100%;
}
.xhorse-vvdi .gallery-main {
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f8f9fa;
border-radius: var(--radius-md);
margin-bottom: 20px;
}
.xhorse-vvdi .gallery-main img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.xhorse-vvdi .gallery-thumbs {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.xhorse-vvdi .gallery-thumb {
width: 80px;
height: 80px;
border-radius: var(--radius-sm);
overflow: hidden;
cursor: pointer;
border: 2px solid transparent;
}
.xhorse-vvdi .gallery-thumb.active {
border-color: var(--primary);
}
.xhorse-vvdi .gallery-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.xhorse-vvdi .product-badges {
position: absolute;
top: 40px;
left: 40px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 5;
}
.xhorse-vvdi .hero-image-wrapper .product-badges {
top: 20px;
right: 40px;
left: auto;
}
.xhorse-vvdi .product-badge {
padding: 8px 16px;
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 600;
}
.xhorse-vvdi .badge-full-chip {
background-color: var(--primary);
color: white;
}
.xhorse-vvdi .badge-360 {
background-color: var(--primary);
color: white;
display: flex;
align-items: center;
gap: 8px;
}
.xhorse-vvdi .product-content {
max-width: 480px;
}
.xhorse-vvdi .product-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
text-align: center;
}
.xhorse-vvdi .product-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
text-align: center;
}
.xhorse-vvdi .product-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 32px;
text-align: center;
}
.xhorse-vvdi .product-features {
margin-bottom: 40px;
display: inline-block;
text-align: left;
}
.xhorse-vvdi .product-feature {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.xhorse-vvdi .feature-check {
min-width: 22px;
height: 22px;
background-color: var(--success);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
margin-top: 4px;
}
.xhorse-vvdi .feature-text {
font-size: 16px;
color: var(--text-dark);
line-height: 1.5;
}
.xhorse-vvdi .feature-text strong {
font-weight: 600;
}
/* Software Section */
.xhorse-vvdi .software {
padding: 100px 0 60px;
background-color: var(--background-light);
}
.xhorse-vvdi .software-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.xhorse-vvdi .software-image img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
}
.xhorse-vvdi .software-content {
max-width: 520px;
margin: 0 auto;
}
.xhorse-vvdi .software-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
text-align: center;
}
.xhorse-vvdi .software-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
text-align: center;
}
.xhorse-vvdi .software-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 32px;
text-align: center;
}
.xhorse-vvdi .software-list {
margin-bottom: 32px;
}
.xhorse-vvdi .software-item {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.xhorse-vvdi .software-icon {
width: 24px;
height: 24px;
background-color: var(--primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
font-size: 12px;
flex-shrink: 0;
margin-top: 2px;
}
.xhorse-vvdi .software-text {
font-size: 16px;
color: var(--text-light);
line-height: 1.5;
}
.xhorse-vvdi .software-text strong {
color: var(--text-dark);
font-weight: 600;
}
.xhorse-vvdi .software-note {
margin-top: 24px;
padding: 16px;
background-color: var(--warning);
border-radius: var(--radius-md);
font-size: 14px;
color: var(--text-dark);
line-height: 1.5;
border-left: 4px solid #d98e00;
}
.xhorse-vvdi .software-bottom-note {
margin-top: 35px;
padding: 18px 24px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: var(--radius-md);
border: 1px solid #dee2e6;
text-align: center;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.xhorse-vvdi .software-note-icon {
color: var(--primary);
font-size: 20px;
margin-bottom: 8px;
display: block;
}
.xhorse-vvdi .software-note-content {
color: var(--text-dark);
font-size: 15px;
line-height: 1.6;
}
.xhorse-vvdi .software-note-content a {
color: var(--primary);
text-decoration: underline;
font-weight: 600;
}
.xhorse-vvdi .software-note-content a:hover {
text-decoration: none;
}
/* Detailed Features Section */
.xhorse-vvdi .detailed-features {
padding: 100px 0;
background-color: var(--background);
}
.xhorse-vvdi .detailed-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 60px;
}
.xhorse-vvdi .detailed-feature-item {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
background-color: var(--background-light);
border-radius: var(--radius-md);
border: 1px solid var(--border);
transition: all 0.3s ease;
cursor: pointer;
}
.xhorse-vvdi .detailed-feature-item:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-sm);
border-color: var(--primary-light);
background-color: var(--primary-light);
}
.xhorse-vvdi .detailed-feature-icon {
width: 40px;
height: 40px;
background-color: var(--primary);
color: white;
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
.xhorse-vvdi .detailed-feature-text {
font-size: 15px;
font-weight: 500;
color: var(--text-dark);
line-height: 1.4;
}
/* Supported Models Section */
.xhorse-vvdi .supported-models {
padding: 80px 0;
background-color: var(--background);
}
.xhorse-vvdi .logo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 20px;
justify-items: center;
max-width: 800px;
margin: 40px auto 0;
}
.xhorse-vvdi .brand-logo-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease;
}
.xhorse-vvdi .brand-logo-item:hover {
transform: scale(1.1);
}
.xhorse-vvdi .brand-logo-item img {
max-height: 60px;
max-width: 120px;
object-fit: contain;
margin-bottom: 12px;
}
.xhorse-vvdi .brand-logo-item p {
font-size: 16px;
font-weight: 600;
color: var(--text-dark);
}
.xhorse-vvdi .compatibility-note {
text-align: center;
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
max-width: 700px;
margin: 40px auto 0;
padding: 20px;
background-color: var(--primary-light);
border-radius: var(--radius-md);
border-left: 4px solid var(--primary);
}
/* FAQ Section */
.xhorse-vvdi .faq {
padding: 100px 0;
background-color: var(--background-light);
}
.xhorse-vvdi .faq-container {
max-width: 900px;
margin: 0 auto;
}
.xhorse-vvdi .faq-wrapper {
margin-top: 60px;
}
.xhorse-vvdi .faq-item {
background-color: var(--background);
border: 1px solid var(--border);
border-radius: var(--radius-md);
transition: all 0.3s ease;
overflow: hidden;
margin-bottom: 16px;
}
.xhorse-vvdi .faq-item:hover {
box-shadow: var(--shadow-sm);
border-color: var(--primary-light);
}
.xhorse-vvdi .faq-question {
padding: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
color: var(--text-dark);
user-select: none;
}
.xhorse-vvdi .faq-icon {
color: var(--primary);
transition: transform 0.3s ease;
}
.xhorse-vvdi .faq-answer {
padding: 0 24px;
max-height: 0;
overflow: hidden;
color: var(--text-light);
line-height: 1.6;
transition: all 0.4s ease-in-out;
}
.xhorse-vvdi .faq-item.active .faq-answer {
padding: 0 24px 24px;
max-height: 500px; /* Adjust as needed */
}
.xhorse-vvdi .faq-item.active .faq-icon {
transform: rotate(180deg);
}
/* Lexia 360° Keşif Bölümü Stilleri */
/* XHorse Özel Tasarım Elementleri */
.xhorse-vvdi .btn-primary::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.6s ease;
}
.xhorse-vvdi .btn-primary:hover::before {
left: 100%;
}
/* Animated Background */
.xhorse-vvdi::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(30, 58, 138, 0.1) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(6, 182, 212, 0.05) 0%, transparent 50%);
z-index: -1;
animation: xhorseBackgroundFloat 20s ease-in-out infinite;
}
@keyframes xhorseBackgroundFloat {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-20px) rotate(1deg); }
66% { transform: translateY(10px) rotate(-1deg); }
}
/* Glowing Effects */
.xhorse-vvdi .feature-card:hover {
box-shadow:
var(--shadow-md),
0 0 30px rgba(255, 107, 53, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/* Tech Grid Pattern */
.xhorse-vvdi .hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(255, 107, 53, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 107, 53, 0.03) 1px, transparent 1px);
background-size: 50px 50px;
z-index: 1;
pointer-events: none;
}
.xhorse-360-experience {
padding: 8rem 0;
background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
position: relative;
overflow: hidden;
color: var(--text-dark);
}
.lexia-360-experience::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 20%, rgba(216, 45, 42, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(216, 45, 42, 0.05) 0%, transparent 50%),
radial-gradient(circle at 40% 60%, rgba(216, 45, 42, 0.03) 0%, transparent 50%);
animation: lexia360BackgroundPulse 8s ease-in-out infinite;
}
@keyframes lexia360BackgroundPulse {
0%, 100% { opacity: 0.5; }
50% { opacity: 0.8; }
}
.lexia-360-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
position: relative;
z-index: 2;
}
.lexia-360-header {
text-align: center;
margin-bottom: 5rem;
animation: lexia360FadeInUp 1s ease-out;
}
@keyframes lexia360FadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.lexia-360-header h2 {
font-size: clamp(2.2rem, 4.4vw, 2.75rem);
font-weight: 900;
margin-bottom: 1.5rem;
color: var(--text-dark);
letter-spacing: -0.02em;
position: relative;
}
.xhorse-360-header h2 .xhorse-gradient-text {
background: linear-gradient(135deg, var(--primary), #ff6b6b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.lexia-360-header p {
font-size: 1.2375rem;
line-height: 1.7;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
font-weight: 400;
}
.lexia-360-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
margin-bottom: 6rem;
align-items: center;
}
.lexia-360-player-wrapper {
position: relative;
animation: lexia360SlideInLeft 1s ease-out 0.3s both;
}
@keyframes lexia360SlideInLeft {
from { opacity: 0; transform: translateX(-50px); }
to { opacity: 1; transform: translateX(0); }
}
.lexia-360-player {
position: relative;
width: 100%;
padding-top: 56.25%;
border-radius: 24px;
overflow: hidden;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.1),
0 20px 60px rgba(0, 0, 0, 0.4),
0 0 100px rgba(216, 45, 42, 0.2);
transition: all 0.4s ease;
}
.lexia-360-player:hover {
transform: scale(1.02);
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.2),
0 30px 80px rgba(0, 0, 0, 0.5),
0 0 150px rgba(216, 45, 42, 0.3);
}
.lexia-360-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 24px;
}
.lexia-360-badges {
position: absolute;
top: 20px;
left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 10;
}
.lexia-360-badge {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));
backdrop-filter: blur(10px);
color: #0a0e27;
padding: 0.5rem 1rem;
border-radius: 25px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid rgba(255, 255, 255, 0.3);
animation: lexia360BadgeFloat 3s ease-in-out infinite;
}
.lexia-360-badge:nth-child(2) {
animation-delay: 1s;
}
@keyframes lexia360BadgeFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
.lexia-360-content {
animation: lexia360SlideInRight 1s ease-out 0.6s both;
}
@keyframes lexia360SlideInRight {
from { opacity: 0; transform: translateX(50px); }
to { opacity: 1; transform: translateX(0); }
}
.lexia-360-content h3 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--text-dark);
text-align: center;
}
.lexia-360-content .lexia-360-intro-text {
font-size: 1.21rem;
line-height: 1.8;
color: var(--text-light);
margin-bottom: 2rem;
text-align: center;
}
.lexia-360-highlights {
display: grid;
gap: 1.5rem;
margin-bottom: 3rem;
}
.lexia-360-highlight {
display: flex;
align-items: center;
gap: 1.5rem;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.4s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.lexia-360-highlight::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transition: left 0.6s ease;
}
.lexia-360-highlight:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateX(10px);
border-color: rgba(216, 45, 42, 0.3);
}
.lexia-360-highlight:hover::before {
left: 100%;
}
.lexia-360-highlight-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, var(--primary), #ff6b6b);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.lexia-360-highlight-icon::after {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, var(--primary), #ff6b6b);
border-radius: 18px;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.lexia-360-highlight:hover .lexia-360-highlight-icon::after {
opacity: 0.5;
animation: lexia360IconGlow 1s ease-in-out infinite alternate;
}
@keyframes lexia360IconGlow {
to { transform: scale(1.1); }
}
.lexia-360-highlight-icon i {
color: white;
font-size: 1.8rem;
}
.lexia-360-highlight-content h4 {
font-size: 1.21rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 0.5rem;
line-height: 1.4;
}
.lexia-360-highlight-content p {
font-size: 0.9625rem;
line-height: 1.5;
color: var(--text-light);
margin: 0;
}
.lexia-360-features-showcase {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
margin-top: 5rem;
}
.lexia-360-feature-card {
text-align: center;
padding: 2rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
.lexia-360-feature-card::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(216, 45, 42, 0.1) 0%, transparent 70%);
transform: scale(0);
transition: transform 0.6s ease;
}
.lexia-360-feature-card:hover::before {
transform: scale(1);
}
.lexia-360-feature-card:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateY(-10px);
border-color: rgba(216, 45, 42, 0.3);
}
.lexia-360-feature-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, rgba(216, 45, 42, 0.2), rgba(255, 107, 107, 0.2));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
position: relative;
z-index: 1;
}
.lexia-360-feature-icon i {
color: var(--primary);
font-size: 2rem;
}
.lexia-360-feature-card h4 {
font-size: 1.1rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 1rem;
position: relative;
z-index: 1;
line-height: 1.4;
}
.lexia-360-feature-card p {
font-size: 0.9625rem;
color: var(--text-light);
line-height: 1.5;
margin: 0;
position: relative;
z-index: 1;
}
.lexia-360-floating-elements {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.lexia-360-floating-element {
position: absolute;
border-radius: 50%;
background: linear-gradient(135deg, rgba(216, 45, 42, 0.1), rgba(255, 107, 107, 0.1));
animation: lexia360FloatElement 8s ease-in-out infinite;
}
@keyframes lexia360FloatElement {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-30px) rotate(180deg); }
}
.lexia-360-floating-1 {
width: 120px;
height: 120px;
top: 15%;
left: 8%;
animation-delay: 0s;
}
.lexia-360-floating-2 {
width: 80px;
height: 80px;
top: 70%;
right: 10%;
animation-delay: 2s;
}
.lexia-360-floating-3 {
width: 60px;
height: 60px;
top: 40%;
left: 85%;
animation-delay: 4s;
}
/* Lexia 360° Responsive Design */
@media (max-width: 1024px) {
.lexia-360-experience {
padding: 5rem 0;
}
.lexia-360-main {
grid-template-columns: 1fr;
gap: 3rem;
}
.lexia-360-features-showcase {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.lexia-360-header {
margin-bottom: 3rem;
}
}
@media (max-width: 768px) {
.lexia-360-experience {
padding: 3rem 0;
}
.lexia-360-container {
padding: 0 1rem;
}
.lexia-360-header {
margin-bottom: 2.5rem;
}
.lexia-360-header h2 {
font-size: 2rem;
margin-bottom: 1rem;
}
.lexia-360-header p {
font-size: 1rem;
line-height: 1.6;
}
.lexia-360-main {
gap: 2rem;
margin-bottom: 3rem;
}
.lexia-360-content h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.lexia-360-content .lexia-360-intro-text {
font-size: 1rem;
margin-bottom: 1.5rem;
}
.lexia-360-highlight {
padding: 1.2rem;
flex-direction: column;
text-align: center;
gap: 0.8rem;
}
.lexia-360-highlight-content h4 {
font-size: 1rem;
}
.lexia-360-highlight-content p {
font-size: 0.85rem;
}
.lexia-360-features-showcase {
grid-template-columns: 1fr;
gap: 1.2rem;
margin-top: 2.5rem;
}
.lexia-360-feature-card {
padding: 1.2rem;
}
.lexia-360-feature-card h4 {
font-size: 1rem;
margin-bottom: 0.8rem;
}
.lexia-360-feature-card p {
font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.lexia-360-experience {
padding: 2rem 0;
}
.lexia-360-container {
padding: 0 0.8rem;
}
.lexia-360-header {
margin-bottom: 2rem;
}
.lexia-360-header h2 {
font-size: 1.6rem;
line-height: 1.2;
margin-bottom: 0.8rem;
}
.lexia-360-header p {
font-size: 0.9rem;
line-height: 1.5;
}
.lexia-360-main {
gap: 1.5rem;
margin-bottom: 2rem;
}
.lexia-360-player {
border-radius: 12px;
padding-top: 65%;
}
.lexia-360-badges {
top: 8px;
left: 8px;
right: 8px;
flex-direction: row;
justify-content: space-between;
gap: 5px;
}
.lexia-360-badge {
font-size: 0.6rem;
padding: 0.3rem 0.6rem;
letter-spacing: 0.3px;
flex: 1;
text-align: center;
}
.lexia-360-content h3 {
font-size: 1.3rem;
margin-bottom: 0.8rem;
line-height: 1.3;
}
.lexia-360-content .lexia-360-intro-text {
font-size: 0.9rem;
margin-bottom: 1.2rem;
line-height: 1.5;
}
.lexia-360-highlights {
gap: 1rem;
margin-bottom: 1.5rem;
}
.lexia-360-highlight {
padding: 1rem;
gap: 0.6rem;
}
.lexia-360-highlight-icon {
width: 45px;
height: 45px;
border-radius: 12px;
}
.lexia-360-highlight-icon i {
font-size: 1.3rem;
}
.lexia-360-highlight-content h4 {
font-size: 0.9rem;
margin-bottom: 0.3rem;
line-height: 1.3;
}
.lexia-360-highlight-content p {
font-size: 0.8rem;
line-height: 1.4;
}
.lexia-360-features-showcase {
gap: 1rem;
margin-top: 2rem;
}
.lexia-360-feature-card {
padding: 1rem;
}
.lexia-360-feature-icon {
width: 50px;
height: 50px;
border-radius: 12px;
margin-bottom: 1rem;
}
.lexia-360-feature-icon i {
font-size: 1.3rem;
}
.lexia-360-feature-card h4 {
font-size: 0.9rem;
margin-bottom: 0.6rem;
line-height: 1.3;
}
.lexia-360-feature-card p {
font-size: 0.8rem;
line-height: 1.4;
}
.lexia-360-floating-elements {
display: none;
}
}
/* Contact Section Styling */
.xhorse-vvdi .contact-section {
padding: 80px 0;
background-color: var(--background);
text-align: center;
}
.xhorse-vvdi .contact-header {
margin-bottom: 60px;
}
.xhorse-vvdi .contact-title {
font-size: 32px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 12px;
}
.xhorse-vvdi .contact-title-underline {
width: 60px;
height: 4px;
background-color: var(--primary);
margin: 0 auto 24px;
border-radius: 2px;
}
.xhorse-vvdi .contact-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
max-width: 600px;
margin: 0 auto;
}
.xhorse-vvdi .contact-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1000px;
margin: 0 auto;
}
.xhorse-vvdi .contact-card {
background-color: var(--background-light);
border-radius: var(--radius-lg);
padding: 30px;
box-shadow: var(--shadow-sm);
transition: all 0.3s ease;
border: 1px solid var(--border);
}
.xhorse-vvdi .contact-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md);
}
.xhorse-vvdi .contact-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--primary-light);
color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin: 0 auto 20px;
}
.xhorse-vvdi .contact-card-title {
font-size: 18px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 8px;
}
.xhorse-vvdi .contact-card-detail {
font-size: 16px;
color: var(--primary);
text-decoration: none;
font-weight: 500;
}
.xhorse-vvdi .contact-card-detail:hover {
text-decoration: underline;
}
/* Responsive */
@media (max-width: 1024px) {
.xhorse-vvdi .hero-title {
font-size: 40px;
}
.xhorse-vvdi .product-container,
.xhorse-vvdi .software-container {
gap: 40px;
}
}
@media (max-width: 768px) {
.xhorse-vvdi .hero {
padding-top: 60px;
text-align: center;
}
.xhorse-vvdi .hero-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.xhorse-vvdi .hero-content {
text-align: center;
max-width: 100%;
}
.xhorse-vvdi .hero-buttons {
flex-direction: column;
align-items: center;
}
.xhorse-vvdi .hero-eyebrow {
margin-left: auto;
margin-right: auto;
}
.xhorse-vvdi .hero-image-wrapper {
max-width: 400px;
}
.xhorse-vvdi .product-container,
.xhorse-vvdi .software-container {
grid-template-columns: 1fr;
}
.xhorse-vvdi .product-content, .xhorse-vvdi .software-content {
max-width: 100%;
}
.xhorse-vvdi .product-content {
order: 2;
}
.xhorse-vvdi .product-image-container {
order: 1;
}
/* For software section on mobile, content (order: 1) comes before image (order: 2) */
.xhorse-vvdi .software-content {
order: 1;
}
.xhorse-vvdi .software-image {
order: 2;
}
.xhorse-vvdi .gallery-main {
height: 300px;
}
.xhorse-vvdi .faq-columns {
display: block;
}
}
@media (max-width: 576px) {
.xhorse-vvdi .container {
padding: 0 16px;
}
.xhorse-vvdi .hero-title {
font-size: 32px;
}
.xhorse-vvdi .hero-image-wrapper {
max-width: 300px;
}
.xhorse-vvdi .section-title,
.xhorse-vvdi .product-title,
.xhorse-vvdi .software-title {
font-size: 28px;
}
.xhorse-vvdi .feature-card {
padding: 30px;
}
.xhorse-vvdi .gallery-thumb {
width: 60px;
height: 60px;
}
.xhorse-vvdi .gallery-main {
height: 250px;
}
.xhorse-vvdi .product-badges {
top: 20px;
left: 20px;
}
.xhorse-vvdi .hero-image-container .product-badges {
right: 20px;
left: auto;
}
}
@media (min-width: 768px) {
.xhorse-vvdi .hero-buttons {
justify-content: center;
}
.xhorse-vvdi .faq-column {
flex: 0 0 calc(50% - 12px);
}
}
Gelişmiş ECU Programlama Teknolojisi
XHorse VVDi Prog ECU Beyin Programlama Cihazı
XHorse VVDi Prog, profesyonel seviyede beyin programlama işlemlerini yapabilmeniz için üretilmiş orijinal XHorse ürünüdür. VAG EDC17 ve BMW beyinlerine tam destek sağlar. BMW ISN okuma fonksiyonu ve NEC, MPC, Infineon çiplerde işlemler gerçekleştirebilirsiniz. Akıllı çalışma modu sayesinde olası hataları listeler ve çözümünü sunar.
Ürünü İnceleyin
Yazılım Uyumluluğu
360° Görünüm
XHorse VVDi Prog 360° Görünüm
Yakında Eklenecek
ECU Programmer
XHORSE PROFESSIONAL | ECU PROGRAMMER
XHorse VVDi Prog ECU Beyin Programlama Cihazı
Sektördeki beyin programlama cihazları arasında orijinal olup alınabilecek en uygun fiyatlı profesyonel üründür. VAG EDC17 ve BMW beyinlerine tam destek sağlar. Kendi kendini test etme fonksiyonu sayesinde cihaz kendini kontrol ederek sizlere rapor vermektedir. Türkçe yazılım desteği ve kesintisiz online güncelleme ile sürekli güncel kalır.
VAG EDC17 ve BMW Tam Desteği: BMW ISN okuma fonksiyonu ve NEC, MPC, Infineon çiplerde profesyonel işlemler.
Akıllı Çalışma Modu: Olası hataları listeler ve çözümünü sunar. Kendi kendini test etme fonksiyonu ile güvenli çalışma.
Türkçe Yazılım Desteği: Kesintisiz online güncelleme ile hem donanım hem yazılım sürekli güncel kalır.
Bosch ECU Adaptörü Desteği: İhtiyaç halinde Bosch marka beyinleri sökmeden okumak için VVDi Prog Bosch ECU Adaptörü kullanılabilir.
Çok Sayıda Bağlantı Şeması: VVDi Prog içerisinde çok sayıda bağlantı şeması barındırmaktadır.
PROFESYONEL ECU PROGRAMLAMA ÇÖZÜMLERİ
XHorse VVDi Prog ile Sınırsız Yetenekler
XHorse VVDi Prog, standart programlama cihazlarının sınırlarını aşarak, tüm araç markalarında ileri düzeyde ECU programlama, immobilizer bypass ve anahtar programlama işlemleri yapmanıza olanak tanır.
ECU Beyin Programlama
Tüm araç markalarında ECU beyin programlama, klonlama ve yedekleme işlemleri. Güçlü donanım ile hızlı ve güvenli programlama.
Immobilizer Bypass
Immobilizer sistemlerini bypass etme, anahtar programlama ve kayıp anahtar durumlarında çözüm sağlama yetenekleri.
Chip Tuning
Motor performans optimizasyonu, yakıt tüketimi iyileştirme ve güç artırma için gelişmiş chip tuning özellikleri.
ECU Klonlama
Hasarlı ECU'ları klonlama, yedekleme ve geri yükleme işlemleri. Veri kaybı olmadan ECU değişimi imkanı.
Çok Marka Desteği
BMW, Mercedes, Audi, Volkswagen, Ford, Toyota ve 100+ araç markası desteği. Sürekli güncellenen veritabanı.
Güvenli Programlama
Gelişmiş güvenlik protokolleri ile ECU hasarı riski olmadan güvenli programlama. Otomatik yedekleme sistemi.
DETAYLI ÖZELLİKLER
XHorse VVDi Prog ile Yapabilecekleriniz
ECU beyin programlama, immobilizer bypass ve anahtar programlama alanında profesyonel düzeyde işlemler için gereken tüm fonksiyonlar tek cihazda.
ECU Beyin Okuma ve Yazma
ECU Klonlama ve Yedekleme
Immobilizer Bypass ve Anahtar Programlama
Chip Tuning ve Performans Optimizasyonu
BMW CAS ve FEM/BDC Programlama
Mercedes EIS ve ESL Programlama
Audi/VW MQB ve MLB Platformları
Ford PATS ve Jaguar/Land Rover KVM
Toyota/Lexus Smart Key Programlama
Nissan/Infiniti BCM Programlama
EEPROM ve Flash Memory Programlama
ECU Senkronizasyon ve Adaptasyon
Immobilizer Silme ve Bypass
Firmware Güncelleme ve Yükleme
ECU Bilgi Okuma ve Analiz
Özel Adaptörler ve Kablolar
Online Güncelleme ve Destek
Güvenli Programlama Protokolleri
Performans Analizi ve Raporlama
Otomatik ECU Tanıma ve Konfigürasyon
Hızlı Programlama ve İşlem
Dünya Çapında Araç Markası Desteği
Ve Daha Birçok Gelişmiş Özellik
XHorse VVDi Prog'u 360° Açıdan Keşfedin
XHorse VVDi Prog ECU beyin programlama cihazının her detayını interaktif deneyimle yaşayın. Gelişmiş donanımından güçlü programlama özelliklerine kadar her şeyi yakından inceleyin.
XHorse VVDi Prog Dış Görünüm
XHorse VVDi Prog Video Tanıtımı
Yakında Eklenecek
Gelişmiş ECU Programlama Teknolojisi
XHorse VVDi Prog, otomotiv sektörünün en gelişmiş ECU beyin programlama cihazıdır. Immobilizer bypass, anahtar programlama ve chip tuning alanında devrim yaratan teknolojisi ile sektörde öncü bir çözüm sunar.
ECU Programlama Uzmanı
Tüm araç markalarında ECU beyin programlama, klonlama ve immobilizer bypass işlemlerinde uzmanlaşmış tasarım.
Hızlı ve Güvenli
Gelişmiş donanım ile hızlı programlama ve güvenlik protokolleri ile ECU hasarı riski olmadan güvenli işlem.
Çok Marka Desteği
BMW, Mercedes, Audi, Volkswagen, Ford ve 100+ araç markası desteği ile sınırsız programlama imkanı.
ECU Programlama
Gelişmiş ECU beyin programlama ve klonlama
Immobilizer Bypass
Tüm immobilizer sistemleri bypass desteği
Chip Tuning
Motor performans optimizasyonu ve tuning
Çok Marka Desteği
100+ araç markası ile uyumluluk
YAZILIM UYUMLULUĞU
Türkçe Yazılım Desteği ve Online Güncelleme
VVDi Prog ile tüm işlemlerinizi zorlanmadan gerçekleştirebilir, Akıllı çalışma modu sayesinde olası hataları sizlere listeler ve çözümünü sunar. Türkçe yazılım desteği ve kesintisiz online güncelleme ile hem donanım hem de yazılımınız sürekli güncel kalmaktadır. Resmi Orijinal XHorse firmasının lisanslı ürünüdür.
Akıllı Çalışma Modu: Olası hataları sizlere listeler ve çözümünü sunar. Kendi kendini test etme fonksiyonu ile güvenli çalışma.
Türkçe Yazılım Desteği: Tam Türkçe arayüz ile kolay kullanım ve anlaşılır menüler.
Kesintisiz Online Güncelleme: Hem donanım hem yazılım sürekli güncel kalır. Yeni araç modelleri otomatik eklenir.
Çok Sayıda Bağlantı Şeması: VVDi Prog içerisinde çok sayıda bağlantı şeması barındırmaktadır.
📦 VVDi Prog Paket İçeriği
XHorse VVDi Prog Ana Cihazı
Profesyonel ECU beyin programlama cihazı
@media (max-width: 768px) {
.software-note-content > div:nth-child(3) {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.software-note-content > div:nth-child(3) > div {
padding: 12px !important;
}
.software-note-content > div:nth-child(3) > div > div:first-child {
width: 40px !important;
height: 40px !important;
margin: 0 auto 8px auto !important;
}
.software-note-content > div:nth-child(3) > div > strong {
font-size: 12px !important;
}
.software-note-content > div:nth-child(3) > div > p {
font-size: 10px !important;
}
}
@media (max-width: 480px) {
.software-note-content > div:nth-child(2) {
padding: 15px !important;
}
.software-note-content > div:nth-child(2) > div:first-child {
width: 50px !important;
height: 50px !important;
}
.software-note-content > div:nth-child(2) > h4 {
font-size: 14px !important;
}
.software-note-content > div:nth-child(2) > p {
font-size: 12px !important;
}
}
USB Data Kablosu
PC bağlantısı için
SOP16 Test Soketi
Çip bağlantısı için
16pin Dönüştürücü
SOP/SOT/SSOP desteği
MCU Reflash Kablosu
MCU programlama için
ECU Reflash Kablosu
ECU programlama için
MC9S12 Reflash Kablosu
MC9S12 programlama için
Resmi Orijinal XHorse Ürünü
Tüm kablolar ve aksesuarlar dahildir
SIKÇA SORULAN SORULAR
XHorse VVDi Prog Hakkında Merak Edilenler
XHorse VVDi Prog ECU beyin programlama cihazı ve yazılım uyumluluğu ile ilgili en çok sorulan soruları ve cevaplarını derledik.
VVDi Prog hangi çip türlerinde çalışır?
VVDi Prog, NEC, MPC, Infineon vb. çiplerde işlemler gerçekleştirebilir. Özellikle VAG EDC17 ve BMW beyinlerine tam destek sağlar. BMW ISN okuma fonksiyonu ile BMW araçlarında gelişmiş işlemler yapabilirsiniz.
Akıllı çalışma modu nedir?
VVDi Prog'un akıllı çalışma modu sayesinde olası hataları sizlere listeler ve çözümünü sunar. Kendi kendini test etme fonksiyonu sayesinde cihaz kendini kontrol ederek sizlere rapor vermektedir. Bu özellik güvenli çalışma sağlar.
Bosch ECU Adaptörü nedir?
İhtiyaç halinde Bosch marka beyinleri sökmeden okumak için VVDi Prog Bosch ECU Adaptörünü satın alabilirsiniz. Bu adaptör sayesinde Bosch ECU'larında daha kolay ve güvenli işlemler gerçekleştirebilirsiniz.
Cihazın garantisi var mı?
Evet, sattığımız tüm XHorse VVDi Prog ECU programlama cihazları sadece üretim kaynaklı oluşan hatalara karşı 12 ay boyunca firmamız garantisi altındadır. Kullanıcı kaynaklı hatalar garanti kapsamında değildir.
Türkçe yazılım desteği var mı?
Evet, VVDi Prog tam Türkçe yazılım desteği sunar. Kesintisiz online güncelleme ile hem donanım hem de yazılımınız sürekli güncel kalmaktadır. Türkçe arayüz ile kolay kullanım sağlar.
Destek ve İletişim
Ürünlerimizle veya donanım kullanımıyla ilgili her türlü sorunuz için bize ulaşabilirsiniz.
Telefon
0850 532 05 50
E-posta
info@otoeko.com
WhatsApp
WhatsApp Destek Hattı
Türkçe
English
العربية
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
