Türkçe
English
العربية
Renault Vci Clip Arıza Tespit Cihazı
Renault VCI Arıza Tespit Cihazı, Yetkili servisin kullandığı Renault ve Dacia marka araçlarda Arıza Tespit yapabilmeniz için imal edilmiş bir Arıza Tespit Cihazıdır.
Renault VCI Arıza Tespit Cihazı
/* Font optimizasyonu - Outfit font family */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
/* VCI ürün kapağı için izole edilmiş stil - Optimize edilmiş */
.vci-product-section {
isolation: isolate;
all: initial;
font-family: 'Outfit', sans-serif;
color: #333;
display: block;
width: 100%;
box-sizing: border-box;
}
.vci-product-section *,
.vci-product-section *::before,
.vci-product-section *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.vci-product-cover {
position: relative;
width: 100%;
min-height: 100vh;
overflow: hidden;
background: #f5f8fa; /* Daha açık sarı tonu arka plan */
}
.vci-container {
max-width: 1400px;
margin: 0 auto;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.vci-content-wrapper {
flex: 1;
display: flex;
align-items: center;
position: relative;
z-index: 3;
padding: 0 15px;
}
.vci-left-content {
flex: 1;
padding: 60px 40px;
}
.vci-product-category {
font-size: 16.94px;
text-transform: uppercase;
letter-spacing: 3px;
color: #FFCC00; /* Renault sarısı */
font-weight: 500;
margin-bottom: 20px;
font-family: 'Outfit', sans-serif;
}
.vci-product-name {
font-size: 67.76px;
line-height: 1.1;
margin-bottom: 20px;
color: #1A2B32; /* Koyu gri/siyah */
font-weight: 700;
font-family: 'Outfit', sans-serif;
}
.vci-product-tagline {
font-size: 19.36px;
font-weight: 400;
color: #2c3036; /* Gri */
margin-bottom: 40px;
line-height: 1.7;
max-width: 550px;
font-family: 'Outfit', sans-serif;
}
.vci-product-tagline strong {
color: #DAA520; /* Koyu sarı */
font-weight: 600;
font-family: 'Outfit', sans-serif;
}
.vci-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.vci-feature-box {
display: flex;
align-items: flex-start;
}
.vci-feature-icon {
min-width: 40px;
height: 40px;
border-radius: 50%;
background: #FFF9E6; /* Açık sarı arka plan */
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.vci-feature-icon i {
font-size: 18px;
color: #FFCC00; /* Renault sarısı */
}
.vci-feature-text {
flex: 1;
}
.vci-feature-title {
font-weight: 600;
font-size: 16.94px;
margin-bottom: 5px;
color: #1A2B32; /* Koyu gri/siyah */
font-family: 'Outfit', sans-serif;
}
.vci-feature-desc {
font-size: 15.73px;
color: #2c3036; /* Gri */
font-weight: 400;
line-height: 1.5;
font-family: 'Outfit', sans-serif;
}
.vci-right-content {
flex: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
margin-top: -20px;
}
.vci-product-display {
position: relative;
width: 100%;
height: 550px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.vci-display-card {
width: 85%;
height: 85%;
background: white;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
overflow: hidden;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin-bottom: 20px;
}
.vci-display-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.vci-360-label {
position: absolute;
top: 15px;
right: 15px;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 8px 12px;
border-radius: 8px;
font-size: 12px;
font-weight: 500;
z-index: 10;
display: flex;
align-items: center;
gap: 8px;
}
/* Gallery Stilleri - Optimize edilmiş */
.vci-gallery {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.vci-gallery-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
pointer-events: none;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
will-change: opacity; /* Performans optimize */
}
.vci-gallery-item.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: 5;
}
.vci-gallery-image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
border-radius: 20px;
}
.vci-gallery-iframe {
width: 100%;
height: 100%;
border: none;
border-radius: 20px;
display: block;
margin: 0 auto;
}
/* Masaüstü için 360° görünüm özel stilleri */
@media (min-width: 769px) {
.vci-gallery-item[data-type="iframe"] {
display: flex;
align-items: center;
justify-content: center;
}
.vci-gallery-iframe {
width: 100%;
height: 100%;
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
}
/* Thumbnail Stilleri - Optimize edilmiş */
.vci-thumbnails {
display: flex;
justify-content: center;
gap: 10px;
width: 85%;
padding: 10px 0;
overflow: hidden;
}
.vci-thumbnail {
width: 70px;
height: 70px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
position: relative;
flex-shrink: 0;
border: 2px solid transparent;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.vci-thumbnail.active {
border-color: #FFCC00; /* Renault sarısı */
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.vci-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Thumbnail scroll */
.vci-thumbnails-container {
position: relative;
width: 85%;
overflow: hidden;
}
.vci-thumbnails {
display: flex;
transition: transform 0.3s ease;
width: max-content;
}
/* YENİ EKLENEN ALANLARIN STİLLERİ (ESKİ) */
.vci-additional-sections {
padding: 80px 15px;
background: #fff;
}
/* Ürün Özellikleri Detay Bölümü */
.vci-specs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.vci-spec-card {
background: #f5f8fa; /* Açık sarı tonu arka plan */
border-radius: 12px;
padding: 25px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vci-spec-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.vci-spec-icon {
width: 50px;
height: 50px;
background: #FFF9E6; /* Açık sarı arka plan */
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
margin-bottom: 20px;
}
.vci-spec-icon i {
font-size: 24px;
color: #FFCC00; /* Renault sarısı */
}
.vci-spec-title {
font-size: 18px;
font-weight: 600;
color: #1A2B32; /* Koyu gri/siyah */
margin-bottom: 12px;
}
.vci-spec-desc {
font-size: 14px;
line-height: 1.6;
color: #2c3036; /* Gri */
}
/* Neden VCI Bölümü */
.vci-why-section {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.vci-why-image {
flex: 1;
min-width: 300px;
}
.vci-why-image img {
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.vci-why-content {
flex: 1;
min-width: 300px;
}
.vci-why-title {
font-size: 26px;
font-weight: 700;
color: #1A2B32; /* Koyu gri/siyah */
margin-bottom: 20px;
}
.vci-why-list {
list-style: none;
}
.vci-why-item {
display: flex;
margin-bottom: 20px;
}
.vci-why-item-icon {
margin-right: 15px;
width: 24px;
height: 24px;
min-width: 24px;
background: #FFF9E6; /* Açık sarı arka plan */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.vci-why-item-icon i {
font-size: 12px;
color: #FFCC00; /* Renault sarısı */
}
.vci-why-item-text h4 {
font-size: 16px;
font-weight: 600;
color: #1A2B32; /* Koyu gri/siyah */
margin-bottom: 5px;
}
.vci-why-item-text p {
font-size: 14px;
line-height: 1.6;
color: #2c3036; /* Gri */
}
/* Cihaz Genel Özellikleri Bölümü */
.vci-capabilities-section {
background: #f5f8fa; /* Açık sarı tonu arka plan */
padding: 60px 20px;
border-radius: 15px;
}
.vci-capabilities-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
}
.vci-capability-item {
display: flex;
align-items: flex-start;
padding: 15px;
background: white;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vci-capability-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.vci-capability-icon {
width: 40px;
height: 40px;
min-width: 40px;
background: #FFF9E6; /* Açık sarı arka plan */
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.vci-capability-icon i {
font-size: 18px;
color: #FFCC00; /* Renault sarısı */
}
.vci-capability-text {
font-size: 14px;
line-height: 1.5;
color: #2c3036; /* Gri */
font-weight: 500;
}
/* Tablet için stil düzenlemeleri */
@media (max-width: 1024px) {
.vci-content-wrapper {
flex-direction: column;
padding-top: 60px;
text-align: center;
}
.vci-left-content {
order: 1;
}
.vci-right-content {
order: 2;
}
.vci-left-content, .vci-right-content {
padding: 30px;
width: 100%;
}
.vci-product-name {
font-size: 42px;
}
.vci-features-grid {
grid-template-columns: repeat(2, 1fr);
}
.vci-product-display {
height: 450px;
}
.vci-thumbnails {
width: 95%;
}
/* Yeni eklenen alanların responsive tasarımı */
.vci-specs-grid {
grid-template-columns: repeat(2, 1fr);
}
.vci-capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobil için stil düzenlemeleri */
@media (max-width: 768px) {
.vci-features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.vci-left-content, .vci-right-content {
padding: 25px 15px;
}
.vci-product-name {
font-size: 32px;
margin-bottom: 15px;
}
.vci-product-category {
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 15px;
}
.vci-product-tagline {
font-size: 15px;
margin-bottom: 30px;
}
.vci-product-display {
height: 400px;
}
.vci-display-card {
height: 75%;
}
.vci-feature-icon {
min-width: 35px;
height: 35px;
}
.vci-feature-title {
font-size: 13px;
}
.vci-feature-desc {
font-size: 12px;
}
.vci-thumbnail {
width: 60px;
height: 60px;
}
/* Yeni eklenen alanların responsive tasarımı */
.vci-specs-grid {
grid-template-columns: 1fr;
}
.vci-additional-sections {
padding: 50px 15px;
}
.vci-capabilities-grid {
grid-template-columns: 1fr;
}
.vci-capabilities-section {
padding: 40px 15px;
}
.vci-why-section { /* Neden VCI bölümü için mobil düzenleme */
flex-direction: column;
gap: 20px; /* Daha az boşluk */
}
.vci-why-image,
.vci-why-content {
flex: 1 1 100%; /* Tam genişlik almalarını sağlar */
min-width: 0; /* min-width'i sıfırla, taşmayı önler */
}
.vci-why-title { /* Neden VCI başlığı için mobil düzenleme */
font-size: 22px;
}
}
/* Küçük ekranlı mobil cihazlar için ek düzenlemeler */
@media (max-width: 480px) {
.vci-left-content, .vci-right-content {
padding: 20px 10px; /* Daha da azaltılmış padding */
}
.vci-product-name {
font-size: 26px; /* Biraz daha küçük */
}
.vci-product-tagline {
font-size: 14px; /* Biraz daha küçük */
margin-bottom: 20px;
line-height: 1.6;
}
.vci-product-display {
height: 320px; /* Biraz daha küçük */
}
.vci-display-card {
width: 95%;
}
.vci-thumbnail {
width: 45px; /* Biraz daha küçük */
height: 45px; /* Biraz daha küçük */
}
.vci-additional-sections {
padding: 40px 10px; /* Daha da azaltılmış padding */
}
.vci-section {
margin: 0 auto 40px; /* Alt boşluğu ve yan boşlukları ayarla */
}
/* .vci-section-title ve .vci-section-subtitle için genel küçültmeler */
.vci-section-title {
font-size: 22px !important;
padding-bottom: 10px; /* Altındaki çizgi için boşluk */
}
.vci-section-title:after { /* Çizgiyi de küçültelim */
width: 50px;
height: 3px;
}
.vci-section-subtitle {
font-size: 13px !important;
margin-bottom: 25px;
line-height: 1.5;
}
.vci-capabilities-section {
padding: 30px 10px; /* Daha da azaltılmış padding */
}
.vci-capability-text {
font-size: 13px;
}
.vci-why-title { /* Neden VCI başlığı için mobil düzenleme */
font-size: 20px;
}
.vci-why-item-text h4 {
font-size: 14px;
}
.vci-why-item-text p {
font-size: 13px;
line-height: 1.5;
}
.vci-spec-title {
font-size: 16px;
}
.vci-spec-desc {
font-size: 13px;
line-height: 1.5;
}
.vci-feature-title {
font-size: 12px;
}
.vci-feature-desc {
font-size: 11px;
}
}
/* YENİ EKLENEN Yazılım Uyumluluğu Bölümü Ultra Modern Stiller */
:root {
--vci-primary: #FFCC00; /* Renault sarısı ana renk */
--vci-primary-dark: #DAA520; /* Koyu sarı */
--vci-primary-light: #FFD700; /* Açık sarı */
--vci-primary-ultra-light: #FFF9E6; /* Çok açık sarı */
--vci-text-dark: #1A2B32; /* Koyu gri/siyah */
--vci-text-medium: #2c3036; /* Gri */
--vci-text-light: #474c52; /* Açık gri */
--vci-background: #f5f8fa; /* Açık sarı tonu arka plan */
--vci-card-bg: #ffffff;
--vci-shadow: 0 10px 30px rgba(255, 204, 0, 0.08);
--vci-shadow-hover: 0 15px 35px rgba(255, 204, 0, 0.15);
--vci-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.vci-section {
font-family: 'Outfit', sans-serif;
max-width: 1200px;
margin: 0 auto 80px;
padding: 0 15px;
}
.vci-section:last-child {
margin-bottom: 0;
}
.vci-section-header {
text-align: center;
margin-bottom: 50px;
}
.vci-section-title {
font-size: 45.98px;
font-weight: 800;
color: var(--vci-text-dark);
margin-bottom: 15px;
text-align: center;
position: relative;
padding-bottom: 20px;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.vci-section-title:after {
content: '';
position: absolute;
width: 70px;
height: 4px;
background: linear-gradient(90deg, var(--vci-primary), var(--vci-primary-light));
bottom: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 4px;
}
.vci-section-subtitle {
font-size: 20.57px;
line-height: 1.6;
color: var(--vci-text-light);
max-width: 800px;
margin: 0 auto 50px;
text-align: center;
}
/* Değiştirilen Kısım: compatibility-container yeni yapısı */
.vci-compatibility-container {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 50px;
}
.vci-top-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.vci-bottom-card {
width: 50%;
margin: 0 auto;
}
.vci-card {
background: var(--vci-card-bg);
border-radius: 16px;
overflow: hidden;
box-shadow: var(--vci-shadow);
transition: var(--vci-transition);
border: 1px solid rgba(255, 204, 0, 0.05);
display: flex;
flex-direction: column;
height: 100%;
}
.vci-card:hover {
transform: translateY(-6px);
box-shadow: var(--vci-shadow-hover);
}
.vci-card-header {
display: flex;
align-items: center;
padding: 20px 25px;
background: linear-gradient(135deg, var(--vci-primary-ultra-light), white);
border-bottom: 1px solid rgba(255, 204, 0, 0.1);
}
.vci-letter-badge {
width: 50px;
height: 50px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: 700;
color: white;
margin-right: 20px;
background: linear-gradient(135deg, var(--vci-primary), var(--vci-primary-dark));
box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
position: relative;
overflow: hidden;
transition: var(--vci-transition);
}
.vci-letter-badge:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);
top: 0;
left: 0;
pointer-events: none;
}
.vci-card:hover .vci-letter-badge {
transform: rotate(10deg) scale(1.1);
box-shadow: 0 8px 20px rgba(255, 204, 0, 0.4);
}
.vci-compatibility-container .vci-top-cards .vci-card:nth-child(1) .vci-letter-badge {
background: linear-gradient(135deg, #FFCC00, #DAA520); /* Sarı tonları */
}
.vci-card-title {
font-size: 20px;
font-weight: 700;
color: var(--vci-text-dark);
margin: 0;
transition: var(--vci-transition);
}
.vci-card:hover .vci-card-title {
color: var(--vci-primary);
}
.vci-card-content {
padding: 25px;
display: flex;
flex-direction: column;
flex: 1;
}
.vci-card-image {
height: 160px;
display: flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
border: 1px solid rgba(255, 204, 0, 0.03);
transition: var(--vci-transition);
}
.vci-card:hover .vci-card-image {
box-shadow: 0 8px 20px rgba(255, 204, 0, 0.08);
}
.vci-card-image img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05));
}
.vci-card:hover .vci-card-image img {
transform: scale(1.08);
}
.vci-card-description {
font-size: 14px;
line-height: 1.7;
color: var(--vci-text-medium);
margin: 0;
flex: 1;
}
.vci-software-requirements {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 25px;
margin-top: 30px;
}
.vci-requirement-item {
display: flex;
align-items: center;
background: var(--vci-card-bg);
border-radius: 50px;
padding: 14px 30px;
box-shadow: 0 8px 20px rgba(255, 204, 0, 0.08);
transition: var(--vci-transition);
border: 1px solid rgba(255, 204, 0, 0.05);
}
.vci-requirement-item:hover {
transform: translateY(-5px);
box-shadow: 0 12px 25px rgba(255, 204, 0, 0.12);
background: linear-gradient(135deg, white, var(--vci-primary-ultra-light));
}
.vci-requirement-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
color: var(--vci-primary);
background: linear-gradient(135deg, var(--vci-primary-ultra-light), white);
border-radius: 50%;
font-size: 16px;
box-shadow: 0 5px 15px rgba(255, 204, 0, 0.1);
transition: var(--vci-transition);
border: 1px solid rgba(255, 204, 0, 0.08);
}
.vci-requirement-item:hover .vci-requirement-icon {
transform: rotate(360deg);
background: var(--vci-primary);
color: white;
}
.vci-requirement-item span {
font-size: 15px;
color: var(--vci-text-medium);
font-weight: 600;
letter-spacing: 0.3px;
}
/* Tablet için YENİ BÖLÜM responsif tasarım */
@media (max-width: 1024px) {
.vci-top-cards {
grid-template-columns: 1fr;
gap: 25px;
}
.vci-bottom-card {
width: 100%;
}
.vci-card-header {
padding: 18px 22px;
}
.vci-card-image {
height: 150px;
}
.vci-section-title {
font-size: 32px !important;
}
}
/* Mobil için YENİ BÖLÜM responsif tasarım */
@media (max-width: 768px) {
.vci-section {
padding: 0 15px;
}
.vci-card-content {
padding: 20px;
}
.vci-letter-badge {
width: 45px;
height: 45px;
font-size: 24px;
margin-right: 15px;
}
.vci-card-title {
font-size: 18px;
}
.vci-card-image {
height: 140px;
margin-bottom: 18px;
}
.vci-card-description {
font-size: 13px;
}
.vci-requirement-item {
padding: 12px 25px;
}
.vci-requirement-icon {
width: 35px;
height: 35px;
margin-right: 12px;
font-size: 14px;
}
.vci-requirement-item span {
font-size: 14px;
}
.vci-section-title {
font-size: 28px !important;
}
.vci-section-subtitle {
font-size: 15px !important;
}
}
/* Küçük mobil cihazlar için YENİ BÖLÜM ek düzenlemeler */
@media (max-width: 480px) {
.vci-software-requirements {
flex-direction: column;
align-items: center;
gap: 15px;
}
.vci-requirement-item {
width: 100%;
justify-content: flex-start;
}
.vci-section-title {
font-size: 24px !important;
padding-bottom: 15px;
}
.vci-section-subtitle {
font-size: 14px !important;
}
}
/* SSS Bölümü Stilleri */
.vci-faq-section {
background-color: var(--vci-background);
padding-top: 40px;
padding-bottom: 60px;
}
.vci-faq-container {
max-width: 800px;
margin: 0 auto;
}
.vci-faq-item {
background-color: var(--vci-card-bg);
margin-bottom: 15px;
border-radius: 12px;
box-shadow: var(--vci-shadow);
border: 1px solid rgba(255, 204, 0, 0.05);
overflow: hidden;
}
.vci-faq-question {
background-color: transparent;
border: none;
width: 100%;
text-align: left;
padding: 20px 25px;
font-family: 'Outfit', sans-serif;
font-size: 16px;
font-weight: 600;
color: var(--vci-text-dark);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s ease;
}
.vci-faq-question:hover {
background-color: rgba(255, 204, 0, 0.03);
}
.vci-faq-question span {
flex-grow: 1;
margin-right: 15px;
}
.vci-faq-question i {
font-size: 14px;
color: var(--vci-primary);
transition: transform 0.3s ease;
}
.vci-faq-question.active i {
transform: rotate(180deg);
}
.vci-faq-answer {
padding: 0px 25px;
font-family: 'Outfit', sans-serif;
font-size: 14px;
line-height: 1.7;
color: var(--vci-text-medium);
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}
.vci-faq-answer p {
margin: 0;
padding-bottom: 20px;
}
.vci-faq-answer.active {
padding-top: 5px;
padding-bottom: 10px;
max-height: 500px;
transition: max-height 0.5s ease-in, padding 0.5s ease-in;
}
/* SSS Mobil Uyum */
@media (max-width: 768px) {
.vci-faq-question {
font-size: 15px;
padding: 18px 20px;
}
.vci-faq-answer {
font-size: 13px;
padding: 0 20px;
}
.vci-faq-answer.active {
padding-top: 5px;
padding-bottom: 8px;
}
.vci-faq-answer p {
padding-bottom: 15px;
}
}
@media (max-width: 480px) {
.vci-faq-question {
font-size: 14px;
padding: 15px;
}
.vci-faq-answer {
font-size: 12px;
padding: 0 15px;
}
.vci-faq-answer.active {
padding-top: 5px;
padding-bottom: 5px;
}
.vci-faq-answer p {
padding-bottom: 10px;
}
}
/* Destek ve İletişim Bölümü Stilleri */
.vci-support-contact-section {
background-color: var(--vci-card-bg);
padding-top: 60px;
padding-bottom: 80px;
border-top: 1px solid rgba(255, 204, 0, 0.08);
}
.vci-contact-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.vci-contact-card {
background: white;
border-radius: 16px;
padding: 30px;
text-align: center;
box-shadow: var(--vci-shadow);
transition: var(--vci-transition);
border: 1px solid rgba(255, 204, 0, 0.05);
}
.vci-contact-card:hover {
transform: translateY(-6px);
box-shadow: var(--vci-shadow-hover);
}
.vci-contact-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, var(--vci-primary-ultra-light), white);
color: var(--vci-primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin: 0 auto 20px;
box-shadow: 0 5px 15px rgba(255, 204, 0, 0.1);
border: 1px solid rgba(255, 204, 0, 0.08);
}
.vci-contact-card:hover .vci-contact-icon {
background: var(--vci-primary);
color: white;
}
.vci-contact-title {
font-size: 18px;
font-weight: 700;
color: var(--vci-text-dark);
margin-bottom: 10px;
}
.vci-contact-info {
font-size: 15px;
line-height: 1.6;
color: var(--vci-text-medium);
}
.vci-contact-info a {
color: var(--vci-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.vci-contact-info a:hover {
color: var(--vci-primary-dark);
text-decoration: underline;
}
/* Destek ve İletişim Mobil Uyum */
@media (max-width: 768px) {
.vci-contact-container {
grid-template-columns: 1fr;
}
.vci-contact-card {
padding: 25px;
}
.vci-contact-title {
font-size: 17px;
}
.vci-contact-info {
font-size: 14px;
}
}
@media (max-width: 480px) {
.vci-support-contact-section {
padding-top: 40px;
padding-bottom: 60px;
}
.vci-contact-card {
padding: 20px;
}
.vci-contact-icon {
width: 50px;
height: 50px;
font-size: 20px;
}
.vci-contact-title {
font-size: 16px;
}
.vci-contact-info {
font-size: 13px;
}
}
.vci-capabilities-note {
font-size: 13px;
color: var(--vci-text-light);
text-align: center;
margin-top: 30px;
padding: 0 15px;
font-style: italic;
}
/* VCI Video ve Teknik Özellikler Bölümü */
.vci-video-tech-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.vci-video-section {
background: #fff;
padding: 30px;
border-radius: 16px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(255, 204, 0, 0.1);
}
.vci-video-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio */
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.vci-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 12px;
}
.vci-video-description {
color: var(--vci-text-medium);
font-size: 14px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
}
.vci-video-description i {
color: var(--vci-primary);
font-size: 16px;
}
.vci-tech-specs-section {
background: var(--vci-background);
padding: 30px;
border-radius: 16px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(255, 204, 0, 0.1);
}
.vci-tech-specs-section h3 {
font-size: 24px;
font-weight: 700;
color: var(--vci-text-dark);
margin-bottom: 25px;
text-align: center;
}
.vci-tech-specs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.vci-tech-spec-item {
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
background: white;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
border: 1px solid rgba(255, 204, 0, 0.1);
}
.vci-tech-spec-item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(255, 204, 0, 0.15);
}
.vci-tech-spec-icon {
width: 45px;
height: 45px;
background: linear-gradient(135deg, var(--vci-primary-ultra-light), white);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border: 1px solid rgba(255, 204, 0, 0.2);
}
.vci-tech-spec-icon i {
font-size: 20px;
color: var(--vci-primary);
}
.vci-tech-spec-content h4 {
font-size: 16px;
font-weight: 600;
color: var(--vci-text-dark);
margin: 0 0 5px 0;
}
.vci-tech-spec-content p {
font-size: 14px;
color: var(--vci-text-medium);
margin: 0;
font-weight: 500;
}
/* Responsive Design for Video and Tech Specs */
@media (max-width: 1024px) {
.vci-video-tech-container {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media (max-width: 768px) {
.vci-video-section,
.vci-tech-specs-section {
padding: 20px;
}
.vci-tech-specs-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.vci-tech-spec-item {
padding: 12px;
}
.vci-tech-spec-icon {
width: 40px;
height: 40px;
}
.vci-tech-spec-icon i {
font-size: 18px;
}
}
/* VCI 360° Keşif Bölümü Stilleri */
.vci-360-experience {
padding: 8rem 0;
background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
position: relative;
overflow: hidden;
color: var(--vci-text-dark);
}
.vci-360-experience::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 20%, rgba(255, 204, 0, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255, 215, 0, 0.05) 0%, transparent 50%),
radial-gradient(circle at 40% 60%, rgba(255, 204, 0, 0.03) 0%, transparent 50%);
animation: vci360BackgroundPulse 8s ease-in-out infinite;
}
@keyframes vci360BackgroundPulse {
0%, 100% { opacity: 0.5; }
50% { opacity: 0.8; }
}
.vci-360-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
position: relative;
z-index: 2;
}
.vci-360-header {
text-align: center;
margin-bottom: 5rem;
animation: vci360FadeInUp 1s ease-out;
}
@keyframes vci360FadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.vci-360-header h2 {
font-size: clamp(2.2rem, 4.4vw, 2.75rem);
font-weight: 900;
margin-bottom: 1.5rem;
color: var(--vci-text-dark);
letter-spacing: -0.02em;
position: relative;
}
.vci-360-header h2 .vci-gradient-text {
background: linear-gradient(135deg, var(--vci-primary), var(--vci-primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.vci-360-header p {
font-size: 1.2375rem;
line-height: 1.7;
color: var(--vci-text-light);
max-width: 700px;
margin: 0 auto;
font-weight: 400;
}
.vci-360-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
margin-bottom: 6rem;
align-items: center;
}
.vci-360-player-wrapper {
position: relative;
animation: vci360SlideInLeft 1s ease-out 0.3s both;
}
@keyframes vci360SlideInLeft {
from { opacity: 0; transform: translateX(-50px); }
to { opacity: 1; transform: translateX(0); }
}
.vci-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(255, 204, 0, 0.2);
transition: all 0.4s ease;
}
.vci-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(255, 204, 0, 0.3);
}
.vci-360-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 24px;
}
.vci-360-content {
animation: vci360SlideInRight 1s ease-out 0.6s both;
}
@keyframes vci360SlideInRight {
from { opacity: 0; transform: translateX(50px); }
to { opacity: 1; transform: translateX(0); }
}
.vci-360-content h3 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--vci-text-dark);
text-align: center;
}
.vci-360-content .vci-360-intro-text {
font-size: 1.21rem;
line-height: 1.8;
color: var(--vci-text-light);
margin-bottom: 2rem;
text-align: center;
}
.vci-360-highlights {
display: grid;
gap: 1.5rem;
margin-bottom: 3rem;
}
.vci-360-highlight {
display: flex;
align-items: flex-start;
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;
}
.vci-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;
}
.vci-360-highlight:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateX(10px);
border-color: rgba(255, 204, 0, 0.3);
}
.vci-360-highlight:hover::before {
left: 100%;
}
.vci-360-highlight-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, var(--vci-primary), var(--vci-primary-light));
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
}
.vci-360-highlight-icon::after {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, var(--vci-primary), var(--vci-primary-light));
border-radius: 18px;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.vci-360-highlight:hover .vci-360-highlight-icon::after {
opacity: 0.5;
animation: vci360IconGlow 1s ease-in-out infinite alternate;
}
@keyframes vci360IconGlow {
to { transform: scale(1.1); }
}
.vci-360-highlight-icon i {
color: white;
font-size: 1.8rem;
}
.vci-360-highlight-content h4 {
font-size: 1.21rem;
font-weight: 600;
color: var(--vci-text-dark);
margin-bottom: 0.5rem;
line-height: 1.4;
}
.vci-360-highlight-content p {
font-size: 0.9625rem;
line-height: 1.5;
color: var(--vci-text-light);
margin: 0;
}
.vci-360-features-showcase {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
margin-top: 5rem;
}
.vci-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;
}
.vci-360-feature-card::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255, 204, 0, 0.1) 0%, transparent 70%);
transform: scale(0);
transition: transform 0.6s ease;
}
.vci-360-feature-card:hover::before {
transform: scale(1);
}
.vci-360-feature-card:hover {
background: rgba(255, 255, 255, 0.1);
transform: translateY(-10px);
border-color: rgba(255, 204, 0, 0.3);
}
.vci-360-feature-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, rgba(255, 204, 0, 0.2), rgba(255, 215, 0, 0.2));
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
position: relative;
z-index: 1;
}
.vci-360-feature-icon i {
color: var(--vci-primary);
font-size: 2rem;
}
.vci-360-feature-card h4 {
font-size: 1.1rem;
font-weight: 600;
color: var(--vci-text-dark);
margin-bottom: 1rem;
position: relative;
z-index: 1;
line-height: 1.4;
}
.vci-360-feature-card p {
font-size: 0.9625rem;
color: var(--vci-text-light);
line-height: 1.5;
margin: 0;
position: relative;
z-index: 1;
}
.vci-360-floating-elements {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
overflow: hidden;
}
.vci-360-floating-element {
position: absolute;
border-radius: 50%;
background: linear-gradient(135deg, rgba(255, 204, 0, 0.1), rgba(255, 215, 0, 0.1));
animation: vci360FloatElement 8s ease-in-out infinite;
}
@keyframes vci360FloatElement {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-30px) rotate(180deg); }
}
.vci-360-floating-1 {
width: 120px;
height: 120px;
top: 15%;
left: 8%;
animation-delay: 0s;
}
.vci-360-floating-2 {
width: 80px;
height: 80px;
top: 70%;
right: 10%;
animation-delay: 2s;
}
.vci-360-floating-3 {
width: 60px;
height: 60px;
top: 40%;
left: 85%;
animation-delay: 4s;
}
/* VCI 360° Responsive Design */
@media (max-width: 1024px) {
.vci-360-main {
grid-template-columns: 1fr;
gap: 3rem;
}
.vci-360-features-showcase {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.vci-360-experience {
padding: 4rem 0;
}
.vci-360-container {
padding: 0 1.5rem;
}
.vci-360-header h2 {
font-size: 2.5rem;
}
.vci-360-header p {
font-size: 1.1rem;
}
.vci-360-content h3 {
font-size: 2rem;
}
.vci-360-highlight {
padding: 1.5rem;
flex-direction: column;
text-align: center;
gap: 1rem;
}
.vci-360-features-showcase {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.vci-360-feature-card {
padding: 1.5rem;
}
}
@media (max-width: 480px) {
.vci-360-player {
border-radius: 16px;
}
.vci-360-highlight-icon {
width: 50px;
height: 50px;
}
.vci-360-highlight-icon i {
font-size: 1.5rem;
}
.vci-360-feature-icon {
width: 60px;
height: 60px;
border-radius: 15px;
}
.vci-360-feature-icon i {
font-size: 1.5rem;
}
}
/* VCI Interactive Explorer Stilleri */
.vci-interactive-explorer {
padding: 100px 0;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
position: relative;
overflow: hidden;
}
.vci-interactive-explorer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(ellipse at 25% 25%, rgba(255, 204, 0, 0.15) 0%, transparent 50%),
radial-gradient(ellipse at 75% 75%, rgba(255, 215, 0, 0.1) 0%, transparent 50%);
animation: explorerBackgroundFloat 15s ease-in-out infinite;
}
@keyframes explorerBackgroundFloat {
0%, 100% { transform: scale(1) rotate(0deg); }
50% { transform: scale(1.1) rotate(2deg); }
}
.vci-explorer-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.vci-explorer-header {
text-align: center;
margin-bottom: 80px;
}
.vci-explorer-header h2 {
font-size: 3.5rem;
font-weight: 900;
color: #ffffff;
margin-bottom: 20px;
text-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.vci-glow-text {
background: linear-gradient(45deg, #FFCC00, #FFD700, #FFA500);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
filter: drop-shadow(0 0 10px rgba(255, 204, 0, 0.5));
}
.vci-explorer-header p {
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.8);
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}
.vci-explorer-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 80px;
}
/* Sol taraf - Device Showcase */
.vci-explorer-left {
position: relative;
}
.vci-device-showcase {
position: relative;
}
.vci-device-frame {
position: relative;
background: linear-gradient(145deg, #2c3e50 0%, #34495e 100%);
border-radius: 30px;
padding: 30px;
box-shadow:
0 30px 80px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.vci-device-iframe {
width: 100%;
height: 400px;
border-radius: 20px;
border: none;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.vci-rotation-hint {
text-align: center;
margin-top: 20px;
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.vci-rotation-hint i {
font-size: 18px;
color: #FFCC00;
}
/* Sağ taraf - Feature Panels */
.vci-explorer-right {
position: relative;
}
.vci-feature-panels {
position: relative;
min-height: 500px;
}
.vci-feature-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 30px;
border: 1px solid rgba(255, 255, 255, 0.1);
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.5s ease;
}
.vci-feature-panel.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.vci-panel-header {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.vci-panel-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #FFCC00, #FFD700);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
box-shadow: 0 10px 25px rgba(255, 204, 0, 0.3);
}
.vci-panel-icon i {
font-size: 24px;
color: #1a1a2e;
}
.vci-panel-header h3 {
font-size: 1.8rem;
font-weight: 700;
color: #ffffff;
margin: 0;
}
.vci-panel-content {
color: rgba(255, 255, 255, 0.9);
}
.vci-panel-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.vci-stat-item {
background: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 10px;
text-align: center;
border: 1px solid rgba(255, 204, 0, 0.2);
}
.vci-stat-value {
display: block;
font-size: 1.5rem;
font-weight: 700;
color: #FFCC00;
margin-bottom: 5px;
}
.vci-stat-label {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
}
.vci-panel-features {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.vci-feature-tag {
background: rgba(255, 204, 0, 0.2);
color: #FFCC00;
padding: 5px 12px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 500;
border: 1px solid rgba(255, 204, 0, 0.3);
}
.vci-connection-types {
display: grid;
gap: 15px;
margin-bottom: 20px;
}
.vci-connection-item {
display: flex;
align-items: center;
gap: 15px;
padding: 12px;
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
border: 1px solid rgba(255, 204, 0, 0.2);
}
.vci-connection-item i {
font-size: 20px;
color: #FFCC00;
width: 25px;
}
.vci-port-diagram {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.vci-port-item {
text-align: center;
}
.vci-port-visual {
width: 60px;
height: 40px;
background: linear-gradient(135deg, #FFCC00, #FFD700);
border-radius: 8px;
margin: 0 auto 10px;
position: relative;
}
.vci-port-visual.usb {
width: 40px;
height: 20px;
border-radius: 4px;
}
.vci-design-highlights {
display: grid;
gap: 15px;
margin-bottom: 20px;
}
.vci-design-item {
display: flex;
align-items: center;
gap: 15px;
padding: 12px;
background: rgba(255, 255, 255, 0.05);
border-radius: 10px;
border: 1px solid rgba(255, 204, 0, 0.2);
}
.vci-design-item i {
font-size: 18px;
color: #FFCC00;
width: 25px;
}
/* Panel Navigation */
.vci-panel-navigation {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 30px;
}
.vci-nav-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
cursor: pointer;
transition: all 0.3s ease;
}
.vci-nav-dot.active {
background: #FFCC00;
transform: scale(1.3);
}
.vci-nav-dot:hover {
background: rgba(255, 204, 0, 0.7);
}
/* Tech Carousel */
.vci-tech-carousel {
text-align: center;
}
.vci-tech-carousel h3 {
font-size: 2rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 40px;
}
.vci-carousel-container {
overflow: hidden;
padding: 20px 0;
}
.vci-carousel-track {
display: flex;
gap: 30px;
animation: carousel-scroll 20s linear infinite;
}
@keyframes carousel-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.vci-tech-card {
min-width: 200px;
background: rgba(255, 255, 255, 0.08);
border-radius: 15px;
padding: 25px;
border: 1px solid rgba(255, 204, 0, 0.2);
backdrop-filter: blur(10px);
transition: transform 0.3s ease;
}
.vci-tech-card:hover {
transform: translateY(-5px);
}
.vci-tech-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #FFCC00, #FFD700);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
}
.vci-tech-icon i {
font-size: 20px;
color: #1a1a2e;
}
.vci-tech-card h4 {
font-size: 1.1rem;
font-weight: 600;
color: #ffffff;
margin-bottom: 10px;
}
.vci-tech-card p {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}
/* Responsive Design */
@media (max-width: 1024px) {
.vci-explorer-main {
grid-template-columns: 1fr;
gap: 40px;
}
.vci-explorer-header h2 {
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.vci-interactive-explorer {
padding: 60px 0;
}
.vci-explorer-container {
padding: 0 15px;
}
.vci-device-frame {
padding: 20px;
}
.vci-device-iframe {
height: 300px;
}
.vci-hotspot {
width: 35px;
height: 35px;
}
.vci-hotspot-icon {
width: 35px;
height: 35px;
font-size: 14px;
}
.vci-feature-panel {
padding: 20px;
}
.vci-panel-stats {
grid-template-columns: 1fr;
}
.vci-carousel-track {
gap: 20px;
}
.vci-tech-card {
min-width: 160px;
padding: 20px;
}
}
@media (max-width: 480px) {
.vci-explorer-header h2 {
font-size: 2rem;
}
.vci-device-iframe {
height: 250px;
}
.vci-hotspot {
display: none; /* Mobilde hotspotları gizle */
}
}
Renault VCI
Renault VCI, yetkili servis standartlarında Renault ve Dacia araçları için geliştirilmiş profesyonel diagnostik çözümüdür. 2010 sonrası model araçlarda üstün performans sergileyen bu ileri teknoloji cihaz, CLIP yazılımı ile tam entegrasyon sağlayarak kapsamlı teşhis, programlama ve kodlama işlemlerini mükemmel hassasiyetle gerçekleştirir.
Geniş Model Desteği
Renault ve Dacia araç modellerinin geniş bir yelpazesini kapsar.
Tam Diagnostik Fonksiyonlar
Arıza kodu okuma/silme, canlı veri görüntüleme, adaptasyon ve kalibrasyon.
ECU Programlama
Beyin programlama, konfigürasyon ve yazılım güncelleme işlemleri.
Servis İşlemleri
Bakım uyarı sıfırlama, servis aralığı ayarlama ve sistem kalibrasyon işlemleri.
360° Görünüm
Cihazın Genel Özellikleri
Renault VCI ile Renault ve Dacia araçlarınızda yetkili servis düzeyinde tüm işlemleri gerçekleştirin.
Araç Yapılandırmasını Okumak
Tüm Sistem Parçalarını Aktifleştirme ve Adaptasyon Yapma
Tüm Motor, Şase, Gövde ve Gösterge Modüllerini Kodlama
Şasi Numarası Otomatik Tarayarak Bağlantı Yapabilme
Modüllerden Hata Kodlarını Okuma ve Silme
Elektrikli Direksiyon Adaptasyonu
Canlı Verileri Görüntüleme
EGR Testi ve DPF (Dizel Partikül Filtre) Rejenerasyonu
Enjektör Kodlama ve Enjektör Testi
Hava Yastığı Modül Active-Deaktive Testi
Vites Kutusu (Şanzıman) Testi
Gaz Kelebeği Adaptasyonu ve Hassaslık Testi
ABS (Antilock Brake System) Testi
ESP (Electronik Stability Program) Testi
Genel Elektrik Modülü Testi
ECU Yazılımının Değiştirilmesi ve Yeniden Yazılması
Mekanik Bileşenlerinin Tüm Sensörlerini Okuma
Otomatik Şanzıman Adaptasyonu
Adaptasyon, Kalibrasyon Yapmak
Ayarlama ve Kodlama Yapmak
Dizel Partikül Filtresi Jenerasyonu
Servis Tarih ve Bakım Sıfırlamak
Dizel ve Benzinli Motor Testi
Lütfen dikkat: Belirtilen özelliklerin kullanılabilirliği, aracın model, üretim yılı ve donanım seviyesine göre değişiklik gösterebilir.
Neden Renault VCI?
Renault ve Dacia araçlar için en kapsamlı ve güvenilir arıza tespit çözümü.
Rakiplerine Göre Avantajları
-
Yetkili Servis Düzeyinde Teşhis
Renault CLIP yazılımı ile tam entegrasyon sayesinde yetkili servislerin kullandığı tüm fonksiyonlara erişim sağlar.
-
Türkçe Dil Desteği
Tamamen Türkçe yazılım arayüzü ile kullanım kolaylığı ve anlaşılırlık sunar.
-
Güvenilir ve Stabil Bağlantı
Yüksek kaliteli donanımı sayesinde araçla kesintisiz ve güvenilir bir bağlantı kurar, programlama işlemlerinde riskleri minimize eder.
-
Hızlı ve Kullanıcı Dostu Arayüz
Optimize edilmiş yazılımı ve güçlü donanımı sayesinde teşhis işlemlerini hızla tamamlar, kullanıcı dostu arayüzü ile karmaşık işlemleri bile basitleştirir.
-
Dayanıklı ve Taşınabilir Tasarım
Zorlu atölye koşullarına dayanacak şekilde tasarlanmış, kompakt ve hafif yapısıyla kolayca taşınabilir ve her yerde kullanılabilir.
Cihazı Yakından Tanıyın
Renault VCI'nin detaylarını videomuzda keşfedin ve teknik özelliklerini inceleyin.
Renault VCI'nin dış görünümünü 360° açıdan inceleyebilir, tüm detaylarını yakından görebilirsiniz.
Çok Tercih Edilen Fonksiyonlar
Arıza Kodu Okuma/Silme
Tüm modüllerden
ECU Programlama
Beyin yazılımı güncelleme
DPF Rejenerasyonu
Partikül filtre temizleme
Servis Sıfırlama
Bakım uyarıları sıfırlama
Enjektör Kodlama
Yakıt enjektör ayarları
Uyumlu ve Opsiyonel Yazılımlar
Renault VCI cihazı, Renault'un resmi diagnostik yazılımı olan CLIP ile tam uyumlu çalışır ve ek yazılımlarla yeteneklerini genişletir.
C
Renault CLIP
(Diagnostik Tanılama ve Programlama)
Renault Group'un yetkili servislerde kullandığı resmi arıza teşhis yazılımı CLIP ile %100 uyumlu çalışır. Teşhis, kodlama, beyin programlama, sensör kalibrasyonları ve parça testleri gibi tüm yetkili servis fonksiyonları bu yazılım üzerinden gerçekleştirilebilir. Dacia markası araçlar da Renault CLIP yazılımı üzerinden desteklenmektedir.
D
Dialogys (Opsiyonel)
(Tamir ve Parça Katalog Yazılımı)
Renault ve Dacia araçlar için tamir kılavuzları, bakım bilgileri, parça katalogları, teknik notlar ve devre şemalarını içeren kapsamlı bir teknik dokümantasyon yazılımıdır. Onarım süreçlerinizi hızlandırır ve doğru parçayı bulmanızı sağlar.
Not: Yazılım dili Türkçedir. Tüm Windows Pro sürümleri ile uyumludur. Kurulan yazılımlar opsiyoneldir. İlandaki fiyat sadece donanım içindir.
Sıkça Sorulan Sorular
Renault VCI arıza tespit cihazı hakkında merak edilenler.
Renault VCI hangi marka ve modelleri destekler?
Renault VCI, tüm Renault ve Dacia binek ve hafif ticari araç modellerini desteklemektedir. Clio, Megane, Captur, Duster, Sandero, Logan gibi popüler modellerin yanı sıra en yeni nesil araçlarla da tam uyumludur.
Cihazı kullanmak için teknik bilgiye ihtiyacım var mı?
Temel araç mekaniği ve bilgisayar bilgisi yeterlidir. Renault VCI, kullanıcı dostu Renault CLIP yazılımı ile birlikte gelir ve adım adım yönlendirmeler sunar. Ancak, beyin programlama gibi ileri düzey işlemler için profesyonel bilgi ve tecrübe önerilir.
Renault VCI ürününün garantisi var mı?
Evet, Renault VCI arıza tespit cihazınız üretici hatalarına karşı 6 ay garantilidir. Daha fazla bilgi için müşteri hizmetlerimizle görüşebilirsiniz.
Hangi araç yılları desteklenmektedir?
Renault VCI, 2010 yılı ve sonrası üretilen tüm Renault ve Dacia araç modellerini desteklemektedir. Özellikle 2015 sonrası model araçlarda en yüksek performansı gösterir ve tüm gelişmiş fonksiyonlara tam erişim sağlar.
Renault VCI kaç farklı fonksiyona sahip?
Renault VCI, 20'den fazla ana fonksiyona sahiptir. Arıza kodu okuma/silme, ECU programlama, DPF rejenerasyonu, servis sıfırlama, enjektör kodlama gibi temel işlemlerden tutun da gelişmiş adaptasyon ve kalibrasyon işlemlerine kadar geniş bir yelpazede hizmet sunar.
Cihaz hangi bağlantı türlerini destekler?
Renault VCI hem USB kablosu ile hem de Bluetooth ile kablosuz bağlantı seçenekleri sunar. Bu sayede hem stabil kablolu bağlantı hem de pratik kablosuz kullanım imkanına sahip olursunuz.
Destek ve İletişim
Ürünlerimizle ilgili soru, destek talebi veya işbirliği için bize ulaşabilirsiniz.
Telefon
E-posta
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
اكتب مراجعة
منتجات ذات صلة
عرض الكل
