Mini DSG Reader Klonlama Kodlama Cihazı / Vag Grubu | Otoeko
/* İzole edilen tüm stiller - sadece bu bölüm için geçerli */
.mini-dsg-reader {
--primary: #1E40AF; /* DSG Blue */
--primary-light: #EFF6FF;
--secondary: #374151; /* Dark Gray */
--accent: #3B82F6; /* Light Blue */
--text-dark: #1A202C;
--text-light: #718096;
--background: #FFFFFF;
--background-light: #F7FAFC;
--background-dark: #2D3748;
--border: #E2E8F0;
--success: #48BB78;
--warning: transparent;
--info: #4299E1;
--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);
--gradient-secondary: linear-gradient(135deg, #374151 0%, #4B5563 100%);
--gradient-dark: linear-gradient(135deg, #374151 0%, #1F2937 100%);
--radius-sm: 8px;
--radius-md: 16px;
--radius-lg: 24px;
--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.1);
color: var(--text-dark);
background-color: var(--background);
overflow-x: hidden;
position: relative;
width: 100%;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
font-size: 115%;
}
.mini-dsg-reader * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Outfit', sans-serif;
}
.mini-dsg-reader .container {
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
position: relative;
z-index: 2;
box-sizing: border-box;
overflow-x: hidden;
}
.mini-dsg-reader .btn {
padding: 12px 24px;
border-radius: var(--radius-md);
font-weight: 600;
font-size: 17px;
transition: all 0.3s ease;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
white-space: nowrap;
}
.mini-dsg-reader .btn-primary {
background: var(--gradient-primary);
color: white;
border: none;
box-shadow: var(--shadow-sm);
position: relative;
overflow: hidden;
}
.mini-dsg-reader .btn-primary:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
background: var(--gradient-secondary);
}
.mini-dsg-reader .btn-secondary {
background-color: var(--primary-light);
color: var(--primary);
border: none;
}
.mini-dsg-reader .btn-secondary:hover {
background-color: #fddddd;
}
/* Background Shapes */
.mini-dsg-reader .bg-shape {
position: absolute;
z-index: 1;
border-radius: 50%;
}
.mini-dsg-reader .bg-shape-1 {
top: -80px;
right: -80px;
width: 250px;
height: 250px;
background-color: var(--primary-light);
opacity: 0.5;
}
.mini-dsg-reader .bg-shape-2 {
bottom: 10%;
left: -120px;
width: 200px;
height: 200px;
background-color: var(--primary-light);
opacity: 0.4;
}
/* Hero Section */
.mini-dsg-reader .hero {
padding-top: 80px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.mini-dsg-reader .hero-grid {
display: flex;
justify-content: center;
align-items: center;
gap: 60px;
}
.mini-dsg-reader .hero-content {
max-width: 800px;
text-align: center;
padding: 0 20px;
box-sizing: border-box;
margin: 0 auto;
}
.mini-dsg-reader .hero-eyebrow {
display: inline-flex;
align-items: center;
padding: 8px 16px;
background-color: var(--primary-light);
color: var(--primary);
border-radius: var(--radius-sm);
font-weight: 600;
font-size: 16px;
margin-bottom: 24px;
}
.mini-dsg-reader .hero-title {
font-size: clamp(28px, 5vw, 55px);
font-weight: 800;
line-height: 1.2;
margin-bottom: 24px;
color: var(--text-dark);
word-wrap: break-word;
overflow-wrap: break-word;
}
.mini-dsg-reader .hero-title span {
color: var(--primary);
position: relative;
display: inline-block;
}
.mini-dsg-reader .hero-title span::after {
content: '';
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
height: 10px;
background-color: rgba(30, 64, 175, 0.2);
z-index: -1;
border-radius: 10px;
}
.mini-dsg-reader .hero-description {
font-size: clamp(16px, 2.5vw, 18px);
line-height: 1.6;
color: var(--text-light);
margin-bottom: 32px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mini-dsg-reader .hero-buttons {
display: flex;
gap: 16px;
margin-top: 40px;
justify-content: center;
}
@media (min-width: 768px) {
.mini-dsg-reader .hero-buttons {
justify-content: center;
}
}
.mini-dsg-reader .hero-image-container {
position: relative;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.mini-dsg-reader .hero-image-wrapper {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
background-color: white;
width: 100%;
max-width: 500px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
}
.mini-dsg-reader .hero-image-wrapper img {
width: 100%;
height: auto;
object-fit: contain;
}
/* Features Section */
.mini-dsg-reader .features {
padding: 100px 0;
position: relative;
overflow: hidden;
background-color: var(--background-light);
}
.mini-dsg-reader .section-header {
text-align: center;
max-width: 700px;
margin: 0 auto 80px;
}
.mini-dsg-reader .section-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
}
.mini-dsg-reader .section-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
}
.mini-dsg-reader .section-description {
font-size: 18px;
color: var(--text-light);
line-height: 1.6;
}
.mini-dsg-reader .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
justify-content: center;
}
.mini-dsg-reader .feature-card {
background-color: var(--background);
border-radius: var(--radius-lg);
padding: 40px;
transition: all 0.3s ease;
border: 1px solid var(--border);
position: relative;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.mini-dsg-reader .feature-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-md);
border-color: var(--primary-light);
}
.mini-dsg-reader .feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 60px;
background-color: var(--primary);
border-radius: 0 2px 2px 0;
}
.mini-dsg-reader .feature-icon {
margin-bottom: 24px;
width: 60px;
height: 60px;
border-radius: var(--radius-md);
background-color: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: var(--primary);
align-self: center;
}
.mini-dsg-reader .feature-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
color: var(--text-dark);
text-align: center;
}
.mini-dsg-reader .feature-description {
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
flex-grow: 1;
text-align: center;
}
/* Product Section */
.mini-dsg-reader .product {
padding: 100px 0;
background-color: var(--background);
position: relative;
overflow: hidden;
}
.mini-dsg-reader .product-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.mini-dsg-reader .product-image-container {
position: relative;
}
.mini-dsg-reader .product-image-card {
position: relative;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-lg);
background-color: white;
padding: 20px;
}
.mini-dsg-reader .gallery-container {
width: 100%;
}
.mini-dsg-reader .gallery-main {
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
background-color: #f8f9fa;
border-radius: var(--radius-md);
margin-bottom: 20px;
}
.mini-dsg-reader .gallery-main img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.mini-dsg-reader .gallery-thumbs {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.mini-dsg-reader .gallery-thumb {
width: 80px;
height: 80px;
border-radius: var(--radius-sm);
overflow: hidden;
cursor: pointer;
border: 2px solid transparent;
}
.mini-dsg-reader .gallery-thumb.active {
border-color: var(--primary);
}
.mini-dsg-reader .gallery-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mini-dsg-reader .product-badges {
position: absolute;
top: 40px;
left: 40px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 5;
}
.mini-dsg-reader .hero-image-wrapper .product-badges {
top: 20px;
right: 40px;
left: auto;
}
.mini-dsg-reader .product-badge {
padding: 8px 16px;
border-radius: var(--radius-sm);
font-size: 14px;
font-weight: 600;
}
.mini-dsg-reader .badge-full-chip {
background-color: var(--primary);
color: white;
}
.mini-dsg-reader .badge-360 {
background-color: var(--primary);
color: white;
display: flex;
align-items: center;
gap: 8px;
}
.mini-dsg-reader .product-content {
max-width: 480px;
}
.mini-dsg-reader .product-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
text-align: center;
}
.mini-dsg-reader .product-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
text-align: center;
}
.mini-dsg-reader .product-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 32px;
text-align: center;
}
.mini-dsg-reader .product-features {
margin-bottom: 40px;
display: inline-block;
text-align: left;
}
.mini-dsg-reader .product-feature {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.mini-dsg-reader .feature-check {
min-width: 22px;
height: 22px;
background-color: var(--success);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 12px;
margin-top: 4px;
}
.mini-dsg-reader .feature-text {
font-size: 16px;
color: var(--text-dark);
line-height: 1.5;
}
.mini-dsg-reader .feature-text strong {
font-weight: 600;
}
/* Software Section */
.mini-dsg-reader .software {
padding: 100px 0 60px;
background-color: var(--background-light);
}
.mini-dsg-reader .software-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.mini-dsg-reader .software-image img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
}
.mini-dsg-reader .software-content {
max-width: 520px;
margin: 0 auto;
}
.mini-dsg-reader .software-subtitle {
font-size: 14px;
font-weight: 600;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 16px;
text-align: center;
}
.mini-dsg-reader .software-title {
font-size: 36px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 24px;
line-height: 1.3;
text-align: center;
}
.mini-dsg-reader .software-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 32px;
text-align: center;
}
.mini-dsg-reader .software-list {
margin-bottom: 32px;
}
.mini-dsg-reader .software-item {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 20px;
}
.mini-dsg-reader .software-icon {
width: 24px;
height: 24px;
background-color: var(--primary-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
font-size: 12px;
flex-shrink: 0;
margin-top: 2px;
}
.mini-dsg-reader .software-text {
font-size: 16px;
color: var(--text-light);
line-height: 1.5;
}
.mini-dsg-reader .software-text strong {
color: var(--text-dark);
font-weight: 600;
}
.mini-dsg-reader .software-note {
margin-top: 24px;
padding: 16px;
background-color: transparent;
border-radius: var(--radius-md);
font-size: 14px;
color: var(--text-dark);
line-height: 1.5;
border: 1px solid var(--border);
}
.mini-dsg-reader .software-bottom-note {
margin-top: 35px;
padding: 18px 24px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: var(--radius-md);
border: 1px solid #dee2e6;
text-align: center;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.mini-dsg-reader .software-note-icon {
color: var(--primary);
font-size: 20px;
margin-bottom: 8px;
display: block;
}
.mini-dsg-reader .software-note-content {
color: var(--text-dark);
font-size: 15px;
line-height: 1.6;
}
.mini-dsg-reader .software-note-content a {
color: var(--primary);
text-decoration: underline;
font-weight: 600;
}
.mini-dsg-reader .software-note-content a:hover {
text-decoration: none;
}
/* Detailed Features Section */
.mini-dsg-reader .detailed-features {
padding: 100px 0;
background-color: var(--background);
}
.mini-dsg-reader .detailed-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 60px;
}
.mini-dsg-reader .detailed-feature-item {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
background-color: var(--background-light);
border-radius: var(--radius-md);
border: 1px solid var(--border);
transition: all 0.3s ease;
cursor: pointer;
}
.mini-dsg-reader .detailed-feature-item:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-sm);
border-color: var(--primary-light);
background-color: var(--primary-light);
}
.mini-dsg-reader .detailed-feature-icon {
width: 40px;
height: 40px;
background-color: var(--primary);
color: white;
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
.mini-dsg-reader .detailed-feature-text {
font-size: 15px;
font-weight: 500;
color: var(--text-dark);
line-height: 1.4;
}
/* Supported Models Section */
.mini-dsg-reader .supported-models {
padding: 80px 0;
background-color: var(--background);
}
.mini-dsg-reader .logo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 20px;
justify-items: center;
max-width: 800px;
margin: 40px auto 0;
}
.mini-dsg-reader .brand-logo-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease;
}
.mini-dsg-reader .brand-logo-item:hover {
transform: scale(1.1);
}
.mini-dsg-reader .brand-logo-item img {
max-height: 60px;
max-width: 120px;
object-fit: contain;
margin-bottom: 12px;
}
.mini-dsg-reader .brand-logo-item p {
font-size: 16px;
font-weight: 600;
color: var(--text-dark);
}
.mini-dsg-reader .compatibility-note {
text-align: center;
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
max-width: 700px;
margin: 40px auto 0;
padding: 20px;
background-color: var(--primary-light);
border-radius: var(--radius-md);
border-left: 4px solid var(--primary);
}
/* FAQ Section */
.mini-dsg-reader .faq {
padding: 100px 0;
background-color: var(--background-light);
}
.mini-dsg-reader .faq-container {
max-width: 900px;
margin: 0 auto;
}
.mini-dsg-reader .faq-wrapper {
margin-top: 60px;
}
.mini-dsg-reader .faq-item {
background-color: var(--background);
border: 1px solid var(--border);
border-radius: var(--radius-md);
transition: all 0.3s ease;
overflow: hidden;
margin-bottom: 16px;
}
.mini-dsg-reader .faq-item:hover {
box-shadow: var(--shadow-sm);
border-color: var(--primary-light);
}
.mini-dsg-reader .faq-question {
padding: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
color: var(--text-dark);
user-select: none;
}
.mini-dsg-reader .faq-icon {
color: var(--primary);
transition: transform 0.3s ease;
}
.mini-dsg-reader .faq-answer {
padding: 0 24px;
max-height: 0;
overflow: hidden;
color: var(--text-light);
line-height: 1.6;
transition: all 0.4s ease-in-out;
}
.mini-dsg-reader .faq-item.active .faq-answer {
padding: 0 24px 24px;
max-height: 500px; /* Adjust as needed */
}
.mini-dsg-reader .faq-item.active .faq-icon {
transform: rotate(180deg);
}
/* Mini DSG Reader Özel Tasarım Elementleri */
.mini-dsg-reader .btn-primary::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transition: left 0.6s ease;
}
.mini-dsg-reader .btn-primary:hover::before {
left: 100%;
}
/* Animated Background */
.mini-dsg-reader::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
radial-gradient(circle at 20% 80%, rgba(30, 64, 175, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(30, 58, 138, 0.1) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);
z-index: -1;
animation: dsgBackgroundFloat 20s ease-in-out infinite;
}
@keyframes dsgBackgroundFloat {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-20px) rotate(1deg); }
66% { transform: translateY(10px) rotate(-1deg); }
}
/* Glowing Effects */
.mini-dsg-reader .feature-card:hover {
box-shadow:
var(--shadow-md),
0 0 30px rgba(30, 64, 175, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/* Tech Grid Pattern */
.mini-dsg-reader .hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
linear-gradient(rgba(30, 64, 175, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(30, 64, 175, 0.03) 1px, transparent 1px);
background-size: 50px 50px;
z-index: 1;
pointer-events: none;
}
.mini-dsg-reader .dsg-360-experience {
padding: 8rem 0;
background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
position: relative;
overflow: hidden;
color: var(--text-dark);
}
/* Contact Section Styling */
.mini-dsg-reader .contact-section {
padding: 80px 0;
background-color: var(--background);
text-align: center;
}
.mini-dsg-reader .contact-header {
margin-bottom: 60px;
}
.mini-dsg-reader .contact-title {
font-size: 32px;
font-weight: 800;
color: var(--text-dark);
margin-bottom: 12px;
}
.mini-dsg-reader .contact-title-underline {
width: 60px;
height: 4px;
background-color: var(--primary);
margin: 0 auto 24px;
border-radius: 2px;
}
.mini-dsg-reader .contact-description {
font-size: 17px;
color: var(--text-light);
line-height: 1.6;
max-width: 600px;
margin: 0 auto;
}
.mini-dsg-reader .contact-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1000px;
margin: 0 auto;
}
.mini-dsg-reader .contact-card {
background-color: var(--background-light);
border-radius: var(--radius-lg);
padding: 30px;
box-shadow: var(--shadow-sm);
transition: all 0.3s ease;
border: 1px solid var(--border);
}
.mini-dsg-reader .contact-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md);
}
.mini-dsg-reader .contact-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--primary-light);
color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin: 0 auto 20px;
}
.mini-dsg-reader .contact-card-title {
font-size: 18px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 8px;
}
.mini-dsg-reader .contact-card-detail {
font-size: 16px;
color: var(--primary);
text-decoration: none;
font-weight: 500;
}
.mini-dsg-reader .contact-card-detail:hover {
text-decoration: underline;
}
/* Responsive */
@media (max-width: 1024px) {
.mini-dsg-reader .hero-title {
font-size: 40px;
}
.mini-dsg-reader .product-container,
.mini-dsg-reader .software-container {
gap: 40px;
}
}
/* 360° Badge Animation */
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@media (max-width: 768px) {
.mini-dsg-reader .container {
padding: 0 16px;
}
.mini-dsg-reader .hero {
padding-top: 50px;
padding-bottom: 70px;
text-align: center;
overflow-x: hidden;
}
.mini-dsg-reader .hero-grid {
grid-template-columns: 1fr;
gap: 0;
}
.mini-dsg-reader .hero-content {
text-align: center;
max-width: 100%;
padding: 0;
box-sizing: border-box;
width: 100%;
}
.mini-dsg-reader .hero-buttons {
flex-direction: column;
align-items: center;
gap: 15px;
width: 100%;
padding: 0;
}
.mini-dsg-reader .hero-eyebrow {
margin: 0 auto 20px;
font-size: 17px;
max-width: 100%;
text-align: center;
display: block;
word-wrap: break-word;
}
.mini-dsg-reader .hero-title {
font-size: clamp(32px, 8vw, 40px);
margin-bottom: 20px;
word-break: break-word;
hyphens: auto;
line-height: 1.2;
padding: 0;
}
.mini-dsg-reader .hero-description {
font-size: clamp(17px, 4.5vw, 19px);
margin-bottom: 30px;
word-break: break-word;
hyphens: auto;
line-height: 1.5;
padding: 0;
}
.mini-dsg-reader .product-container,
.mini-dsg-reader .software-container {
grid-template-columns: 1fr;
}
.mini-dsg-reader .product-content, .mini-dsg-reader .software-content {
max-width: 100%;
}
.mini-dsg-reader .product-content {
order: 2;
}
.mini-dsg-reader .product-image-container {
order: 1;
}
/* For software section on mobile, content (order: 1) comes before image (order: 2) */
.mini-dsg-reader .software-content {
order: 1;
}
.mini-dsg-reader .software-image {
order: 2;
}
.mini-dsg-reader .gallery-main {
height: 300px;
}
.mini-dsg-reader .faq-columns {
display: block;
}
}
@media (max-width: 576px) {
.mini-dsg-reader .container {
padding: 0 16px;
}
.mini-dsg-reader .hero-title {
font-size: 32px;
}
.mini-dsg-reader .hero-image-wrapper {
max-width: 300px;
}
.mini-dsg-reader .section-title,
.mini-dsg-reader .product-title,
.mini-dsg-reader .software-title {
font-size: 28px;
}
.mini-dsg-reader .feature-card {
padding: 30px;
}
.mini-dsg-reader .gallery-thumb {
width: 60px;
height: 60px;
}
.mini-dsg-reader .gallery-main {
height: 250px;
}
.mini-dsg-reader .product-badges {
top: 20px;
left: 20px;
}
.mini-dsg-reader .hero-image-container .product-badges {
right: 20px;
left: auto;
}
}
@media (min-width: 768px) {
.mini-dsg-reader .hero-buttons {
justify-content: center;
}
.mini-dsg-reader .faq-column {
flex: 0 0 calc(50% - 12px);
}
}
/* Ek Mobil Uyumluluk İyileştirmeleri */
@media (max-width: 480px) {
.mini-dsg-reader .container {
padding: 0 12px;
}
.mini-dsg-reader .hero {
padding: 40px 0 60px;
}
.mini-dsg-reader .hero-content {
padding: 0;
width: 100%;
}
.mini-dsg-reader .hero-title {
font-size: clamp(28px, 7vw, 36px);
line-height: 1.2;
margin-bottom: 18px;
padding: 0;
}
.mini-dsg-reader .hero-description {
font-size: clamp(16px, 4.5vw, 18px);
line-height: 1.5;
margin-bottom: 25px;
padding: 0;
}
.mini-dsg-reader .hero-eyebrow {
font-size: 15px;
padding: 8px 16px;
margin-bottom: 18px;
max-width: 100%;
}
.mini-dsg-reader .btn {
padding: 14px 20px;
font-size: 16px;
width: calc(100% - 20px);
max-width: 300px;
justify-content: center;
margin: 0 auto;
box-sizing: border-box;
}
.mini-dsg-reader .hero-buttons {
gap: 12px;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.mini-dsg-reader .features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.mini-dsg-reader .detailed-features-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.mini-dsg-reader .detailed-feature-item {
padding: 15px;
flex-direction: column;
text-align: center;
gap: 12px;
}
.mini-dsg-reader .detailed-feature-icon {
width: 35px;
height: 35px;
font-size: 16px;
}
.mini-dsg-reader .detailed-feature-text {
font-size: 14px;
}
.mini-dsg-reader .contact-cards-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.mini-dsg-reader .faq-columns {
display: block;
}
.mini-dsg-reader .faq-question {
padding: 18px;
font-size: 15px;
word-wrap: break-word;
overflow-wrap: break-word;
}
.mini-dsg-reader .faq-answer {
font-size: 14px;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
/* Yazılım bölümü mobil düzeltmeleri */
.mini-dsg-reader .software-subtitle,
.mini-dsg-reader .software-description,
.mini-dsg-reader .software-note {
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.mini-dsg-reader .software-item {
word-wrap: break-word;
overflow-wrap: break-word;
min-height: 250px !important;
padding: 25px 20px !important;
}
.mini-dsg-reader .software-text {
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
/* Yazılım grid mobil için */
.software div[style*="grid-template-columns"] {
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 0 15px !important;
}
}
/* Çok küçük ekranlar için özel yazılım düzeltmeleri */
@media (max-width: 480px) {
.mini-dsg-reader .software-item {
min-height: 280px !important;
padding: 30px 20px !important;
}
.software div[style*="grid-template-columns"] {
grid-template-columns: 1fr !important;
gap: 25px !important;
padding: 0 10px !important;
}
}
/* Çok Küçük Ekranlar için */
@media (max-width: 360px) {
.mini-dsg-reader .container {
padding: 0 8px;
}
.mini-dsg-reader .hero {
padding: 30px 0 50px;
}
.mini-dsg-reader .hero-title {
font-size: clamp(24px, 6.5vw, 30px);
line-height: 1.2;
margin-bottom: 15px;
padding: 0;
}
.mini-dsg-reader .hero-description {
font-size: clamp(14px, 4vw, 16px);
line-height: 1.4;
margin-bottom: 20px;
padding: 0;
}
.mini-dsg-reader .hero-eyebrow {
font-size: 13px;
padding: 6px 12px;
margin-bottom: 15px;
max-width: 100%;
}
.mini-dsg-reader .btn {
padding: 12px 16px;
font-size: 14px;
width: calc(100% - 16px);
max-width: 250px;
}
.mini-dsg-reader .hero-buttons {
gap: 10px;
}
.mini-dsg-reader .section-title,
.mini-dsg-reader .product-title,
.mini-dsg-reader .software-title {
font-size: 18px;
}
.mini-dsg-reader .feature-card {
padding: 12px;
}
.mini-dsg-reader .feature-title {
font-size: 15px;
}
.mini-dsg-reader .feature-description {
font-size: 12px;
}
}
/* Çok Küçük Ekranlar için */
@media (max-width: 360px) {
.mini-dsg-reader .container {
padding: 0 12px;
}
.mini-dsg-reader .hero-title {
font-size: 24px;
}
.mini-dsg-reader .section-title,
.mini-dsg-reader .product-title,
.mini-dsg-reader .software-title {
font-size: 24px;
}
.mini-dsg-reader .feature-card {
padding: 20px;
}
.mini-dsg-reader .feature-title {
font-size: 18px;
}
.mini-dsg-reader .feature-description {
font-size: 14px;
}
.mini-dsg-reader .product-feature {
flex-direction: column;
text-align: center;
gap: 10px;
}
.mini-dsg-reader .feature-check {
align-self: center;
}
}
/* Landscape Tablet Optimizasyonu */
@media (max-width: 1024px) and (orientation: landscape) {
.mini-dsg-reader .hero-grid {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.mini-dsg-reader .hero-content {
max-width: 100%;
}
.mini-dsg-reader .features-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* Touch Optimizasyonu */
@media (hover: none) and (pointer: coarse) {
.mini-dsg-reader .btn {
min-height: 44px;
padding: 12px 24px;
}
.mini-dsg-reader .faq-question {
min-height: 44px;
padding: 20px;
}
.mini-dsg-reader .gallery-thumb {
min-width: 60px;
min-height: 60px;
}
.mini-dsg-reader .detailed-feature-item {
min-height: 60px;
padding: 20px;
}
}
/* Modern Vehicle Card Styles */
.mini-dsg-reader .vehicle-card-modern {
cursor: pointer;
}
.mini-dsg-reader .vehicle-card-modern:hover {
transform: translateY(-10px) scale(1.02);
box-shadow: 0 20px 60px rgba(30, 64, 175, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1) !important;
border-color: rgba(30, 64, 175, 0.3) !important;
}
.mini-dsg-reader .vehicle-card-modern::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(30, 64, 175, 0.05) 0%, rgba(59, 130, 246, 0.02) 100%);
opacity: 0;
transition: opacity 0.4s ease;
border-radius: 24px;
z-index: 0;
}
.mini-dsg-reader .vehicle-card-modern:hover::before {
opacity: 1;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.8;
}
}
/* Brand Tab Styles */
.mini-dsg-reader .brand-tab {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mini-dsg-reader .brand-tab:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(30, 64, 175, 0.25) !important;
}
.mini-dsg-reader .brand-tab.active {
background: var(--gradient-primary) !important;
color: white !important;
box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3) !important;
}
Mini DSG Reader Profesyonel Otomotiv Tanı Teknolojisi
Mini DSG Reader Klonlama Kodlama Cihazı
Mini DSG Reader, Audi, Volkswagen, Skoda, Seat ve Opel araçlarında kullanılan Robotik DSG Dişli Kutularının ECU'suna donanım yazılımını okumak ve yüklemek için profesyonel tanı cihazıdır. Hata kodlarını okuma/sıfırlama, K-Line ve CAN Hattı desteği ile .bin formatında dosyaları yazıp kaydedebilir. DSG dişli kutusu değişiminde verileri eski karttan yenisine hızlı aktarım sağlar.
Özel Avantaj: Teşhis konnektörüne bağlayın, vites kutusu sökmeye gerek yok!
DSG Reader Özelliklerini İnceleyin
Yazılım ve Uyumluluk

MINI DSG READER | VAG GRUBU KLONLAMA KODLAMA CİHAZI
Mini DSG Reader Klonlama Kodlama Cihazı
Mini DSG Reader, Audi, Volkswagen, Skoda, Seat ve Opel araçlarında kullanılan Robotik DSG Dişli Kutularının ECU'suna donanım yazılımını okumak ve yüklemek için geliştirilmiş profesyonel tanı cihazıdır. Windows işletim sistemleri ile çalışır ve K-Line ile CAN Hattı veri yolunu destekler. .bin formatında dosyaları yazıp kaydedebilir ve DSG dişli kutuları için ayarlanmış aygıt yazılımını yükleyebilir. Otomatik şanzıman ünitesi değişiminde verileri eski karttan yenisine hızlı aktarım sağlar.
Hata Kodu Okuma/Sıfırlama: DSG şanzıman hata kodlarını okuma ve sıfırlama işlemleri.
Donanım Yazılımı: DSG ECU'suna donanım yazılımını okuma ve yükleme kapasitesi.
K-Line & CAN Desteği: K-Line ve CAN Hattı veri yolu protokollerini destekler.
.bin Dosya Desteği: .bin formatında dosyaları yazma ve kaydetme özelliği.
Hızlı Veri Aktarımı: DSG değişiminde verileri eski karttan yenisine hızlı aktarım.
MINI DSG READER TEKNİK ÖZELLİKLER
Mini DSG Reader ile Profesyonel DSG Klonlama
VAG grubu araçları için özel olarak tasarlanan Mini DSG Reader, DSG şanzıman klonlama ve kodlama işlemlerinde profesyonel çözüm sunar. Audi, Volkswagen, Skoda ve Seat araçlarında DSG şanzıman onarımı ve programlama işlemleri için ideal cihaz. Otomotiv sektöründe DSG uzmanları için vazgeçilmez araç.
Hızlı DSG Klonlama
DSG şanzıman verilerini hızlı bir şekilde okuma ve klonlama kapasitesi. Büyük boyutlu DSG dosyalarını bile kısa sürede işler.
Güvenli DSG Koruması
DSG koruma algoritmaları ve güvenli bağlantı protokolleri ile şanzıman hasarını önler. Güvenli klonlama işlemleri ile veri bütünlüğü sağlar.
Kolay Kullanım
Kullanıcı dostu arayüz ve otomatik DSG tanıma özelliği. Tek tıkla klonlama ile karmaşık işlemleri basitleştirir.
Profesyonel Kalite
Otomotiv standartlarında üretim ile profesyonel kalite. Uzun ömürlü ve dayanıklı yapı.
VAG Uyumluluğu
VAG grubu tüm araçları ile tam uyumlu çalışır. Kolay bağlantı ve stabil performans sağlar.
Teknik Destek
DSG uzmanları tarafından 7/24 teknik destek. Kullanım kılavuzu ve video eğitimlerle kapsamlı destek.
DETAYLI ÖZELLİKLER
Mini DSG Reader ile Yapabilecekleriniz
DSG şanzıman klonlama, kodlama, onarım ve tanı işlemleri. VAG grubu araçlarında DSG sorunları için gereken tüm fonksiyonlar tek cihazda.
DSG Hata Kodu Okuma
DSG Hata Kodu Sıfırlama
DSG ECU Firmware Okuma
DSG ECU Firmware Yükleme
K-Line Protokol Desteği
CAN Hattı Protokol Desteği
.bin Dosya Format Desteği
Hızlı Veri Aktarımı
Teşhis Konnektörü Bağlantısı
Windows İşletim Sistemi Desteği
VAG Grubu Araç Desteği
DSG Şanzıman Klonlama
MINI DSG READER YAZILIM VE TEKNİK ÖZELLİKLER
Mini DSG Reader Teknik Detayları
Mini DSG Reader Klonlama Kodlama Cihazı, VAG grubu araçlarında kullanılan Robotik DSG Dişli Kutularının ECU'suna donanım yazılımını okumak ve yüklemek için geliştirilmiş profesyonel tanı cihazıdır. Audi, Volkswagen, Skoda, Seat ve Opel araçlarında DSG şanzıman onarımı ve programlama işlemleri için ideal çözüm sunar.
Teknik Üstünlük: K-Line ve CAN Hattı veri yolu desteği ile Windows işletim sistemleri uyumluluğu. .bin formatında dosya desteği ve hızlı veri aktarım kapasitesi.
Windows Yazılımı:
Windows işletim sistemleri ile tam uyumlu DSG Reader yazılımı. Kolay kurulum ve kullanım.
Otomatik DSG Tanıma:
DSG türünü otomatik olarak tanır ve uygun parametreleri seçer. Manuel ayar gerektirmez.
Hızlı Veri Aktarımı:
DSG verilerini hızlı okuma ve yazma. Zaman tasarrufu sağlayan verimli klonlama işlemi.
K-Line & CAN Desteği:
K-Line ve CAN Hattı veri yolu protokollerini destekler. Geniş araç uyumluluğu.
.bin Dosya Desteği:
.bin formatında dosyaları yazma ve kaydetme özelliği. Standart dosya formatı desteği.
Teşhis Konnektörü:
Sadece teşhis konnektörüne bağlayın, vites kutusu sökmeye gerek yok. Pratik kullanım.
DESTEKLENEN ARAÇLAR
Mini DSG Reader Desteklenen Araç Modelleri
Mini DSG Reader, Audi, Volkswagen, Skoda, Seat ve Opel markalarının geniş model yelpazesinde DSG şanzıman klonlama ve kodlama işlemlerini destekler.
AUDI
VOLKSWAGEN
SEAT • SKODA • OPEL
PREMIUM AUDI COLLECTION
Audi DSG Modelleri
Audi A3
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Audi TT
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Audi TT R32
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Audi S4
DSG
Şanzıman
6 Speed Tip
ECU Tipi
Bosch GS19 04 1MB
Audi RS6
DSG
Şanzıman
6 Speed Tip
ECU Tipi
Bosch GS19 2MB
Audi Q7
DSG
Şanzıman
6 Speed Tip
ECU Tipi
Bosch GS19 11 1MB
VOLKSWAGEN COLLECTION
Volkswagen DSG Modelleri
Volkswagen Caddy
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Volkswagen Passat
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Volkswagen Passat R36
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Volkswagen Golf 5 (7 Speed)
DSG
Şanzıman
7 Speed DSG
ECU Tipi
Temic DQ200 Cxx
Volkswagen Golf 5 (6 Speed)
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250 Cxx/Exx/Fxx
SEAT • SKODA • OPEL COLLECTION
Seat, Skoda & Opel Modelleri
Seat Leon 2
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Skoda Roomster
DSG
Şanzıman
6 Speed DSG
ECU Tipi
Temic DQ250
Opel Zafira B
OPEL
Şanzıman
1.6L 16V
ECU Tipi
Delco TP
Opel Insignia
OPEL
Şanzıman
1.8L VVT / 2.0L Turbo
ECU Tipi
Delco 5 [v2/v3]
Opel Astra J
OPEL
Şanzıman
1.4L Turbo / 1.6L VVT / 2.0L VXR
ECU Tipi
Delco 5 [v1/v2/v4]
Not: Yukarıdaki tablo temel desteklenen modelleri göstermektedir. Daha fazla model desteği için teknik ekibimizle iletişime geçiniz.
SIKÇA SORULAN SORULAR
Mini DSG Reader Hakkında Merak Edilenler
Mini DSG Reader Klonlama Kodlama Cihazı ve DSG şanzıman özellikleri ile ilgili en çok sorulan soruları ve cevaplarını derledik.
Hangi araç markalarını destekler?
Mini DSG Reader, Audi, Volkswagen, Skoda, Seat ve Opel markalarının DSG şanzıman sistemlerini destekler. VAG grubu araçlarında geniş model yelpazesinde kullanılabilir.
DSG klonlama işlemi nasıl yapılır?
Mini DSG Reader'ı aracın teşhis konnektörüne bağlayın. Yazılım otomatik olarak DSG türünü tanır ve klonlama işlemini başlatır. Vites kutusu sökmeye gerek yoktur.
Hangi işlemleri yapabilir?
Mini DSG Reader ile hata kodu okuma/sıfırlama, DSG ECU firmware okuma/yükleme, .bin dosya kaydetme, DSG klonlama ve veri aktarımı işlemlerini yapabilirsiniz.
Hangi protokolleri destekler?
Mini DSG Reader, K-Line ve CAN Hattı veri yolu protokollerini destekler. Windows işletim sistemleri ile tam uyumlu çalışır ve .bin formatında dosya desteği sunar.
Destek ve İletişim
Ürünlerimizle veya donanım kullanımıyla ilgili her türlü sorunuz için bize ulaşabilirsiniz.
Telefon
0850 532 05 50
E-posta
info@otoeko.com
WhatsApp
WhatsApp Destek Hattı