Türkçe
English
العربية
Vgate VLinker FS Forscan Gizli Özellik Açma Cihazı
Ford ve Mazda araçlarınız için özel tasarlanan Vgate vLinker FS USB ile aracınızın sistemlerine erişin! Bu profesyonel teşhis cihazı standart OBD2 fonksiyonlarının yanında Forscan ile özel ECU erişimi sağlar. Modül programlama, kodlama ve detaylı araç sistemleri teşhisi yapabilirsiniz. Güvenilir ve stabil USB bağlantısı ile PC üzerinden aracınızın tüm sistemlerini kontrol altına alın.
ForScan UyumluGelişmiş ECU erişimi
Geniş Model DesteğiFord ve Mazda araçlar
Çift CAN DesteğiMS-CAN/HS-CAN
Modül ProgramlamaECU kodlama özelliği
Vgate vLinker FS FORScan Uyumlu USB Cihazı | Ford Gizli Özellik Açma
/* 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: rgba(0, 0, 0, 0.6);
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 */
Ford'unuzun Gizli Potansiyelini Keşfedin
Vgate vLinker FS ile aracınızın tüm gizli özelliklerini kolayca aktifleştirin. FORScan onaylı orijinal donanımla maksimum performans ve uyumluluk elde edin.
Özellikleri Keşfet
Hemen Satın Al
✓
FORScan Onaylı
⚡
18V Programlama
🇹🇷
Türkçe Yazılım
360° Görünüm
FORScan Teknolojisi
Vgate vLinker FS: Teknik Özellikler ve Detaylar
FORScan uyumlu vLinker FS USB cihazının Ford araçlar için sunduğu profesyonel yetenekler.
FORSCAN ONAYLI
Vgate vLinker FS ile Tanışın
Vgate vLinker FS, Ford araçlarınız için profesyonel bir tanılama ve gizli özellik açma cihazıdır. FORScan yazılımı ile tam uyumlu çalışarak aracınızın potansiyelini ortaya çıkarır.
Kapsamlı özelleştirme, gelişmiş hata teşhisi ve tüm modüllere tam erişim sunar. Bu cihazla araç deneyiminizi bir üst seviyeye taşıyın.
Güvenli Programlama
18V desteği ile güvenli modül programlama
FORScan Yazılımı
Windows uyumlu, Türkçe arayüz
Kolay Bağlantı
USB bağlantı teknolojisi ile kolay kullanım
Geniş Uyumluluk
Ford, Mazda, Lincoln, Mercury
Anahtar Özellikler
MS-CAN/HS-CAN Desteği
TÜRKÇE ARAYÜZ
MODÜL KONTROLÜ
ACM/BCM/PCM/APIM Erişimi
vLinker FS ile Adımlar & Yetenekler
Vgate vLinker FS ve FORScan kullanarak aracınızın gizli özelliklerini nasıl aktif 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 Gizli Özellikleri Aktifleştirin
İstediğiniz modülü seçip ayarları değiştirin ve "Yaz" butonu ile kaydedin.
Popüler FORScan Özellikleri
Otomatik Kilitleme
Dijital Hız Göstergesi
Gündüz Farı Ayarları
TPMS Kalibrasyonu
Hareket Halinde Video
Kumandadan Cam Kontrolü
Alarm Ayarları
Ve Daha Fazlası...
Lisanslama ve Uyumluluk Bilgisi
Vgate vLinker FS, bağımsız FORScan yazılımıyla tam uyumludur. Gelişmiş özellikler (modül programlama vb.) için FORScan'in Genişletilmiş Lisansı gereklidir. Bu lisans doğrudan FORScan'den temin edilir.
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.
Merak Edilenler
Vgate vLinker FS ve FORScan kullanımı hakkında sıkça sorulan sorular.
Vgate vLinker FS hangi araçlarla uyumludur?
Başta Ford, Mazda, Lincoln ve Mercury olmak üzere FORScan yazılımının desteklediği birçok modelle uyumludur. Güncel liste için FORScan sitesine göz atın.
FORScan Genişletilmiş Lisansı gerekli mi?
Modül programlama gibi gelişmiş özellikler için Genişletilmiş Lisans gerekir. Temel işlemler standart lisansla yapılabilir. FORScan 2 aylık ücretsiz deneme sunar.
Cihazı kullanmak zor mu? Teknik bilgi gerekir mi?
Temel işlemler kolaydır. FORScan arayüzü kullanıcı dostudur. Gelişmiş ayarlar (programlama vb.) için dikkat ve temel araç bilgisi faydalıdır. Emin değilseniz araştırın veya destek alın.
Gizli özellik açma işlemi aracıma zarar verir mi?
Doğru yapıldığında genellikle güvenlidir. Ancak yanlış işlemler risklidir. İşlem öncesi mutlaka yedek alın (FORScan destekler). Dikkatli olun, sorumluluk kullanıcıya aittir.
vLinker FS ile hangi popüler özellikleri açabilirim?
Modele göre değişmekle birlikte; otomatik kilitleme, dijital hız, DRL ayarları, TPMS kalibrasyonu, hareket halinde video, alarm ayarları, kumandadan cam kontrolü gibi birçok özellik açılabilir.
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.
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.
