Türkçe
English
العربية
Volkswagen 6154A Arıza Tespit Cihazı / 1:1 Orjinal
VAS 6154A - Volkswagen Grubu Profesyonel Arıza Tespit Cihazı | OtoEko
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap'); _/ /_ Removed @import for fonts */
:root {
--primary-blue: #001e50;
--secondary-blue: #0056b3;
--tertiary-blue: #0074d9;
--light-blue: #e6f2ff;
--superlight-blue: #f0f8ff;
--gray-100: #f8f9fa;
--gray-200: #e9ecef;
--gray-300: #dee2e6;
--gray-400: #ced4da;
--gray-500: #adb5bd;
--gray-600: #6c757d;
--gray-700: #495057;
--gray-800: #343a40;
--gray-900: #212529;
--black: #000;
--white: #fff;
--shadow-sm: 0 2px 4px rgba(0, 30, 80, 0.05);
--shadow-md: 0 4px 8px rgba(0, 30, 80, 0.1);
--shadow-lg: 0 10px 25px rgba(0, 30, 80, 0.15);
--shadow-xl: 0 20px 50px rgba(0, 30, 80, 0.2);
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--radius-xl: 24px;
--radius-xxl: 32px;
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--spacing-xl: 32px;
--spacing-xxl: 48px;
--spacing-xxxl: 64px;
--main-content-max-width: 1400px;
--header-height: 80px;
--section-padding: 80px;
--animation-duration: 0.3s;
}
.vas-page * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Outfit', sans-serif;
}
.vas-page {
scroll-behavior: smooth;
overflow-x: hidden;
background-color: var(--white);
color: var(--gray-800);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.vas-page img {
max-width: 100%;
display: block;
}
.vas-page a {
text-decoration: none;
color: inherit;
transition: color var(--animation-duration) ease;
}
/* Hero Section */
.hero-section {
min-height: 100vh;
display: flex;
position: relative;
padding-top: var(--header-height);
overflow: hidden;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--superlight-blue);
z-index: -1;
}
.hero-bg::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
}
.hero-circle {
position: absolute;
border-radius: 50%;
opacity: 0.1;
background-color: var(--primary-blue);
}
.hero-circle:nth-child(1) {
width: 300px;
height: 300px;
top: 10%;
left: -150px;
}
.hero-circle:nth-child(2) {
width: 500px;
height: 500px;
top: 20%;
right: -250px;
}
.hero-circle:nth-child(3) {
width: 200px;
height: 200px;
bottom: 10%;
left: 20%;
}
.hero-inner {
max-width: var(--main-content-max-width);
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-xxxl); /* Reduced top padding */
}
.hero-content {
flex: 1;
position: relative;
z-index: 2;
}
.hero-tag {
display: inline-block;
padding: var(--spacing-xs) var(--spacing-md);
background-color: var(--primary-blue);
color: var(--white);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: var(--radius-sm);
margin-bottom: var(--spacing-xl);
}
.hero-title {
font-size: 40px; /* Set to 40px as per user request */
font-weight: 700;
color: var(--primary-blue);
line-height: 1.2;
margin-bottom: var(--spacing-xl);
}
.hero-title span {
display: block;
font-weight: 300;
}
.hero-description {
font-size: 18px;
line-height: 1.7;
color: var(--gray-700);
margin-bottom: var(--spacing-xxl);
max-width: 600px;
}
.hero-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--spacing-md);
margin-bottom: var(--spacing-xl);
}
.hero-feature {
display: flex;
align-items: center;
background-color: var(--white);
padding: var(--spacing-md);
border-radius: var(--radius-md);
box-shadow: var(--shadow-sm);
transition: transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease;
}
.hero-feature:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
}
.feature-icon {
width: 40px;
height: 40px;
background-color: var(--light-blue);
color: var(--primary-blue);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: var(--spacing-md);
flex-shrink: 0;
}
.feature-icon i {
font-size: 18px;
}
.feature-text {
font-size: 14px;
font-weight: 500;
color: var(--gray-800);
}
.hero-cta {
display: inline-block;
padding: 14px 35px;
background-color: var(--primary-blue);
color: var(--white);
font-size: 16px;
font-weight: 600;
border-radius: var(--radius-md);
transition: background-color var(--animation-duration) ease, transform var(--animation-duration) ease;
box-shadow: var(--shadow-md);
position: relative;
overflow: hidden;
}
.hero-cta::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
transform: skewX(-30deg);
transition: left 0.6s ease;
}
.hero-cta:hover {
background-color: var(--secondary-blue);
transform: translateY(-3px);
}
.hero-cta:hover::before {
left: 100%;
}
.hero-image {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
max-width: 600px;
}
.product-gallery {
width: 100%;
max-width: 550px;
background: var(--white);
border-radius: var(--radius-xl);
padding: var(--spacing-lg);
box-shadow: var(--shadow-lg);
border: 1px solid var(--gray-200);
}
.main-viewer {
position: relative;
width: 100%;
height: 450px;
margin-bottom: var(--spacing-lg);
border-radius: var(--radius-lg);
overflow: hidden;
background: var(--gray-100);
display: flex;
align-items: center;
justify-content: center;
}
#mainProductImage {
width: 100%;
height: 100%;
object-fit: contain;
transition: opacity var(--animation-duration) ease;
}
#mainProductIframe {
width: 100%;
height: 100%;
border: none;
border-radius: var(--radius-lg);
display: none;
}
.gallery-nav {
display: flex;
gap: var(--spacing-sm);
padding: var(--spacing-sm);
background: var(--gray-100);
border-radius: var(--radius-md);
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.gallery-nav::-webkit-scrollbar {
display: none;
}
.gallery-item {
flex-shrink: 0;
width: 70px;
height: 70px;
border-radius: var(--radius-md);
cursor: pointer;
border: 2px solid transparent;
transition: all var(--animation-duration) ease;
overflow: hidden;
position: relative;
}
.gallery-item:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.gallery-item.active {
border-color: var(--primary-blue);
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.gallery-item.gallery-360 {
background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--white);
}
.gallery-360 i {
font-size: 20px;
margin-bottom: 2px;
}
.gallery-360 span {
font-size: 10px;
font-weight: 600;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery-indicator {
position: absolute;
top: 4px;
right: 4px;
background: rgba(0, 30, 80, 0.8);
color: var(--white);
font-size: 8px;
padding: 2px 4px;
border-radius: 3px;
font-weight: 600;
}
.viewer-360-badge {
position: absolute;
top: var(--spacing-md);
right: var(--spacing-md);
background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
color: var(--white);
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-md);
font-size: 12px;
font-weight: 600;
z-index: 10;
display: flex;
align-items: center;
gap: 4px;
box-shadow: var(--shadow-md);
transition: transform var(--animation-duration) ease;
}
.viewer-360-badge:hover {
transform: scale(1.05);
}
.viewer-360-badge i {
font-size: 14px;
animation: rotate-slow 3s linear infinite;
}
@keyframes rotate-slow {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.device-showcase {
width: 450px;
height: 450px;
position: relative;
}
.device-circle {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: linear-gradient(145deg, var(--gray-100), var(--gray-200));
box-shadow:
25px 25px 50px rgba(0, 30, 80, 0.05),
-25px -25px 50px rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
}
.device-container {
width: 250px;
height: 250px;
background-color: var(--white);
border-radius: var(--radius-md);
box-shadow: var(--shadow-lg);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.device-container::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: conic-gradient(transparent, rgba(0, 30, 80, 0.03), transparent);
animation: rotate 10s linear infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.device-model {
font-size: 32px;
font-weight: 700;
color: var(--primary-blue);
margin-bottom: var(--spacing-md);
position: relative;
z-index: 1;
}
.device-label {
font-size: 14px;
color: var(--gray-600);
position: relative;
z-index: 1;
}
.ring {
position: absolute;
border: 1px dashed var(--gray-300);
border-radius: 50%;
animation: pulse 3s linear infinite;
}
@keyframes pulse {
0% { opacity: 0.3; transform: scale(0.95); }
50% { opacity: 0.6; transform: scale(1.05); }
100% { opacity: 0.3; transform: scale(0.95); }
}
.ring-1 {
width: calc(100% + 20px);
height: calc(100% + 20px);
animation-delay: 0s;
}
.ring-2 {
width: calc(100% + 60px);
height: calc(100% + 60px);
animation-delay: 0.5s;
}
.ring-3 {
width: calc(100% + 100px);
height: calc(100% + 100px);
animation-delay: 1s;
}
.floating-icons {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.floating-icon {
position: absolute;
width: 30px;
height: 30px;
background-color: var(--white);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: var(--shadow-sm);
font-size: 14px;
color: var(--primary-blue);
z-index: 3;
animation: float 5s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0); }
}
.floating-icon:nth-child(1) {
top: 10%;
left: 10%;
animation-delay: 0s;
}
.floating-icon:nth-child(2) {
top: 20%;
right: 10%;
animation-delay: 1s;
}
.floating-icon:nth-child(3) {
bottom: 15%;
left: 15%;
animation-delay: 2s;
}
.floating-icon:nth-child(4) {
bottom: 10%;
right: 15%;
animation-delay: 3s;
}
.scroll-down {
position: absolute;
bottom: var(--spacing-xl);
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
color: var(--gray-600);
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
40% { transform: translateY(-10px) translateX(-50%); }
60% { transform: translateY(-5px) translateX(-50%); }
}
.scroll-down i {
font-size: 20px;
margin-top: var(--spacing-xs);
}
/* Section Styles */
.section {
padding: var(--section-padding) 0;
}
.section-inner {
max-width: var(--main-content-max-width);
margin: 0 auto;
padding: 0 var(--spacing-xl);
}
.section-header {
text-align: center;
margin-bottom: var(--spacing-xxxl);
}
.section-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--secondary-blue);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: var(--spacing-md);
}
.section-title {
font-size: 36px;
font-weight: 700;
color: var(--primary-blue);
line-height: 1.3;
margin-bottom: var(--spacing-lg);
}
.section-description {
font-size: 18px;
line-height: 1.7;
color: var(--gray-600);
max-width: 800px;
margin: 0 auto;
}
/* Features Section */
.features-section {
background-color: var(--superlight-blue);
position: relative;
overflow: hidden;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
position: relative;
z-index: 2;
}
.feature-card {
background-color: var(--white);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
box-shadow: var(--shadow-md);
transition: transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease;
min-height: 350px;
display: flex;
flex-direction: column;
align-items: center; /* Center icon, title, and description horizontally */
position: relative;
overflow: hidden;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
}
.feature-card-icon {
width: 60px;
height: 60px;
background-color: var(--light-blue);
color: var(--primary-blue);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--spacing-lg);
transition: background-color var(--animation-duration) ease, color var(--animation-duration) ease;
}
.feature-card:hover .feature-card-icon {
background-color: var(--primary-blue);
color: var(--white);
}
.feature-card-icon i {
font-size: 24px;
}
.feature-card-title {
font-size: 20px;
font-weight: 600;
color: var(--gray-800);
margin-bottom: var(--spacing-md);
text-align: center; /* Center card title text */
}
.feature-card-description {
font-size: 15px;
line-height: 1.6;
color: var(--gray-600);
flex: 1;
text-align: center; /* Center card description text */
}
.feature-card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, var(--primary-blue), var(--secondary-blue));
transform: scaleX(0);
transform-origin: left;
transition: transform var(--animation-duration) ease;
}
.feature-card:hover::after {
transform: scaleX(1);
}
.features-bg-shape {
position: absolute;
background-color: var(--primary-blue);
opacity: 0.02;
border-radius: 50%;
}
.features-bg-shape:nth-child(1) {
width: 500px;
height: 500px;
top: -250px;
left: -250px;
}
.features-bg-shape:nth-child(2) {
width: 400px;
height: 400px;
bottom: -200px;
right: -200px;
}
/* Specs Section - New Mobile-First Design */
.specs-section {
background: linear-gradient(135deg, var(--white), var(--superlight-blue));
position: relative;
overflow: hidden;
}
.specs-header {
text-align: center;
margin-bottom: var(--spacing-xxxl);
}
.specs-subtitle {
display: inline-block;
padding: 6px 16px;
background-color: rgba(0, 30, 80, 0.1);
color: var(--primary-blue);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 30px;
margin-bottom: var(--spacing-md);
}
.specs-title {
font-size: 32px;
font-weight: 700;
color: var(--primary-blue);
line-height: 1.3;
margin-bottom: var(--spacing-lg);
}
.specs-description {
font-size: 16px;
line-height: 1.7;
color: var(--gray-700);
max-width: 700px;
margin: 0 auto var(--spacing-xxl);
}
.specs-content-wrapper {
display: flex;
gap: var(--spacing-xxl);
align-items: center;
}
.specs-visual {
flex: 1;
min-width: 300px;
}
.specs-grid {
flex: 1;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-md);
}
.spec-card {
background: var(--white);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
box-shadow: var(--shadow-md);
transition: transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease;
position: relative;
overflow: hidden;
}
.spec-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.spec-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, var(--primary-blue), var(--secondary-blue));
}
.spec-icon {
width: 50px;
height: 50px;
background: var(--light-blue);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: var(--spacing-md);
}
.spec-icon i {
font-size: 20px;
color: var(--primary-blue);
}
.spec-title {
font-size: 18px;
font-weight: 600;
color: var(--gray-800);
margin-bottom: var(--spacing-sm);
}
.spec-text {
font-size: 14px;
line-height: 1.6;
color: var(--gray-600);
}
.spec-highlight {
color: var(--primary-blue);
font-weight: 600;
}
.specs-visual {
background: var(--white);
border-radius: var(--radius-xl);
padding: var(--spacing-xl);
box-shadow: var(--shadow-lg);
text-align: center;
margin-top: var(--spacing-xl);
position: relative;
}
.specs-visual iframe {
border-radius: var(--radius-md);
max-width: 100%;
height: 400px;
border: none;
}
@media (max-width: 576px) {
.specs-visual iframe {
width: 280px;
height: 280px;
max-width: 280px;
}
}
.visual-tag {
position: absolute;
top: var(--spacing-md);
right: var(--spacing-md);
background: var(--primary-blue);
color: var(--white);
padding: var(--spacing-sm) var(--spacing-md);
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 600;
z-index: 10;
}
.specs-bg-shape {
position: absolute;
background-color: var(--primary-blue);
opacity: 0.03;
border-radius: 50%;
z-index: 0;
}
.specs-bg-shape:nth-child(1) {
width: 400px;
height: 400px;
top: -200px;
right: -200px;
}
.specs-bg-shape:nth-child(2) {
width: 300px;
height: 300px;
bottom: -150px;
left: -150px;
}
/* Video Section CSS */
.specs-video-section {
flex: 1;
min-width: 300px;
margin-right: var(--spacing-lg);
}
.specs-video-title {
font-size: 24px;
font-weight: 600;
color: var(--primary-blue);
margin-bottom: var(--spacing-lg);
text-align: center;
}
.specs-video-container {
background: var(--white);
border-radius: var(--radius-xl);
padding: 0;
box-shadow: var(--shadow-lg);
margin-bottom: var(--spacing-lg);
min-height: 500px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.specs-video-container iframe {
width: 100%;
height: 500px;
border-radius: var(--radius-xl);
border: none;
}
.video-placeholder {
text-align: center;
color: var(--gray-500);
padding: var(--spacing-xxl);
}
.video-placeholder-icon {
margin-bottom: var(--spacing-lg);
}
.video-placeholder-icon i {
font-size: 4rem;
color: var(--gray-400);
}
.video-placeholder-text {
font-size: 16px;
font-weight: 500;
color: var(--gray-600);
}
.specs-video-description {
font-size: 14px;
line-height: 1.6;
color: var(--gray-600);
text-align: center;
background: var(--light-blue);
padding: var(--spacing-md);
border-radius: var(--radius-md);
}
.specs-details-section {
flex: 1;
}
.specs-details-title {
font-size: 24px;
font-weight: 600;
color: var(--primary-blue);
margin-bottom: var(--spacing-lg);
text-align: center;
}
/* Software Section - NEW DESIGN */
.software-section {
position: relative;
overflow: hidden;
padding: var(--section-padding) 0;
background: linear-gradient(135deg, var(--superlight-blue), white);
}
.software-container {
position: relative;
z-index: 2;
}
.software-header {
text-align: center;
margin-bottom: var(--spacing-xxxl);
}
.software-subtitle {
display: inline-block;
padding: 6px 16px;
background-color: rgba(0, 30, 80, 0.1);
color: var(--primary-blue);
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 30px;
margin-bottom: var(--spacing-md);
}
.software-title {
font-size: 36px;
font-weight: 700;
color: var(--primary-blue);
line-height: 1.3;
margin-bottom: var(--spacing-xl);
}
.software-intro {
font-size: 18px;
line-height: 1.7;
color: var(--gray-700);
max-width: 800px;
margin: 0 auto var(--spacing-xxl);
}
.software-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-bottom: var(--spacing-xxl);
}
.software-card-wrapper {
position: relative;
}
.software-card {
position: relative;
background-color: white;
border-radius: 20px;
box-shadow: 0 15px 35px rgba(0, 30, 80, 0.1);
transition: all 0.3s ease;
z-index: 1;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.software-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 30, 80, 0.15);
}
.software-card-image {
width: 100%;
height: 220px;
object-fit: cover;
}
.software-card-content {
padding: 30px;
position: relative;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.software-card-title {
font-size: 24px;
font-weight: 700;
color: var(--primary-blue);
margin-bottom: 15px;
}
.software-card-description {
font-size: 15px;
line-height: 1.7;
color: var(--gray-700);
margin-bottom: 25px;
}
.software-features {
margin-bottom: 20px;
}
.software-feature {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
}
.software-feature i {
color: var(--primary-blue);
margin-right: 10px;
font-size: 14px;
margin-top: 4px;
flex-shrink: 0;
}
.software-feature-text {
font-size: 14px;
color: var(--gray-700);
}
.software-card-footer {
padding-top: 20px;
border-top: 1px solid var(--gray-200);
display: flex;
justify-content: space-between;
align-items: center;
}
.software-compatibility {
font-size: 13px;
color: var(--gray-600);
}
.software-year {
display: inline-block;
padding: 4px 10px;
background: var(--light-blue);
color: var(--primary-blue);
font-size: 13px;
font-weight: 500;
border-radius: 4px;
}
.software-note-wrapper {
position: relative;
margin-top: 80px;
padding: 0 20px;
display: flex; /* Center the note block */
justify-content: center; /* Center the note block */
}
.software-note {
background-color: white;
border-radius: 20px;
box-shadow: 0 15px 35px rgba(0, 30, 80, 0.08);
padding: 30px;
position: relative;
overflow: hidden;
z-index: 1;
}
.software-note::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 100%;
background: linear-gradient(to bottom, var(--primary-blue), var(--secondary-blue));
z-index: 2;
}
.software-note-content {
display: flex;
flex-direction: column; /* Stack icon and text vertically */
align-items: center; /* Center items horizontally */
}
.software-note-icon {
width: 50px;
height: 50px;
background: var(--light-blue);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: var(--spacing-lg); /* Space below icon */
flex-shrink: 0;
}
.software-note-icon i {
font-size: 24px;
color: var(--primary-blue);
}
.software-note-text {
flex: 1;
text-align: center; /* Center the text content */
}
.software-note-title {
font-size: 18px;
font-weight: 600;
color: var(--primary-blue);
margin-bottom: 10px;
}
.software-note-description {
font-size: 15px;
line-height: 1.7;
color: var(--gray-700);
}
.software-background-shape {
position: absolute;
border-radius: 50%;
background-color: var(--primary-blue);
opacity: 0.03;
z-index: 0;
}
.software-bg-shape1 {
width: 400px;
height: 400px;
top: -200px;
right: -200px;
}
.software-bg-shape2 {
width: 300px;
height: 300px;
bottom: -150px;
left: -150px;
}
/* Capabilities Section */
.capabilities-section {
position: relative;
overflow: hidden;
}
.capabilities-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--spacing-md);
position: relative;
z-index: 2;
}
.capability-item {
background-color: var(--white);
border-radius: var(--radius-md);
padding: var(--spacing-lg);
display: flex;
align-items: center;
box-shadow: var(--shadow-sm);
transition: transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease;
}
.capability-item:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-md);
}
.capability-icon {
width: 40px;
height: 40px;
background-color: var(--light-blue);
color: var(--primary-blue);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: var(--spacing-md);
flex-shrink: 0;
}
.capability-icon i {
font-size: 16px;
}
.capability-text {
font-size: 14px;
font-weight: 500;
color: var(--gray-700);
}
.capabilities-background-shape {
position: absolute;
background-color: var(--primary-blue);
opacity: 0.02;
border-radius: 50%;
}
.capabilities-background-shape:nth-child(1) {
width: 400px;
height: 400px;
bottom: -200px;
left: -200px;
}
.capabilities-background-shape:nth-child(2) {
width: 300px;
height: 300px;
top: -150px;
right: -150px;
}
.capability-item-more {
grid-column: 1 / -1; /* Span all columns */
justify-content: center; /* Center its flex content (icon + text block) */
/* background-color: var(--superlight-blue); Optional: to make it stand out or blend */
/* box-shadow: none; _/ /_ Optional: remove shadow if it should not look like a card */
padding-top: var(--spacing-lg);
padding-bottom: var(--spacing-lg);
margin-top: var(--spacing-md); /* Add some space above it */
}
.capability-item-more .capability-icon {
width: 48px; /* Slightly larger icon container */
height: 48px;
}
.capability-item-more .capability-icon i {
font-size: 22px; /* Larger icon */
}
.capability-item-more .capability-text {
font-size: 18px; /* Larger text */
font-weight: 600; /* Bolder text */
color: var(--primary-blue); /* Make it more prominent */
}
/* FAQ Section - Redesigned */
.faq-section {
background-color: var(--white); /* Cleaner background */
padding: var(--section-padding) 0; /* Ensure consistent section padding */
}
.faq-container { /* Renamed from faq-grid and new styles */
max-width: 850px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: var(--spacing-lg); /* Space between FAQ items */
}
.faq-item {
background-color: var(--superlight-blue); /* Light background for the item */
border: 1px solid var(--gray-200); /* Subtle border */
border-radius: var(--radius-md); /* Consistent with other cards */
box-shadow: var(--shadow-sm);
transition: box-shadow var(--animation-duration) ease;
overflow: hidden; /* Crucial for max-height animation */
}
.faq-item:hover {
box-shadow: var(--shadow-md);
}
.faq-question {
font-size: 18px;
font-weight: 600;
color: var(--primary-blue);
padding: var(--spacing-lg);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color var(--animation-duration) ease;
border-bottom: 1px solid transparent; /* For separation when open */
}
.faq-question span { /* To wrap the question text */
flex-grow: 1;
margin-right: var(--spacing-md);
}
.faq-icon { /* Class for the icon element */
font-size: 1rem; /* 16px */
color: var(--primary-blue);
transition: transform var(--animation-duration) ease;
flex-shrink: 0;
}
.faq-item.active .faq-question {
background-color: var(--light-blue);
border-bottom-color: var(--gray-300); /* Separator line when active */
}
.faq-item.active .faq-icon {
transform: rotate(180deg);
}
.faq-answer {
font-size: 16px;
line-height: 1.7;
color: var(--gray-700);
padding: 0 var(--spacing-lg); /* Horizontal padding */
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease-out, padding-top 0.35s ease-out, padding-bottom 0.35s ease-out;
}
.faq-item.active .faq-answer {
padding-top: var(--spacing-lg); /* Top padding when open */
padding-bottom: var(--spacing-lg); /* Bottom padding when open */
max-height: 600px; /* Sufficient height for content */
}
/* End of FAQ Section - Redesigned */
/* Contact Section */
.contact-section {
background-color: var(--white);
}
.contact-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--spacing-md);
max-width: 100%;
}
.contact-card {
background-color: var(--superlight-blue);
padding: var(--spacing-xl);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
text-align: center;
transition: transform var(--animation-duration) ease, box-shadow var(--animation-duration) ease;
}
.contact-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.contact-card-icon {
width: 60px;
height: 60px;
background-color: var(--light-blue);
color: var(--primary-blue);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto var(--spacing-lg);
font-size: 24px;
}
.contact-card-icon i.fab.fa-whatsapp { /* Specific styling for WhatsApp icon if needed */
font-size: 28px; /* Slightly larger for brand icon */
}
.contact-card-title {
font-size: 20px;
font-weight: 600;
color: var(--primary-blue);
margin-bottom: var(--spacing-sm);
}
.contact-card-detail {
font-size: 16px;
color: var(--gray-700);
line-height: 1.6;
}
.contact-card-detail a {
color: var(--secondary-blue);
font-weight: 500;
}
.contact-card-detail a:hover {
text-decoration: underline;
color: var(--primary-blue);
}
/* Note Section */
.note-section {
background-color: var(--light-blue);
padding: var(--spacing-xxxl) 0;
}
.note-container {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.note-icon {
width: 60px;
height: 60px;
background-color: var(--primary-blue);
color: var(--white);
font-size: 24px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto var(--spacing-lg);
}
.note-title {
font-size: 24px;
font-weight: 600;
color: var(--primary-blue);
margin-bottom: var(--spacing-md);
}
.note-text {
font-size: 16px;
line-height: 1.7;
color: var(--gray-700);
}
/* Responsive Styles */
@media (max-width: 1200px) {
:root {
--section-padding: 60px;
}
.hero-title {
font-size: 48px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
}
.software-cards {
justify-content: center;
}
.software-card-wrapper {
min-width: 45%;
}
}
@media (max-width: 992px) {
.hero-inner {
flex-direction: column;
}
.hero-content {
margin-bottom: var(--spacing-xxxl);
text-align: center;
}
.hero-description {
margin-left: auto;
margin-right: auto;
}
.hero-features {
justify-content: center;
}
.device-showcase {
width: 350px;
height: 350px;
}
.device-container {
width: 200px;
height: 200px;
}
.specs-container {
flex-direction: column;
}
.specs-image-container {
margin-top: var(--spacing-xxl);
}
}
@media (max-width: 768px) {
:root {
--section-padding: 50px;
}
.hero-title {
font-size: 36px;
}
.hero-features {
grid-template-columns: 1fr;
}
.section-title {
font-size: 28px;
}
.features-grid {
grid-template-columns: 1fr;
}
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
.software-cards {
grid-template-columns: 1fr;
}
}
@media (max-width: 576px) {
:root {
--spacing-xl: 24px;
--spacing-xxl: 32px;
--spacing-xxxl: 48px;
--section-padding: 40px;
}
.hero-title {
font-size: 30px;
}
.hero-description {
font-size: 16px;
}
.capabilities-grid {
grid-template-columns: 1fr;
}
.contact-cards-grid {
grid-template-columns: 1fr;
gap: var(--spacing-lg);
}
.specs-content-wrapper {
flex-direction: column;
gap: var(--spacing-xl);
}
.specs-video-section {
order: 1;
margin-right: 0;
margin-bottom: var(--spacing-lg);
}
.specs-details-section {
order: 2;
}
.specs-grid {
grid-template-columns: 1fr;
gap: var(--spacing-md);
}
.specs-video-container {
min-height: 300px;
}
.specs-video-title,
.specs-details-title {
font-size: 20px;
}
.spec-card {
padding: var(--spacing-md);
}
.spec-icon {
width: 40px;
height: 40px;
margin-bottom: var(--spacing-sm);
}
.spec-icon i {
font-size: 16px;
}
.spec-title {
font-size: 16px;
}
.spec-text {
font-size: 13px;
}
/* Mobile Gallery Responsive */
.product-gallery {
max-width: 100%;
margin: 0 var(--spacing-sm);
padding: var(--spacing-md);
}
.main-viewer {
height: 300px;
margin-bottom: var(--spacing-md);
}
.gallery-nav {
padding: 6px;
gap: 3px;
justify-content: flex-start;
}
.gallery-item {
width: 48px;
height: 48px;
flex-shrink: 0;
}
.gallery-360 i {
font-size: 14px;
margin-bottom: 1px;
}
.gallery-360 span {
font-size: 7px;
}
.gallery-indicator {
font-size: 6px;
padding: 1px 2px;
top: 2px;
right: 2px;
}
.device-showcase {
width: 280px;
height: 280px;
}
.device-container {
width: 160px;
height: 160px;
}
.device-model {
font-size: 24px;
}
.scroll-down {
display: none;
}
}
Volkswagen Grubu
VAS 6154A Arıza Tespit Cihazı
VAS 6154A, Volkswagen Grubu (VW, Audi, Seat, Skoda) araçları için geliştirilmiş, orijinaline en yakın donanım ve yazılım özelliklerine sahip yeni nesil profesyonel Arıza Tespit ve programlama cihazıdır. WiFi ve USB bağlantı seçenekleri ile araç elektroniğine kapsamlı erişim sunarak, arıza tespitinden ECU programlamaya, modül adaptasyonlarından DoIP protokolü desteğine kadar geniş bir yelpazede kritik servis işlemlerini hassasiyetle gerçekleştirmenizi sağlar. ODIS Service ve Engineering yazılımları ile uyumlu çalışarak, servis operasyonlarınızda üst düzey verimlilik ve teknik mükemmeliyet sunar.
WiFi Kablosuz İletişim
Yüksek Hızlı Bağlantı
DoIP Protokol Desteği
Türkçe Dil Desteği
360°
360°
360°
1/5
2/5
3/5
4/5
5/5
DETAYLAR İÇİN KAYDIRIN
TEMEL FONKSİYONLAR
VAS 6154A Temel Yetenekleri
VAS 6154A, Volkswagen Grubu araçlarda modern teknolojiye uygun, yeni nesil DoIP protokolü ile profesyonel düzeyde arıza teşhisi ve kodlama işlemleri gerçekleştirmenizi sağlar.
Otomatik Araç Tanımlama
Otomatik araç tanıma sistemi, araç marka ve model bilgilerini alarak kullanıcıya sunar. VIN (Şasi Numarası) üzerinden bağlantı imkanı tanır.
WiFi ve USB Bağlantı
WiFi teknolojisi ve USB kablo bağlantısı seçenekleri ile esnek bir çalışma alanı sağlar. Güçlü kablosuz sinyal ile geniş menzil sunar.
Sistem Taraması
Gelişmiş sistem tarama fonksiyonu, araç üzerindeki elektronik modülleri yüksek hızda analiz eder, detaylı bir rapor oluşturur ve mevcut hata kodlarını listeler.
DoIP Protokol Desteği
Diagnostics over Internet Protocol (DoIP) desteği ile yeni nesil araçlarda daha hızlı ve güvenilir bağlantı sunar, yüksek veri aktarım hızı sağlar.
Türkçe Kullanıcı Arayüzü
Desteklenen yazılımlar, Türkçe kullanıcı arayüzü seçeneği sunarak operasyonel kolaylık sağlar.
Gelişmiş ECU Programlama
Yüksek hızlı veri aktarımı sayesinde ECU flashlama ve programlama işlemlerini daha kısa sürede ve daha güvenli şekilde gerçekleştirme imkanı sunar.
TEKNİK ÖZELLİKLER
VAS 6154A Teknik Özellikleri
VAS 6154A cihazının fiziksel görünümü, tasarım detayları ve teknik özellikleri hakkında kapsamlı bilgiler.
Cihaz Görünümü
VAS 6154A cihazının fiziksel görünümü, bağlantı portları ve tasarım detayları hakkında görsel içerik.
Teknik Özellikler
Bağlantı Teknolojisi
WiFi kablosuz bağlantı ve USB kablo desteği ile esnek kullanım imkanı.
Veri Aktarım Hızı
100 Mbps'ye kadar yüksek hız ile hızlı tanılama ve programlama işlemleri.
Protokol Desteği
DoIP, CAN-FD, UDS, KWP2000 ve PassThru J2534 standartları.
Sistem Uyumluluğu
Windows 10/11 (64-bit) işletim sistemi desteği ve Türkçe dil seçeneği.
Dayanıklılık
Sağlam kasa yapısı ile zorlu servis koşullarına dayanıklı tasarım.
Araç Uyumluluğu
Volkswagen Grubu araçları için optimize edilmiş geniş model desteği.
CİHAZ KABİLİYETLERİ
VAS 6154A Destekli Diagnostik Fonksiyonları
VAS 6154A Arıza Tespit Cihazı, Volkswagen Grubu araçlarda çeşitli teşhis, analiz ve kodlama işlemlerini profesyonel düzeyde gerçekleştirme imkanı sunar.
DoIP Protokolü ile Hızlı İletişim
VIN (Şasi Numarası) ile Otomatik Bağlantı
Arıza Kodu Okuma ve Silme (DTC)
Canlı Veri Akışı ve Grafik Görüntüleme
Ateşleme Sistemi Komponent Testleri
Hava Akış Metre (MAF) Sensör Analizi
EGR ve DPF Sistemi Rejenerasyon İşlemleri
Enjektör Kodlama ve Performans Testleri
Şanzıman Sistemi Test ve Adaptasyonları
ECU Yazılım Güncelleme ve Kodlama
Yüksek Hızlı CAN-FD Protokolü Desteği
Gaz Kelebeği Adaptasyonu ve Hassaslık Testi
ABS (Antilock Brake System) Testi
Direksiyon Açısı Sıfırlama
Otomatik Şanzıman Kodlama
Ve Daha Birçok Gelişmiş Fonksiyon
Not: Desteklenen diagnostik fonksiyonları ve burada listelenmeyen diğer birçok özellik, aracınızın donanımına, markasına ve modeline göre değişiklik gösterebilir.
Yazılım Platformları
VAS 6154A Uyumlu Yazılım Çözümleri
VAS 6154A Arıza Tespit Cihazı, çeşitli yazılım platformları ile çalışarak teşhis, tanılama ve programlama işlemleri sunar.
Servis Standardı
Odis Service
Odis Service, Volkswagen Grubu yetkili servislerinin kullandığı standart tanılama yazılımıdır. Bu platform, araç üzerindeki tüm elektronik kontrol üniteleriyle (ECU) iletişim kurarak arıza kodlarını okuma, silme, canlı verileri izleme, servis bakım sıfırlama ve temel adaptasyon işlemlerini gerçekleştirme imkanı sunar. Adım adım yönlendirmelerle (test planı) teknisyenlere karmaşık arıza bulma süreçlerinde rehberlik eder.
VAS 6154A Uyumlu
En Güncel Sürüm
Uzman Yazılımı
Odis Engineering
Odis Engineering, ileri düzey kullanıcılar ve mühendisler için geliştirilmiş bir yazılımdır. Bu platform, standart servis yazılımının ötesinde, elektronik kontrol ünitelerini (ECU) yeniden programlama (flashlama), çevrimdışı kodlama, parametre değiştirme ve gizli özellikleri etkinleştirme gibi derinlemesine mühendislik işlemlerine olanak tanır. Özellikle modül değişimi ve retrofit uygulamaları için vazgeçilmezdir.
VAS 6154A Uyumlu
En Güncel Sürüm
Onarım Kılavuzu
ELSA
ELSA (Elektronik Servis Bilgi Sistemi), Volkswagen Grubu araçlarının onarım ve bakımı için kapsamlı bir teknik kılavuzdur. Bu yazılım, adım adım sökme-takma talimatları, tork değerleri, detaylı elektrik devre şemaları, sigorta ve röle konumları, bakım periyotları ve arıza arama kılavuzları gibi onarım için gerekli tüm teknik bilgileri içerir. Teşhis cihazıyla entegre çalışarak onarım süreçlerini hızlandırır.
Teşhisle entegre çalışır
En Güncel Sürüm
Teknik Kılavuz
PETKA
PETKA, Volkswagen Grubu araçları için orijinal yedek parça katalog sistemidir. Bu yazılım, şasi numarası (VIN) üzerinden bir araca ait tüm parçaları, patlatılmış resimlerle birlikte gösterir ve doğru parça numarasını bulmayı sağlar. Servislerin ve yedek parçacıların doğru parçayı hızlı bir şekilde tespit etmesi için kritik bir araçtır. Araç donanım bilgilerini ve parça alternatiflerini de içerir.
Teşhisle entegre çalışır
En Güncel Sürüm
Bu ürün yalnızca VAS 6154A teşhis cihazı donanımını içermektedir. Volkswagen Grubu araçlarla uyumlu diagnostik yazılımları bu pakete dahil değildir ve kullanıcı tarafından ayrıca temin edilmelidir.
SIKÇA SORULAN SORULAR
Merak Edilenler
VAS 6154A Arıza Tespit Cihazı ve kullanımı hakkında sıkça sorulan sorular ve yanıtları.
VAS 6154A hangi araçlarla uyumludur?
VAS 6154A, Volkswagen Grubu (Volkswagen, Audi, Seat, Skoda gibi) araçların geniş bir yelpazesiyle uyumludur. DoIP protokolü desteği sayesinde 2012 model ve sonrası araçlarda daha etkin çalışır, özellikle 2016 sonrası üretilen modern araçlar için idealdir. K-Line, CAN, CAN-FD ve UDS protokollerini destekler. 2023 model araçlar dahil güncel modellerle tam uyumludur. Tam model ve fonksiyon uyumluluğu, kullanılacak spesifik diagnostik yazılımının sürümüne ve özelliklerine bağlı olarak değişiklik gösterebilir.
VAS 6154A ile VAS 5054A arasındaki fark nedir?
VAS 6154A, VAS 5054A'nın geliştirilmiş yeni nesil modelidir. Temel farklar şunlardır: VAS 6154A, WiFi bağlantı sunarken 5054A Bluetooth kullanır. 6154A, Diagnostics over Internet Protocol (DoIP) desteği ile çok daha yüksek veri aktarım hızı sağlar. Yeni nesil CAN-FD protokolünü destekler ve 100 Mbps'ye kadar veri aktarım hızları sunabilir. Özellikle 2016 sonrası araçlarda ve ECU programlama işlemlerinde 5054A'ya göre çok daha hızlı ve verimlidir. Modern araçların DoIP iletişim gereksinimlerini karşılar ve daha stabil çalışır.
Cihazı kullanmak için bilgisayar gerekli mi?
Evet, VAS 6154A bir Arıza Tespit Cihazıdır ve diagnostik işlemlerini gerçekleştirmek, verileri analiz etmek ve yazılım fonksiyonlarını kullanmak için uyumlu bir diagnostik yazılımının kurulu olduğu bir bilgisayara (genellikle Windows 10/11 tabanlı bir dizüstü veya masaüstü bilgisayar) bağlanması gerekmektedir. Cihaz tek başına çalışmaz. WiFi bağlantı özelliği sayesinde daha esnek kullanım sunsa da, diagnostik yazılımının çalıştığı bir bilgisayar şarttır.
Hangi işletim sistemleriyle uyumludur?
VAS 6154A Arıza Tespit Cihazı ile kullanılan diagnostik yazılımları, öncelikle Windows 10 ve Windows 11 (64-bit Pro sürümleri) işletim sistemleriyle sorunsuz çalışmaktadır. Bazı eski ODIS sürümleri Windows 7 ile uyumlu olabilir, ancak modern DoIP iletişimi ve güncel özelliklerin tam performansla çalışması için Windows 10/11 önerilir. MacOS veya Linux işletim sistemleri resmi olarak desteklenmemektedir, bu platformlarda sanal Windows kullanımı gerektiren çözümler düşünülebilir, ancak performans ve stabilite garantisi yoktur.
DESTEK
Destek ve İletişim
Ürünlerimizle ilgili her türlü soru, destek talebi veya işbirliği için bize ulaşabilirsiniz.
Telefon
E-posta
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
No questions have been asked about this product yet.
Be the first to ask a question!Ask a Question
No reviews yet
Have you tried this product? Share your experience and help other customers make the right choice. Your review will be published after approval.
Write a Review
Related Products
View All
