Türkçe
English
العربية
Vgate vLinker FS Forscan Arıza Tespit Cihazı
Ford ve Mazda araçlarınızdaki arızaları Vgate vLinker FS USB ile tespit edin! Bu profesyonel OBD2 tarayıcı ile araç sistemlerindeki hataları okuyabilir ve silebilirsiniz. Motor, ABS, SRS, şanzıman modüllerinde arıza teşhisi yapabilir, canlı veri akışını izleyebilirsiniz. PC üzerinden kullanım ile araç problemlerinize çözüm bulun.
Çoklu Sistem TeşhisiÖnemli modüller & sistemler
Hata Kodu Okuma/SilmeHata açıklamaları
Canlı Veri AkışıSensör verileri izleme
Ford/Mazda UyumluMarka odaklı teşhis
Vgate vLinker FS FORScan Uyumlu USB Ford Arıza Tespit Cihazı
/* FORSCAN ASAMA 11 STYLES START - Scoped to #forscan-vlinker-content */
/* Global definitions moved outside the scope */
:root {
--primary: #2563eb;
--primary-light: #dbeafe;
--primary-dark: #1e40af;
--primary-gradient: linear-gradient(135deg, #2563eb, #1e40af);
--secondary: #0ea5e9;
--secondary-light: #e0f7ff;
--secondary-gradient: linear-gradient(135deg, #0ea5e9, #0284c7);
--accent: #0284c7;
--accent-light: #f0f9ff;
--accent-gradient: linear-gradient(135deg, #38bdf8, #0284c7);
--text: #0f172a;
--text-light: #64748b;
--bg: #ffffff;
--bg-off: #f8fafc;
--border: rgba(226, 232, 240, 0.8);
--card-bg: rgba(255, 255, 255, 0.8);
--glass-bg: rgba(255, 255, 255, 0.7);
--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
--shadow-glow: 0 0 25px rgba(37, 99, 235, 0.2);
--shadow-accent: 0 0 25px rgba(14, 165, 233, 0.2);
--radius-sm: 0.5rem;
--radius-md: 1rem;
--radius-lg: 1.5rem;
--radius-xl: 2rem;
--radius-full: 9999px;
--transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* Scroll bar styling - Global */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--bg-off);
border-radius: var(--radius-full);
}
::-webkit-scrollbar-thumb {
background: var(--primary-light);
border-radius: var(--radius-full);
border: 2px solid var(--bg-off);
}
::-webkit-scrollbar-thumb:hover {
background: var(--primary);
}
/* Apply base styles to the container */
#forscan-vlinker-content {
font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--text);
line-height: 1.6;
background-color: var(--bg); /* Changed background to white for consistency */
/* overflow-x: hidden; Consider if this is needed globally or on specific elements */
}
/* Scope universal selector and box-sizing */
#forscan-vlinker-content *,
#forscan-vlinker-content *::before,
#forscan-vlinker-content *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Scoped Styles */
#forscan-vlinker-content .container {
width: 100%;
max-width: 1400px; /* Increased max-width for wider layout */
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}
#forscan-vlinker-content .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
border-radius: var(--radius-full);
font-weight: 700;
font-size: 16px;
text-decoration: none;
cursor: pointer;
transition: var(--transition);
position: relative;
overflow: hidden;
box-shadow: var(--shadow-sm);
letter-spacing: 0.5px;
border: none; /* Added to ensure no default border */
}
#forscan-vlinker-content .btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
transform: translateX(-100%) skewX(-30deg);
transition: transform 0.6s;
}
#forscan-vlinker-content .btn:hover::before {
transform: translateX(100%) skewX(-30deg);
}
#forscan-vlinker-content .btn-primary {
background: var(--primary-gradient);
color: white;
}
#forscan-vlinker-content .btn-primary:hover {
box-shadow: var(--shadow-glow);
transform: translateY(-3px);
}
#forscan-vlinker-content .btn-accent {
background: var(--secondary-gradient);
color: white;
}
#forscan-vlinker-content .btn-accent:hover {
box-shadow: var(--shadow-accent);
transform: translateY(-3px);
}
#forscan-vlinker-content .btn-with-icon {
gap: 10px;
}
#forscan-vlinker-content .btn-with-icon svg {
transition: var(--transition);
}
#forscan-vlinker-content .btn-with-icon:hover svg {
transform: translateX(4px);
}
/* Hero Section */
#forscan-vlinker-content .hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 40px 0;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #f8fafc 0%, #dbeafe 50%, #f8fafc 100%);
margin-bottom: 60px; /* Kapak ile ürün açıklaması arasına boşluk eklendi */
border-radius: var(--radius-lg); /* Dış konteyner için radius eklendi */
}
/* Animated background for Hero */
#forscan-vlinker-content .hero .animated-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0; /* Changed from -1 to 0 */
overflow: hidden;
}
#forscan-vlinker-content .blob {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: 0.4;
}
#forscan-vlinker-content .blob-1 {
width: 700px;
height: 700px;
background: #bfdbfe;
top: -300px;
right: -200px;
animation: float-hero 8s ease-in-out infinite alternate;
}
#forscan-vlinker-content .blob-2 {
width: 600px;
height: 600px;
background: #93c5fd;
top: 40%;
left: -300px;
animation: float-hero 10s ease-in-out infinite alternate-reverse;
}
#forscan-vlinker-content .blob-3 {
width: 500px;
height: 500px;
background: #60a5fa;
bottom: -200px;
right: 20%;
animation: float-hero 12s ease-in-out infinite alternate;
}
#forscan-vlinker-content .grid-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(37, 99, 235, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
}
#forscan-vlinker-content .hero-container {
display: flex;
align-items: center;
gap: 60px;
}
#forscan-vlinker-content .hero-content {
flex: 1;
max-width: 650px;
text-align: center; /* Centered text */
z-index: 1; /* Ensure content is above background */
}
#forscan-vlinker-content .hero-pretitle {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; /* Standard property */
color: transparent; /* Standard property */
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 16px;
display: inline-block;
animation: fadeInUp 0.8s ease;
}
#forscan-vlinker-content .hero-title {
font-size: 72px;
font-weight: 900;
line-height: 1.1;
margin-bottom: 24px;
letter-spacing: -1px;
animation: fadeInUp 1s ease;
color: var(--text);
}
#forscan-vlinker-content .hero-title .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; /* Standard property */
color: transparent; /* Standard property */
position: relative;
display: inline-block;
}
#forscan-vlinker-content .hero-title .highlight::after {
content: '';
position: absolute;
left: 0;
bottom: 5px;
width: 100%;
height: 8px;
background: var(--primary-gradient);
border-radius: var(--radius-full);
transform-origin: right;
transform: scaleX(0);
animation: slideIn 1.5s forwards ease-out;
animation-delay: 0.5s;
opacity: 0.3;
}
#forscan-vlinker-content .hero-subtitle {
font-size: 22px;
font-weight: 500;
margin-bottom: 40px;
color: var(--text-light);
animation: fadeInUp 1s ease;
animation-delay: 0.2s;
animation-fill-mode: both;
}
#forscan-vlinker-content .hero-btns {
display: flex;
gap: 20px;
flex-wrap: wrap;
animation: fadeInUp 1s ease;
animation-delay: 0.4s;
animation-fill-mode: both;
justify-content: center;
}
#forscan-vlinker-content .hero-features {
display: flex;
flex-wrap: wrap;
gap: 32px;
margin-top: 40px;
animation: fadeInUp 1s ease;
animation-delay: 0.6s;
animation-fill-mode: both;
justify-content: center;
}
#forscan-vlinker-content .hero-feature {
display: flex;
align-items: center;
gap: 10px;
}
#forscan-vlinker-content .hero-feature-icon {
width: 36px;
height: 36px;
background: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-full);
color: var(--primary);
font-weight: 800;
font-size: 16px;
}
#forscan-vlinker-content .hero-feature-text {
font-size: 15px;
font-weight: 600;
color: var(--text);
}
/* Simple and Elegant Image Effect */
#forscan-vlinker-content .hero-image {
flex: 1;
position: relative;
animation: fadeIn 1.5s ease;
display: flex;
justify-content: center;
z-index: 1; /* Ensure image is above background */
}
#forscan-vlinker-content .hero-image-inner {
position: relative;
max-width: 550px;
width: 100%;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
overflow: hidden;
transition: var(--transition);
}
#forscan-vlinker-content .hero-image iframe { /* Style the iframe */
width: 100%;
height: 550px; /* Adjust height as needed */
border: none;
display: block;
transition: transform 0.6s ease;
}
#forscan-vlinker-content .view-360-label { /* 360 Görünüm etiketi stili */
position: absolute;
top: 15px;
right: 15px;
background: var(--primary); /* Mavi arka plan için --primary deişkeni kullanıldı */
color: white;
padding: 5px 10px;
border-radius: var(--radius-sm);
font-size: 12px;
font-weight: 600;
z-index: 10; /* iframe'in üzerinde olması için */
pointer-events: none; /* Etiketin tıklamayı engellememesi için */
}
#forscan-vlinker-content .floating-elements {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
z-index: 0; /* Behind content */
}
#forscan-vlinker-content .floating-element {
position: absolute;
opacity: 0.7;
animation: floating 6s infinite alternate ease-in-out;
}
#forscan-vlinker-content .floating-element:nth-child(1) {
width: 80px;
height: 80px;
background: #eff6ff;
border: 2px solid #bfdbfe;
border-radius: var(--radius-sm);
top: 20%;
left: 10%;
animation-duration: 8s;
}
#forscan-vlinker-content .floating-element:nth-child(2) {
width: 40px;
height: 40px;
border: 2px solid #60a5fa;
border-radius: var(--radius-full);
top: 30%;
right: 15%;
animation-duration: 10s;
}
#forscan-vlinker-content .floating-element:nth-child(3) {
width: 60px;
height: 60px;
background: #dbeafe;
border-radius: var(--radius-md);
bottom: 20%;
left: 20%;
animation-duration: 12s;
}
#forscan-vlinker-content .floating-element:nth-child(4) {
width: 30px;
height: 30px;
border: 2px solid #3b82f6;
border-radius: var(--radius-full);
bottom: 30%;
right: 10%;
animation-duration: 9s;
}
/* Keyframes should remain global */
@keyframes float-hero { /* Renamed animation */
0% { transform: translate(0, 0) scale(1); }
100% { transform: translate(50px, 50px) scale(1.1); }
}
@keyframes slideIn {
to { transform: scaleX(1); }
}
@keyframes floating {
0% { transform: translate(0, 0) rotate(0deg); }
100% { transform: translate(30px, 30px) rotate(15deg); }
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Product Specs Section */
#forscan-vlinker-content .product-specs {
padding: 140px 0;
background: linear-gradient(125deg, #1e293b 0%, #0f172a 100%);
color: #fff;
overflow: hidden;
position: relative;
border-radius: var(--radius-lg); /* Dış konteyner için radius eklendi */
}
/* Animated background for Product Specs */
#forscan-vlinker-content .product-specs .animated-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
#forscan-vlinker-content .light-orb {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: 0.15;
animation: float-specs 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
pointer-events: none;
}
#forscan-vlinker-content .orb1 {
width: 60vw;
height: 60vw;
background: linear-gradient(-45deg, #2563eb, #3b82f6, #60a5fa);
top: -20%;
right: -20%;
animation-delay: 0s;
}
#forscan-vlinker-content .orb2 {
width: 40vw;
height: 40vw;
background: linear-gradient(45deg, #0ea5e9, #38bdf8, #7dd3fc);
bottom: -15%;
left: -15%;
animation-delay: -3s;
}
#forscan-vlinker-content .orb3 {
width: 30vw;
height: 30vw;
background: linear-gradient(45deg, #4f46e5, #6366f1, #818cf8);
top: 40%;
left: 60%;
animation-delay: -6s;
}
@keyframes float-specs {
0% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(-5%) scale(1.02);
}
100% {
transform: translateY(5%) scale(0.98);
}
}
#forscan-vlinker-content .specs-header {
text-align: center;
margin-bottom: 80px;
animation: fadeInUp 1s ease-out forwards;
}
#forscan-vlinker-content .header-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
font-weight: 500;
padding: 8px 14px;
border-radius: 50px;
margin-bottom: 20px;
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.05);
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.2s;
}
#forscan-vlinker-content .specs-header h2 {
font-size: 56px;
font-weight: 800;
margin-bottom: 24px;
line-height: 1.1;
letter-spacing: -0.5px;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.4s;
color: #ffffff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
#forscan-vlinker-content .highlight-text {
position: relative;
color: #ffffff;
background: linear-gradient(90deg, #60a5fa, #38bdf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; /* Standard property */
color: transparent; /* Standard property */
display: inline-block;
}
#forscan-vlinker-content .highlight-text::after {
content: '';
position: absolute;
width: 100%;
height: 8px;
bottom: 4px;
left: 0;
background: linear-gradient(90deg, #60a5fa, #38bdf8);
opacity: 0.3;
border-radius: 50px;
z-index: -1;
}
#forscan-vlinker-content .specs-header p {
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
max-width: 600px;
margin: 0 auto;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.6s;
}
#forscan-vlinker-content .specs-container {
display: flex;
gap: 80px;
align-items: center;
}
#forscan-vlinker-content .specs-image {
flex: 1;
position: relative;
opacity: 0;
transform: translateX(-20px);
animation: fadeInLeft 1s ease-out forwards;
animation-delay: 0.8s;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* New Product Visual Design - Light Tone */
#forscan-vlinker-content .product-display {
position: relative;
}
#forscan-vlinker-content .product-card {
position: relative;
background: #f8fafc; /* Light tone background */
border-radius: 12px; /* More angular design */
overflow: hidden;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-shadow:
0 25px 50px -12px rgba(0, 0, 0, 0.25),
0 0 0 1px rgba(255, 255, 255, 0.1) inset;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transform-style: preserve-3d;
perspective: 1000px;
}
#forscan-vlinker-content .product-card:hover {
transform: translateY(-10px);
box-shadow:
0 35px 60px -15px rgba(59, 130, 246, 0.3),
0 0 0 1px rgba(96, 165, 250, 0.1) inset;
}
#forscan-vlinker-content .product-main-image {
position: relative;
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 0; /* Angular design */
background: white; /* White background */
}
#forscan-vlinker-content .product-main-image img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transform-style: preserve-3d;
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
border-radius: var(--radius-md); /* Görsele radius eklendi */
}
#forscan-vlinker-content .product-card:hover .product-main-image img {
transform: scale(1.08);
}
#forscan-vlinker-content .product-glow {
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 70%;
height: 20px;
background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
border-radius: 50%;
z-index: 1;
filter: blur(15px);
opacity: 0.7;
transition: all 0.5s ease;
}
#forscan-vlinker-content .product-card:hover .product-glow {
width: 80%;
filter: blur(20px);
opacity: 0.9;
}
#forscan-vlinker-content .product-shine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.05) 25%,
rgba(255, 255, 255, 0.1) 50%,
rgba(255, 255, 255, 0.05) 75%,
rgba(255, 255, 255, 0) 100%);
z-index: 3;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
#forscan-vlinker-content .product-card:hover .product-shine {
opacity: 1;
}
#forscan-vlinker-content .product-badge {
position: absolute;
background: #2563eb;
color: white;
font-size: 12px;
font-weight: 600;
padding: 6px 12px;
border-radius: 4px; /* More angular badge */
z-index: 4;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
transition: all 0.3s ease;
}
#forscan-vlinker-content .product-badge.left {
top: 15px;
left: 15px;
}
#forscan-vlinker-content .product-badge.right {
bottom: 15px;
right: 15px;
}
#forscan-vlinker-content .product-card:hover .product-badge {
transform: translateY(-3px);
box-shadow: 0 8px 16px rgba(37, 99, 235, 0.3);
}
#forscan-vlinker-content .product-gallery {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
}
#forscan-vlinker-content .gallery-wrapper {
display: flex;
gap: 15px;
max-width: 90%;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px 5px;
justify-content: center;
scrollbar-width: none; /* Firefox */
}
#forscan-vlinker-content .gallery-wrapper::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
#forscan-vlinker-content .gallery-item {
width: 80px;
height: 80px;
border-radius: 6px; /* More angular thumbnail */
overflow: hidden;
cursor: pointer;
border: 2px solid #e2e8f0;
transition: all 0.3s ease;
flex-shrink: 0;
position: relative;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
#forscan-vlinker-content .gallery-item.active {
border-color: #3b82f6;
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(59, 130, 246, 0.15);
}
#forscan-vlinker-content .gallery-item::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%);
opacity: 0;
transition: opacity 0.3s ease;
}
#forscan-vlinker-content .gallery-item:hover::after {
opacity: 1;
}
#forscan-vlinker-content .gallery-item:hover:not(.active) {
transform: translateY(-3px);
border-color: #93c5fd;
}
#forscan-vlinker-content .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
#forscan-vlinker-content .gallery-item:hover img {
transform: scale(1.1);
}
/* Dark tone - content part */
#forscan-vlinker-content .specs-content {
flex: 1;
opacity: 0;
transform: translateX(20px);
animation: fadeInRight 1s ease-out forwards;
animation-delay: 1s;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
#forscan-vlinker-content .specs-badge {
display: inline-flex;
align-items: center;
background: linear-gradient(90deg, #2563eb, #3b82f6);
color: white;
font-size: 14px;
font-weight: 600;
padding: 8px 16px;
border-radius: 50px;
margin-bottom: 20px;
box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3);
position: relative;
overflow: hidden;
}
#forscan-vlinker-content .specs-badge::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(
45deg,
transparent 0%,
rgba(255, 255, 255, 0.1) 50%,
transparent 100%
);
transform: rotate(45deg);
animation: shimmer 3s infinite;
}
@keyframes shimmer {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
#forscan-vlinker-content .specs-content h3 {
font-size: 42px;
font-weight: 800;
margin-bottom: 24px;
line-height: 1.1;
color: #ffffff;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
#forscan-vlinker-content .specs-description {
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.8);
font-size: 17px;
line-height: 1.8;
max-width: 520px;
}
#forscan-vlinker-content .specs-detail-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 40px;
margin-bottom: 40px;
}
#forscan-vlinker-content .spec-detail {
display: flex;
gap: 16px;
align-items: flex-start;
transition: all 0.3s ease;
}
#forscan-vlinker-content .spec-detail:hover {
transform: translateY(-5px);
}
#forscan-vlinker-content .spec-icon {
width: 54px;
height: 54px;
background: rgba(255, 255, 255, 0.08);
border-radius: 8px; /* More angular icon area */
display: flex;
align-items: center;
justify-content: center;
color: #60a5fa;
flex-shrink: 0;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* Unscope FontAwesome icon styles */
#forscan-vlinker-content .spec-icon svg,
.spec-icon i { /* Unscoped i */
width: 24px;
height: 24px;
transition: all 0.4s ease;
}
#forscan-vlinker-content .spec-detail:hover .spec-icon {
background: linear-gradient(145deg, #2563eb, #3b82f6);
color: white;
transform: translateY(-8px) rotate(8deg);
box-shadow: 0 12px 20px -5px rgba(37, 99, 235, 0.5);
}
/* Unscope FontAwesome icon styles */
#forscan-vlinker-content .spec-detail:hover .spec-icon svg,
.spec-detail:hover .spec-icon i { /* Unscoped i */
transform: scale(1.1);
}
#forscan-vlinker-content .spec-info h4 {
font-size: 17px;
font-weight: 700;
margin-bottom: 6px;
color: #fff;
}
#forscan-vlinker-content .spec-info p {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
}
#forscan-vlinker-content .specs-divider {
position: relative;
height: 20px;
margin: 30px 0;
text-align: center;
}
#forscan-vlinker-content .specs-divider::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 20%,
rgba(255, 255, 255, 0.1) 80%,
rgba(255, 255, 255, 0) 100%);
top: 50%;
left: 0;
transform: translateY(-50%); /* Center vertically */
}
#forscan-vlinker-content .specs-divider span { /* Added span wrapper */
background: #1e293b; /* Match section background */
padding: 0 15px;
position: relative;
font-size: 14px;
font-weight: 600;
color: rgba(255, 255, 255, 0.7);
}
#forscan-vlinker-content .specs-features {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 10px;
justify-content: center; /* Özellik etiketlerini ortala */
}
#forscan-vlinker-content .feature-tag {
font-size: 12px;
font-weight: 600;
padding: 8px 16px;
border-radius: 6px; /* More angular tag */
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(5px);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: default;
border: 1px solid rgba(255, 255, 255, 0.05);
}
#forscan-vlinker-content .feature-tag:hover {
background: rgba(59, 130, 246, 0.3);
color: white;
transform: translateY(-5px) scale(1.05);
box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);
border: 1px solid rgba(59, 130, 246, 0.3);
}
/* How It Works Section */
#forscan-vlinker-content .how-it-works {
padding: 100px 0;
background-color: var(--bg); /* White background for this section */
position: relative;
overflow: hidden;
}
#forscan-vlinker-content .how-it-works-header {
text-align: center;
margin-bottom: 60px;
}
#forscan-vlinker-content .how-it-works-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
#forscan-vlinker-content .how-it-works-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
#forscan-vlinker-content .how-it-works-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px; /* Slightly wider */
margin: 0 auto;
}
/* Two Column Layout */
#forscan-vlinker-content .how-it-works-grid {
display: grid;
grid-template-columns: 40% 1fr; /* Adjust column ratio */
gap: 50px; /* Gap between columns */
margin-top: 70px;
align-items: start; /* Sütunların uzamasını engelle */
grid-auto-rows: min-content; /* Satır yüksekliklerini içeriğe göre ayarla */
}
#forscan-vlinker-content .how-it-works-column.left h3,
#forscan-vlinker-content .how-it-works-column.right h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 30px;
text-align: center;
position: relative;
padding-bottom: 10px;
}
#forscan-vlinker-content .how-it-works-column.left h3::after,
#forscan-vlinker-content .how-it-works-column.right h3::after {
content: ''; position: absolute; bottom: 0; left: 50%;
transform: translateX(-50%); width: 60px; height: 3px;
background: var(--primary-gradient); border-radius: var(--radius-full);
}
/* Sol sütun adımlar için */
#forscan-vlinker-content .how-it-works-column.left {
display: flex;
flex-direction: column;
}
/* Winding Path Steps Design (Left Column) */
#forscan-vlinker-content .winding-steps-list {
position: relative;
padding: 20px 0; /* Add some padding */
display: flex;
flex-direction: column;
}
#forscan-vlinker-content .winding-step-item {
display: flex;
position: relative;
margin-bottom: 60px; /* Daha az boşluk */
align-items: center; /* Center vertically */
}
#forscan-vlinker-content .winding-step-item:last-child {
margin-bottom: 0;
}
/* Alternating alignment */
#forscan-vlinker-content .winding-step-item:nth-child(odd) {
flex-direction: row;
padding-left: 80px; /* Space for icon + connector */
}
#forscan-vlinker-content .winding-step-item:nth-child(even) {
flex-direction: row-reverse; /* Reverse order for icon on right */
padding-right: 80px; /* Space for icon + connector */
text-align: right;
}
#forscan-vlinker-content .winding-step-icon-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px; height: 60px;
background: var(--primary-gradient);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
z-index: 2; /* Above connectors */
border: 4px solid var(--bg);
box-shadow: var(--shadow-md);
}
#forscan-vlinker-content .winding-step-item:nth-child(odd) .winding-step-icon-wrapper {
left: 0;
}
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-icon-wrapper {
right: 0;
}
/* Unscope FontAwesome icon styles */
.winding-step-icon-wrapper i { /* Unscoped i */
font-size: 24px; color: #ffffff;
}
#forscan-vlinker-content .winding-step-content {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 20px 25px;
box-shadow: var(--shadow-sm);
border: 1px solid var(--border);
flex-grow: 1;
transition: var(--transition);
}
#forscan-vlinker-content .winding-step-item:hover .winding-step-content {
transform: scale(1.02);
box-shadow: var(--shadow-lg), var(--shadow-glow);
}
#forscan-vlinker-content .winding-step-content h4 {
font-size: 18px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 8px;
display: flex;
align-items: center;
}
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-content h4 {
flex-direction: row-reverse; /* Reverse number and text */
}
#forscan-vlinker-content .winding-step-number {
display: inline-block;
background-color: var(--primary-light);
color: var(--primary-dark);
border-radius: 50%;
width: 28px; height: 28px;
line-height: 28px;
text-align: center;
font-weight: 800;
font-size: 14px;
margin-right: 10px;
flex-shrink: 0;
}
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-number {
margin-right: 0;
margin-left: 10px;
}
#forscan-vlinker-content .winding-step-content p {
font-size: 14px;
color: var(--text-light);
line-height: 1.5;
}
#forscan-vlinker-content .winding-step-content a {
color: var(--primary-dark); /* Link color within steps */
text-decoration: none;
font-weight: 600;
border-bottom: 1px dashed var(--primary-light);
transition: var(--transition);
}
#forscan-vlinker-content .winding-step-content a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* Sağ sütun özellikler için */
#forscan-vlinker-content .how-it-works-column.right {
display: flex;
flex-direction: column;
}
/* Interactive Features List (Right Column) */
#forscan-vlinker-content .interactive-features-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#forscan-vlinker-content .feature-interactive-item {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 20px; /* Slightly reduced padding */
text-align: center;
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
transition: var(--transition);
cursor: default; /* Indicate non-clickable, hover effect only */
}
#forscan-vlinker-content .feature-interactive-item:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md), var(--shadow-accent);
border-color: var(--secondary-light);
}
#forscan-vlinker-content .feature-icon-wrapper {
font-size: 40px; /* Larger icons */
color: var(--secondary);
margin-bottom: 15px;
position: relative;
height: 45px; /* Fixed height for alignment */
display: inline-flex; /* Use inline-flex for centering */
align-items: center;
justify-content: center;
}
/* Using Font Awesome Layers for hover effect - Unscope FontAwesome specific classes */
.feature-icon-wrapper .fa-layers { /* Unscoped */
display: block; /* Ensure layers take up space */
}
.feature-icon-wrapper .icon-before, /* Unscoped */
.feature-icon-wrapper .icon-after { /* Unscoped */
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.feature-icon-wrapper .icon-after { /* Unscoped */
opacity: 0;
transform: scale(0.8);
position: absolute; /* Position after icon over before icon */
left: 0; right: 0; /* Center horizontally */
top: 0; /* Align top */
margin: auto; /* Center vertically if needed */
}
#forscan-vlinker-content .feature-interactive-item:hover .icon-before { /* Keep scope for item hover */
opacity: 0;
transform: scale(0.8);
}
#forscan-vlinker-content .feature-interactive-item:hover .icon-after { /* Keep scope for item hover */
opacity: 1;
transform: scale(1);
}
/* Specific icon adjustments if needed - Unscope FontAwesome specific classes */
.feature-icon-wrapper.speed .icon-after { color: var(--primary); } /* Unscoped */
.feature-icon-wrapper.drl .icon-after { color: orange; } /* Unscoped */
#forscan-vlinker-content .feature-interactive-text {
font-size: 15px;
font-weight: 500;
color: var(--text-light);
}
/* Important Notice Styling */
#forscan-vlinker-content .important-notice {
background-color: var(--accent-light);
border: 1px solid var(--primary-light);
border-left: 5px solid var(--primary);
padding: 30px;
border-radius: var(--radius-lg);
margin: 60px auto 0 auto; /* Adjusted margin for grid layout */
max-width: 1000px; /* Wider notice for grid */
box-shadow: var(--shadow-md);
position: relative;
overflow: hidden;
}
/* Unscope FontAwesome pseudo-element */
.important-notice::before { /* Unscoped */
content: "f05a";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: -20px;
left: -15px;
font-size: 80px;
color: var(--primary);
opacity: 0.08;
transform: rotate(-15deg);
}
#forscan-vlinker-content .important-notice h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
color: var(--primary-dark);
display: flex;
align-items: center;
gap: 10px;
}
/* Unscope FontAwesome icon styles */
.important-notice h4 i { /* Unscoped */
font-size: 22px;
}
#forscan-vlinker-content .important-notice p {
margin-bottom: 12px;
color: var(--text-light);
font-size: 15px;
position: relative;
z-index: 1;
}
#forscan-vlinker-content .important-notice p:last-child {
margin-bottom: 0;
}
#forscan-vlinker-content .important-notice strong {
color: var(--text);
font-weight: 600;
}
#forscan-vlinker-content .important-notice a {
color: var(--primary-dark);
text-decoration: none;
font-weight: 600;
border-bottom: 1px dashed var(--primary-light);
transition: var(--transition);
}
#forscan-vlinker-content .important-notice a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* Enhanced Notice Styling */
#forscan-vlinker-content .enhanced-notice {
display: flex;
align-items: flex-start; /* Align icon top */
gap: 30px;
background: linear-gradient(135deg, var(--primary-light), var(--secondary-light));
border-radius: var(--radius-xl);
padding: 40px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: var(--shadow-lg), 0 0 40px rgba(37, 99, 235, 0.15);
max-width: 900px; /* Wider notice */
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
margin-top: 80px; /* Added margin-top */
}
#forscan-vlinker-content .enhanced-notice-icon {
font-size: 40px;
color: var(--primary);
background-color: rgba(255, 255, 255, 0.5);
padding: 20px;
border-radius: 50%;
flex-shrink: 0;
box-shadow: var(--shadow-md);
}
/* Note: .enhanced-notice-icon itself is scoped, but the 'i' inside should not be if it's FontAwesome */
/* Assuming the i tag inside .enhanced-notice-icon is FontAwesome */
.enhanced-notice-icon i { /* Unscoped i */
/* Styles for the icon itself might be needed here if they were removed */
}
#forscan-vlinker-content .enhanced-notice-content h4 {
font-size: 22px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 15px;
}
#forscan-vlinker-content .enhanced-notice-content p {
font-size: 15px;
color: var(--text); /* Darker text for better contrast */
line-height: 1.7;
margin-bottom: 15px;
}
#forscan-vlinker-content .enhanced-notice-content p:last-child {
margin-bottom: 0;
}
#forscan-vlinker-content .enhanced-notice-content strong {
font-weight: 700;
color: var(--primary-dark);
}
#forscan-vlinker-content .enhanced-notice-content a {
color: var(--primary-dark);
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--primary);
transition: var(--transition);
}
#forscan-vlinker-content .enhanced-notice-content a:hover {
color: var(--primary);
background-color: var(--primary-light);
padding: 2px 4px;
border-radius: var(--radius-sm);
border-bottom: none;
}
/* Responsive Styles - Scoped */
@media (max-width: 1200px) {
#forscan-vlinker-content .hero-title { font-size: 60px; }
#forscan-vlinker-content .specs-container { gap: 50px; }
#forscan-vlinker-content .specs-header h2 { font-size: 48px; }
#forscan-vlinker-content .specs-content h3 { font-size: 36px; }
#forscan-vlinker-content .product-main-image { height: 350px; }
#forscan-vlinker-content .hero-image iframe { height: 450px; }
}
@media (max-width: 992px) {
#forscan-vlinker-content .hero-container { flex-direction: column-reverse; gap: 40px; text-align: center; }
#forscan-vlinker-content .hero-content { max-width: 100%; }
#forscan-vlinker-content .hero-btns { justify-content: center; }
#forscan-vlinker-content .hero-features { justify-content: center; }
#forscan-vlinker-content .hero-title { font-size: 50px; }
#forscan-vlinker-content .hero-image-inner { max-width: 400px; }
#forscan-vlinker-content .hero-image iframe { height: 400px; }
#forscan-vlinker-content .product-specs { padding: 100px 0; }
#forscan-vlinker-content .specs-container { flex-direction: column; gap: 60px; }
#forscan-vlinker-content .specs-image, #forscan-vlinker-content .specs-content { width: 100%; max-width: 600px; margin: 0 auto; }
#forscan-vlinker-content .product-card { padding: 15px; }
#forscan-vlinker-content .specs-header h2 { font-size: 42px; }
#forscan-vlinker-content .gallery-item { width: 70px; height: 70px; }
#forscan-vlinker-content .product-main-image { height: 320px; }
#forscan-vlinker-content .specs-features { justify-content: center; }
#forscan-vlinker-content .how-it-works-header h2 { font-size: 36px; }
#forscan-vlinker-content .how-it-works-grid { grid-template-columns: 1fr; gap: 40px; }
#forscan-vlinker-content .how-it-works-column.right { margin-top: 20px; }
#forscan-vlinker-content .winding-step-item:nth-child(odd),
#forscan-vlinker-content .winding-step-item:nth-child(even) { flex-direction: row; padding-left: 80px; padding-right: 0; text-align: left; }
#forscan-vlinker-content .winding-step-item:nth-child(odd) .winding-step-icon-wrapper,
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-icon-wrapper { left: 0; right: auto; }
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-content h4 { flex-direction: row; }
#forscan-vlinker-content .winding-step-item:nth-child(even) .winding-step-number { margin-right: 10px; margin-left: 0; }
/* Connectors adjustment might need review if pseudo-elements are re-enabled */
}
@media (max-width: 768px) {
#forscan-vlinker-content .hero { padding: 60px 0; }
#forscan-vlinker-content .hero-title { font-size: 36px; }
#forscan-vlinker-content .hero-subtitle { font-size: 18px; }
#forscan-vlinker-content .hero-pretitle { font-size: 16px; }
#forscan-vlinker-content .hero-features { gap: 20px; }
#forscan-vlinker-content .floating-elements { display: none; }
#forscan-vlinker-content .hero-image iframe { height: 350px; }
#forscan-vlinker-content .product-specs { padding: 80px 0; }
#forscan-vlinker-content .specs-header h2 { font-size: 36px; }
#forscan-vlinker-content .specs-content h3 { font-size: 32px; }
#forscan-vlinker-content .specs-detail-grid { grid-template-columns: 1fr; gap: 24px; }
#forscan-vlinker-content .gallery-item { width: 60px; height: 60px; }
#forscan-vlinker-content .product-badge { padding: 6px 10px; font-size: 11px; }
#forscan-vlinker-content .product-main-image { height: 280px; }
#forscan-vlinker-content .how-it-works { padding: 80px 0; }
#forscan-vlinker-content .how-it-works-header h2 { font-size: 32px; }
#forscan-vlinker-content .how-it-works-header p { font-size: 16px; }
#forscan-vlinker-content .how-it-works-grid { gap: 30px; margin-top: 50px; }
#forscan-vlinker-content .how-it-works-column.left h3,
#forscan-vlinker-content .how-it-works-column.right h3 { font-size: 22px; }
#forscan-vlinker-content .interactive-features-list { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; }
#forscan-vlinker-content .feature-interactive-item { padding: 15px; }
#forscan-vlinker-content .feature-icon-wrapper { font-size: 32px; height: 40px; margin-bottom: 10px; }
#forscan-vlinker-content .feature-interactive-text { font-size: 13px; }
#forscan-vlinker-content .winding-step-item { margin-bottom: 40px; padding-left: 70px; }
#forscan-vlinker-content .winding-step-icon-wrapper { width: 50px; height: 50px; }
#forscan-vlinker-content .winding-step-icon-wrapper i { font-size: 20px; }
#forscan-vlinker-content .winding-step-content { padding: 15px 20px; }
#forscan-vlinker-content .winding-step-content h4 { font-size: 16px; }
#forscan-vlinker-content .winding-step-number { width: 24px; height: 24px; line-height: 24px; font-size: 12px; }
#forscan-vlinker-content .winding-step-content p { font-size: 13px; }
#forscan-vlinker-content .enhanced-notice { flex-direction: column; align-items: center; text-align: center; gap: 25px; padding: 30px; margin-top: 60px; }
#forscan-vlinker-content .enhanced-notice-icon { font-size: 32px; padding: 15px; }
#forscan-vlinker-content .enhanced-notice-content h4 { font-size: 20px; }
#forscan-vlinker-content .enhanced-notice-content p { font-size: 14px; }
#forscan-vlinker-content .important-notice { padding: 20px; margin-top: 60px; }
#forscan-vlinker-content .important-notice h4 { font-size: 18px; }
#forscan-vlinker-content .important-notice p { font-size: 14px; }
#forscan-vlinker-content .important-notice::before { font-size: 60px; top: -15px; left: -10px; }
}
@media (max-width: 576px) {
#forscan-vlinker-content .container { padding: 0 15px; }
#forscan-vlinker-content .hero-btns { flex-direction: column; width: 100%; }
#forscan-vlinker-content .btn { width: 100%; }
#forscan-vlinker-content .hero-feature { width: 100%; justify-content: center; }
#forscan-vlinker-content .hero-image iframe { height: 300px; }
#forscan-vlinker-content .specs-header h2 { font-size: 32px; }
#forscan-vlinker-content .specs-header p { font-size: 16px; }
#forscan-vlinker-content .specs-content h3 { font-size: 28px; }
#forscan-vlinker-content .product-card { padding: 10px; }
#forscan-vlinker-content .spec-icon { width: 46px; height: 46px; }
#forscan-vlinker-content .spec-icon svg,
#forscan-vlinker-content .spec-icon i { width: 20px; height: 20px; }
#forscan-vlinker-content .gallery-item { width: 50px; height: 50px; border-radius: 4px; }
#forscan-vlinker-content .product-badge.left { top: 10px; left: 10px; }
#forscan-vlinker-content .product-badge.right { bottom: 10px; right: 10px; }
#forscan-vlinker-content .product-main-image { height: 240px; }
#forscan-vlinker-content .specs-detail-grid { gap: 20px; }
#forscan-vlinker-content .spec-info h4 { font-size: 16px; }
#forscan-vlinker-content .spec-info p { font-size: 13px; }
#forscan-vlinker-content .feature-tag { padding: 6px 12px; font-size: 11px; }
#forscan-vlinker-content .how-it-works-header h2 { font-size: 28px; }
#forscan-vlinker-content .how-it-works-header p { font-size: 15px; }
#forscan-vlinker-content .interactive-features-list { grid-template-columns: 1fr 1fr; gap: 10px; }
#forscan-vlinker-content .feature-interactive-item { padding: 12px; }
#forscan-vlinker-content .feature-icon-wrapper { font-size: 28px; height: 35px; }
#forscan-vlinker-content .feature-interactive-text { font-size: 12px; }
#forscan-vlinker-content .winding-step-item { padding-left: 60px; margin-bottom: 30px; }
#forscan-vlinker-content .winding-step-icon-wrapper { width: 45px; height: 45px; }
#forscan-vlinker-content .winding-step-icon-wrapper i { font-size: 18px; }
#forscan-vlinker-content .winding-step-content { padding: 12px 15px; }
#forscan-vlinker-content .winding-step-content h4 { font-size: 15px; }
#forscan-vlinker-content .winding-step-number { width: 22px; height: 22px; line-height: 22px; font-size: 11px; margin-right: 8px; }
#forscan-vlinker-content .winding-step-content p { font-size: 12px; }
#forscan-vlinker-content .enhanced-notice { padding: 25px; gap: 20px; margin-top: 40px; }
#forscan-vlinker-content .enhanced-notice-icon { font-size: 28px; padding: 12px; }
#forscan-vlinker-content .enhanced-notice-content h4 { font-size: 18px; }
#forscan-vlinker-content .enhanced-notice-content p { font-size: 13px; }
#forscan-vlinker-content .important-notice { padding: 15px; margin-top: 40px; }
#forscan-vlinker-content .important-notice h4 { font-size: 16px; }
#forscan-vlinker-content .important-notice p { font-size: 13px; }
#forscan-vlinker-content .important-notice::before { font-size: 50px; top: -10px; left: -5px; }
}
/* FAQ Section - Card Layout (Merged) */
#forscan-vlinker-content .faq {
padding: 80px 0; /* Adjusted padding */
background-color: var(--bg-off);
position: relative;
overflow: hidden;
}
#forscan-vlinker-content .faq-header {
text-align: center;
margin-bottom: 60px;
}
#forscan-vlinker-content .faq-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
#forscan-vlinker-content .faq-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
#forscan-vlinker-content .faq-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
#forscan-vlinker-content .faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Two columns */
gap: 30px; /* Gap between cards */
max-width: 1100px; /* Wider grid to match container */
margin: 0 auto;
}
#forscan-vlinker-content .faq-card {
background-color: var(--bg);
border-radius: var(--radius-lg);
border: 1px solid var(--border);
box-shadow: var(--shadow-md); /* Use medium shadow */
padding: 30px;
transition: var(--transition);
display: flex;
flex-direction: column;
height: 100%;
}
#forscan-vlinker-content .faq-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg); /* Larger shadow on hover */
border-color: var(--primary-light);
}
#forscan-vlinker-content .faq-card-question {
font-size: 18px;
font-weight: 700; /* Bolder question */
color: var(--primary-dark); /* Use primary dark color */
margin-bottom: 15px; /* Space between question and answer */
display: flex;
align-items: flex-start; /* Align icon top */
gap: 12px; /* Space between icon and text */
}
#forscan-vlinker-content .faq-card-icon {
font-size: 20px; /* Slightly larger icon */
color: var(--primary);
margin-top: 2px; /* Adjust vertical alignment */
flex-shrink: 0;
}
#forscan-vlinker-content .faq-card-answer {
font-size: 15px;
color: var(--text-light);
line-height: 1.7;
flex-grow: 1; /* Allow answer to take remaining space */
}
#forscan-vlinker-content .faq-card-answer a {
color: var(--primary-dark);
font-weight: 600;
text-decoration: none;
border-bottom: 1px dashed var(--primary-light);
transition: var(--transition);
}
#forscan-vlinker-content .faq-card-answer a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* Responsive FAQ Grid */
@media (max-width: 992px) {
#forscan-vlinker-content .faq-grid {
grid-template-columns: 1fr; /* Single column */
max-width: 700px;
}
}
@media (max-width: 768px) {
#forscan-vlinker-content .faq { padding: 60px 0; }
#forscan-vlinker-content .faq-header h2 { font-size: 32px; }
#forscan-vlinker-content .faq-header p { font-size: 16px; }
#forscan-vlinker-content .faq-card { padding: 25px; }
#forscan-vlinker-content .faq-card-question { font-size: 17px; gap: 10px; }
#forscan-vlinker-content .faq-card-icon { font-size: 18px; }
#forscan-vlinker-content .faq-card-answer { font-size: 14px; }
}
@media (max-width: 576px) {
#forscan-vlinker-content .faq-header h2 { font-size: 28px; }
#forscan-vlinker-content .faq-card { padding: 20px; }
#forscan-vlinker-content .faq-card-question { font-size: 16px; }
}
/* FORSCAN ASAMA 11 STYLES END */
/* 360 Video & Why Choose Us Section */
#forscan-vlinker-content .video-why-choose {
padding: 80px 0;
background-color: var(--bg);
}
#forscan-vlinker-content .video-container .video-title-overlay {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 22px;
font-weight: 700;
z-index: 3;
text-shadow: 0 2px 5px rgba(0,0,0,0.5);
pointer-events: none;
}
#forscan-vlinker-content .video-why-choose-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
#forscan-vlinker-content .video-container {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
height: 450px;
background-color: #000;
}
#forscan-vlinker-content .video-placeholder {
width: 100%;
height: 100%;
}
#forscan-vlinker-content .video-placeholder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#forscan-vlinker-content .coming-soon-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
border-radius: var(--radius-lg);
backdrop-filter: blur(5px);
z-index: 2;
}
#forscan-vlinker-content .why-choose-content h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 30px;
color: var(--text);
}
#forscan-vlinker-content .why-choose-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 25px;
}
#forscan-vlinker-content .why-choose-item {
display: flex;
align-items: flex-start;
gap: 20px;
}
#forscan-vlinker-content .why-choose-icon {
font-size: 24px;
color: var(--primary);
background-color: var(--primary-light);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
#forscan-vlinker-content .why-choose-text h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
color: var(--text);
}
#forscan-vlinker-content .why-choose-text p {
font-size: 15px;
color: var(--text-light);
line-height: 1.6;
}
@media (max-width: 992px) {
#forscan-vlinker-content .video-why-choose-grid {
grid-template-columns: 1fr;
}
}
/* Elegant Automatic Switching Section */
#forscan-vlinker-content .auto-switching {
padding: 100px 0;
background-color: var(--bg-off);
position: relative;
overflow: hidden;
}
#forscan-vlinker-content .auto-switching-header {
text-align: center;
margin-bottom: 60px;
}
#forscan-vlinker-content .auto-switching-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 15px;
color: var(--text);
}
#forscan-vlinker-content .auto-switching-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
#forscan-vlinker-content .auto-switching-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
#forscan-vlinker-content .comparison-container {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
max-width: 900px;
margin: 0 auto;
}
#forscan-vlinker-content .comparison-card {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 40px;
text-align: center;
border: 1px solid var(--border);
flex: 1;
transition: var(--transition);
box-shadow: var(--shadow-md);
height: 320px; /* Fixed height for alignment */
display: flex;
flex-direction: column;
justify-content: center;
}
#forscan-vlinker-content .comparison-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
}
#forscan-vlinker-content .comparison-card .icon {
font-size: 48px;
margin-bottom: 25px;
transition: transform 0.4s ease;
}
#forscan-vlinker-content .comparison-card.old-way {
border-left: 4px solid #f87171; /* Red accent */
}
#forscan-vlinker-content .comparison-card.old-way .icon {
color: #f87171;
}
#forscan-vlinker-content .comparison-card.vlinker-way {
border-left: 4px solid var(--primary); /* Blue accent */
position: relative;
}
#forscan-vlinker-content .comparison-card.vlinker-way .icon {
color: var(--primary);
}
#forscan-vlinker-content .comparison-card:hover .icon {
transform: scale(1.15) rotate(-5deg);
}
#forscan-vlinker-content .comparison-card h4 {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
color: var(--text);
}
#forscan-vlinker-content .comparison-card p {
font-size: 15px;
color: var(--text-light);
line-height: 1.6;
}
#forscan-vlinker-content .comparison-arrow {
font-size: 40px;
color: var(--border);
flex-shrink: 0;
transition: color 0.3s ease;
}
#forscan-vlinker-content .comparison-container:hover .comparison-arrow {
color: var(--primary);
}
#forscan-vlinker-content .vlinker-badge {
position: absolute;
top: 20px;
right: 20px;
background: var(--primary-gradient);
color: white;
font-size: 12px;
font-weight: 600;
padding: 6px 12px;
border-radius: var(--radius-full);
box-shadow: var(--shadow-sm);
}
@media (max-width: 768px) {
#forscan-vlinker-content .comparison-container {
flex-direction: column;
gap: 30px;
}
#forscan-vlinker-content .comparison-arrow {
transform: rotate(90deg);
}
#forscan-vlinker-content .comparison-card {
height: auto; /* Auto height for mobile */
padding: 30px;
}
#forscan-vlinker-content .auto-switching-header h2 { font-size: 32px; }
}
/* Support and Contact Section */
#forscan-vlinker-content .contact-support {
padding: 80px 0;
background-color: var(--bg-off);
border-top: 1px solid var(--border);
}
#forscan-vlinker-content .contact-header {
text-align: center;
margin-bottom: 60px;
}
#forscan-vlinker-content .contact-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
#forscan-vlinker-content .contact-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
#forscan-vlinker-content .contact-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
#forscan-vlinker-content .contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1000px;
margin: 0 auto;
}
#forscan-vlinker-content .contact-card {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 40px;
text-align: center;
border: 1px solid var(--border);
transition: var(--transition);
box-shadow: var(--shadow-sm);
}
#forscan-vlinker-content .contact-card:hover {
transform: translateY(-8px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-light);
}
#forscan-vlinker-content .contact-icon {
font-size: 40px;
color: var(--primary);
margin-bottom: 20px;
display: inline-block;
}
#forscan-vlinker-content .contact-title {
font-size: 20px;
font-weight: 700;
color: var(--text);
margin-bottom: 10px;
}
#forscan-vlinker-content .contact-detail a {
font-size: 16px;
color: var(--text-light);
text-decoration: none;
font-weight: 500;
transition: var(--transition);
}
#forscan-vlinker-content .contact-detail a:hover {
color: var(--primary);
}
#forscan-vlinker-content .contact-footer {
text-align: center;
margin-top: 60px;
font-size: 16px;
color: var(--text-light);
}
#forscan-vlinker-content .contact-footer a {
color: var(--primary-dark);
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid var(--primary-light);
}
#forscan-vlinker-content .contact-footer a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
@media (max-width: 768px) {
#forscan-vlinker-content .contact-support { padding: 60px 0; }
#forscan-vlinker-content .contact-header h2 { font-size: 32px; }
#forscan-vlinker-content .contact-card { padding: 30px; }
}
Ford'unuzun Sağlığını Kontrol Altına Alın
Vgate vLinker FS ile aracınızdaki arızaları kolayca tespit edin. FORScan onaylı orijinal donanımla doğru teşhis ve hızlı çözüm sağlayın.
Teşhis Yetenekleri
Hemen Satın Al
✓
FORScan Onaylı
Detaylı Arıza Tespiti
🇹🇷
Türkçe Yazılım
360° Görünüm
Vgate vLinker FS: Arıza Tespit Yetenekleri
FORScan uyumlu vLinker FS USB cihazının Ford araçlar için sunduğu profesyonel arıza tespit yetenekleri.
FORSCAN ONAYLI
Profesyonel Ford Arıza Tespiti
Vgate vLinker FS, Ford araçlarınız için kapsamlı bir arıza tespit çözümüdür. FORScan yazılımı ile tam uyumlu çalışarak tüm elektronik kontrol ünitelerine (ECU) erişim sağlar.
Hata kodlarını okuyup silin, canlı sensör verilerini izleyin, servis fonksiyonlarını çalıştırın ve aracınızın sağlığını detaylı olarak analiz edin.
Tüm Modüllere Erişim
Motor, ABS, Airbag, Şanzıman ve daha fazlası
Hata Kodu Okuma/Silme
Detaylı arıza kodları ve açıklamaları
Canlı Veri İzleme
Sensör değerlerini anlık olarak takip edin
Ford Uyumluluğu
Tüm FORScan destekli Ford modelleri
Arıza Tespit Özellikleri
MS-CAN/HS-CAN Desteği
TÜRKÇE ARAYÜZ
MODÜL TESTLERİ
Ford Odaklı Erişim
FORScan ile Arıza Tespit Adımları
Vgate vLinker FS ve FORScan kullanarak aracınızdaki arızaları nasıl tespit edeceğinizi öğrenin.
vLinker FS Kullanım Adımları
1 FORScan Yazılımını Kurun
FORScan'in güncel sürümünü web sitesinden veya sipariş durumu sorgulama ekranından indirip bilgisayarınıza kurun.
2 vLinker FS Cihazını Bağlayın
vLinker FS'i aracın OBD2 portuna takın ve USB ile bilgisayarınıza bağlayın.
3 FORScan ile Araca Bağlanın
FORScan yazılımını açın ve "Araca Bağlan" butonu ile bağlantıyı başlatın.
4 Arıza Kodlarını Okuyun/Silin
DTC sekmesinden arıza kodlarını okuyun, kaydedin ve isterseniz silin.
5 Canlı Verileri İzleyin
PID sekmesinden motor, sensör ve diğer sistem verilerini canlı olarak izleyin.
Temel Arıza Tespit Fonksiyonları
Arıza Kodu Okuma (DTC)
Arıza Kodu Silme
Canlı Veri (PID) İzleme
Modül Bilgisi Okuma
Servis Prosedürleri
Modül Testleri
Donmuş Kare Verisi
Adaptasyon & Kodlama
FEPS 18V Programlama
Enjektör Kodlama
Akü Yönetimi
Ve Daha Fazlası...
Lisanslama ve Uyumluluk Bilgisi
Vgate vLinker FS, bağımsız FORScan yazılımıyla tam uyumludur. Temel arıza tespit fonksiyonları genellikle standart lisansla kullanılabilir. Ancak bazı özel testler, servis fonksiyonları veya modül konfigürasyonları için FORScan'in Genişletilmiş Lisansı gerekebilir.
Fırsat: FORScan, tüm kullanıcılara 2 Aylık Ücretsiz Deneme Lisansı sunmaktadır. Sürekli kullanım lisans seçenekleri FORScan web sitesinde mevcuttur.
Manuel Anahtarlamayı Tarihe Gömün
vLinker FS'in akıllı teknolojisi, manuel anahtar ihtiyacını ortadan kaldırarak teşhis sürecini basitleştirir ve hızlandırır.
Eski Yöntem
Sürekli manuel anahtar değişimi, zaman kaybı ve potansiyel bağlantı hataları.
OTOMATİK
vLinker FS Teknolojisi
Akıllı çip, HS-CAN ve MS-CAN ağları arasında otomatik ve anında geçiş sağlar.
Cihazın 360 Videosu
vLinker FS'in sunduğu avantajları ve 360° ürün videosunu keşfedin.
Neden Vgate vLinker FS'i Tercih Etmelisiniz?
-
FORScan Tarafından Onaylı
Yazılımla tam uyumluluk ve güvenilir performans için resmi olarak önerilen donanım.
-
Yüksek Hızlı Veri Aktarımı
USB bağlantısı sayesinde istikrarlı ve hızlı veri akışıyla kesintisiz teşhis imkanı.
-
Geniş Model Desteği
Ford, Mazda, Lincoln ve Mercury marka araçların büyük çoğunluğu ile uyumlu çalışma.
-
Güvenli ve Stabil Bağlantı
Otomatik elektronik anahtarlama ile MS-CAN ve HS-CAN ağları arasında güvenli geçiş.
Merak Edilenler
Vgate vLinker FS ve FORScan ile arıza tespiti hakkında sıkça sorulan sorular.
Vgate vLinker FS hangi Ford modelleriyle uyumludur?
Vgate vLinker FS, FORScan yazılımının desteklediği tüm Ford modelleriyle uyumludur. Arıza tespiti ve diğer fonksiyonlar için güncel liste FORScan sitesinde bulunabilir.
FORScan Genişletilmiş Lisansı arıza tespiti için gerekli mi?
Temel arıza kodu okuma/silme ve canlı veri izleme işlemleri genellikle standart lisansla yapılabilir. Ancak bazı özel testler veya modül konfigürasyonları için Genişletilmiş Lisans gerekebilir. FORScan 2 aylık ücretsiz deneme sunar.
Cihazı arıza tespiti için kullanmak zor mu?
Temel hata kodu okuma ve silme işlemleri kolaydır. FORScan arayüzü kullanıcı dostudur. Canlı veri analizi veya özel testler için temel araç bilgisi faydalıdır. Emin değilseniz profesyonel yardım alın.
Arıza tespiti işlemi aracıma zarar verir mi?
Sadece okuma işlemleri (arıza kodu, canlı veri) genellikle tamamen güvenlidir. Kod silme veya test prosedürleri dikkatli yapılmalıdır. Yanlış müdahaleler sorunlara yol açabilir. Sorumluluk kullanıcıya aittir.
vLinker FS ile hangi arıza tespit işlemlerini yapabilirim?
Tüm sistemlerden (Motor, ABS, Airbag, Şanzıman vb.) arıza kodlarını okuyabilir ve silebilirsiniz. Canlı sensör verilerini izleyebilir, servis fonksiyonlarını (DPF rejenerasyonu, enjektör kodlama vb. - modele göre değişir) çalıştırabilir ve modül testleri yapabilirsiniz.
Kurulum için yardıma ihtiyacım var mı?
Kurulum genellikle basittir, kılavuzlar mevcuttur. Temel bilgisayar bilgisi yeterlidir. Takılırsanız FORScan forumları veya topluluklardan destek alabilirsiniz.
Destek & İletişim
Yardıma mı ihtiyacınız var? Alanında uzman ekibimizle iletişime geçin.
Telefon
E-posta
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
