Türkçe
English
العربية
JDiag M300 Pro Motosiklet Arıza Tespit Cihazı / Türkçe
JDiag M300 - Premium Motosiklet Arıza Tespit Cihazı
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
:root {
--primary: #4CAF50; /* Yeşil renk */
--primary-light: #8BC34A;
--primary-dark: #388E3C;
--background: #FFFFFF;
--text: #333333;
--light-gray: #F5F5F5;
--medium-gray: #E0E0E0;
--dark-gray: #757575;
--border-radius: 20px;
--box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
body {
font-family: 'Poppins', sans-serif;
color: var(--text);
background-color: var(--background);
padding: 0;
margin: 0;
overflow-x: hidden;
width: 100%;
}
#jdiag-m300 .container {
width: 100%;
overflow: hidden;
}
/* Hero Section Styles */
#jdiag-m300 .hero-section {
position: relative;
overflow: hidden;
width: 100%;
background-color: var(--primary);
padding: 50px 0 70px;
}
#jdiag-m300 .wave-shape {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: var(--background);
border-radius: 100% 100% 0 0;
}
#jdiag-m300 .hero-content {
text-align: center;
padding: 0 20px;
margin-bottom: 30px;
max-width: 100%;
width: 100%;
position: relative;
z-index: 2;
}
#jdiag-m300 .product-title {
color: white;
font-size: 32px;
font-weight: 800;
margin-bottom: 15px;
line-height: 1.2;
}
#jdiag-m300 .product-subtitle {
color: rgba(255,255,255,0.9);
font-size: 16px;
line-height: 1.5;
margin: 0 auto 25px;
max-width: 85%;
}
/* Gallery Styles */
#jdiag-m300 .gallery-wrapper {
width: 100%;
max-width: 500px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
#jdiag-m300 .gallery-container {
position: relative;
width: 100%;
border-radius: 20px;
overflow: hidden;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2),
0 0 0 1px rgba(255, 255, 255, 0.1) inset;
margin-bottom: 25px;
transform-style: preserve-3d;
perspective: 1000px;
}
#jdiag-m300 .gallery-slider {
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
}
#jdiag-m300 .slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transform: translateX(100%) scale(0.85) rotateY(10deg);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
#jdiag-m300 .slide.prev {
opacity: 0.3;
transform: translateX(-30%) scale(0.85) rotateY(-10deg);
z-index: 1;
filter: blur(2px);
}
#jdiag-m300 .slide.active {
opacity: 1;
transform: translateX(0) scale(1) rotateY(0);
z-index: 2;
filter: blur(0);
}
#jdiag-m300 .slide.next {
opacity: 0.3;
transform: translateX(30%) scale(0.85) rotateY(10deg);
z-index: 1;
filter: blur(2px);
}
#jdiag-m300 .slide img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
transition: transform 0.5s ease;
transform-style: preserve-3d;
}
#jdiag-m300 .slide.active img {
transform: translateZ(30px);
}
#jdiag-m300 .slide-content {
display: none; /* Hide captions on slides */
}
#jdiag-m300 .gallery-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 10;
padding: 0 15px;
transform: translateY(-50%);
}
#jdiag-m300 .nav-btn {
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 18px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
#jdiag-m300 .nav-btn:hover {
background: rgba(255, 255, 255, 0.4);
transform: scale(1.1);
}
#jdiag-m300 .fullscreen-btn {
position: absolute;
top: 15px;
right: 15px;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 18px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
z-index: 10;
}
#jdiag-m300 .fullscreen-btn:hover {
background: rgba(255, 255, 255, 0.4);
transform: scale(1.1);
}
#jdiag-m300 .gallery-pagination {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
gap: 8px;
z-index: 5;
}
#jdiag-m300 .pagination-dot {
width: 30px;
height: 4px;
background: rgba(255, 255, 255, 0.4);
border-radius: 2px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
#jdiag-m300 .pagination-dot::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: white;
transition: width 0.3s ease;
}
#jdiag-m300 .pagination-dot.active {
background: rgba(255, 255, 255, 0.2);
width: 50px;
}
#jdiag-m300 .pagination-dot.active::after {
width: 100%;
animation: progress 5s linear;
}
@keyframes progress {
0% { width: 0; }
100% { width: 100%; }
}
#jdiag-m300 .thumbnails-container {
display: flex;
justify-content: flex-start; /* Align to start */
gap: 10px;
margin-top: 10px;
perspective: 600px;
padding: 5px 10px; /* Adjust padding */
overflow-x: auto; /* Enable horizontal scroll */
-webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.3) transparent;
}
#jdiag-m300 .thumbnails-container::-webkit-scrollbar {
height: 4px;
}
#jdiag-m300 .thumbnails-container::-webkit-scrollbar-track {
background: transparent;
}
#jdiag-m300 .thumbnails-container::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.3);
border-radius: 10px;
}
#jdiag-m300 .thumbnail {
flex-shrink: 0; /* Prevent thumbnails from shrinking */
}
#jdiag-m300 .thumbnail {
width: 60px;
height: 60px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
position: relative;
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
border: 3px solid transparent;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
transform-style: preserve-3d;
}
#jdiag-m300 .thumbnail.active {
border-color: white;
transform: translateY(-8px) scale(1.05) rotateX(5deg);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}
#jdiag-m300 .thumbnail:hover:not(.active) {
transform: translateY(-5px) scale(1.03) rotateX(5deg);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12);
}
#jdiag-m300 .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
#jdiag-m300 .thumbnail:hover img {
transform: scale(1.1);
}
#jdiag-m300 .thumbnail::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 50%);
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease;
}
#jdiag-m300 .thumbnail:hover::before {
opacity: 1;
}
/* Fullscreen Modal */
#jdiag-m300 .fullscreen-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.95);
z-index: 1000;
opacity: 0;
transition: opacity 0.4s ease;
}
#jdiag-m300 .fullscreen-modal.active {
display: flex;
opacity: 1;
align-items: center;
justify-content: center;
}
#jdiag-m300 .fullscreen-content {
position: relative;
width: 95%;
height: 95%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#jdiag-m300 .fullscreen-slider {
position: relative;
width: 100%;
height: 85%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
#jdiag-m300 .fullscreen-slide {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: translateX(100%);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#jdiag-m300 .fullscreen-slide.active {
opacity: 1;
transform: translateX(0);
}
#jdiag-m300 .fullscreen-slide.prev {
opacity: 0;
transform: translateX(-100%);
}
#jdiag-m300 .fullscreen-img {
max-width: 90%;
max-height: 85%;
object-fit: contain;
border-radius: 8px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
transition: transform 0.3s ease;
}
#jdiag-m300 .fullscreen-img:hover {
transform: scale(1.02);
}
#jdiag-m300 .fs-caption {
color: white;
font-size: 16px;
margin-top: 15px;
text-align: center;
opacity: 0.9;
}
#jdiag-m300 .fs-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 20px;
transform: translateY(-50%);
z-index: 10;
}
#jdiag-m300 .fs-nav-btn {
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 22px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
#jdiag-m300 .fs-nav-btn:hover {
background: rgba(255, 255, 255, 0.2);
transform: scale(1.1);
}
#jdiag-m300 .close-modal {
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border: none;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
font-size: 22px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
z-index: 20;
}
#jdiag-m300 .close-modal:hover {
background: rgba(255, 255, 255, 0.2);
transform: scale(1.1) rotate(90deg);
}
#jdiag-m300 .fullscreen-counter {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 16px;
background: rgba(0, 0, 0, 0.5);
padding: 8px 20px;
border-radius: 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
#jdiag-m300 .fullscreen-thumbnails {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
width: 100%;
max-width: 500px;
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.2) transparent;
padding: 10px 0;
}
#jdiag-m300 .fullscreen-thumbnails::-webkit-scrollbar {
height: 5px;
}
#jdiag-m300 .fullscreen-thumbnails::-webkit-scrollbar-track {
background: transparent;
}
#jdiag-m300 .fullscreen-thumbnails::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,0.2);
border-radius: 10px;
}
#jdiag-m300 .fs-thumbnail {
width: 70px;
height: 70px;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
opacity: 0.6;
}
#jdiag-m300 .fs-thumbnail.active {
border-color: white;
transform: scale(1.1);
opacity: 1;
}
#jdiag-m300 .fs-thumbnail:hover:not(.active) {
opacity: 0.8;
transform: scale(1.05);
}
#jdiag-m300 .fs-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Decorative Elements */
#jdiag-m300 .processor-decoration {
position: absolute;
width: 150px;
height: 150px;
background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
border-radius: 20px;
transform: rotate(45deg);
z-index: 1;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
opacity: 0.3;
}
#jdiag-m300 .processor-decoration:nth-child(1) {
top: -30px;
right: 10%;
animation: float 10s ease-in-out infinite;
}
#jdiag-m300 .processor-decoration:nth-child(2) {
bottom: 10%;
left: -50px;
width: 100px;
height: 100px;
animation: float 7s ease-in-out infinite 1s;
}
@keyframes float {
0%, 100% { transform: rotate(45deg) translate(0, 0); }
50% { transform: rotate(45deg) translate(10px, -10px); }
}
/* Features Section */
#jdiag-m300 .features-section {
padding: 20px;
background: white;
position: relative;
z-index: 2;
box-shadow: 0 -5px 20px rgba(0,0,0,0.1);
text-align: center;
margin-top: -60px;
}
#jdiag-m300 .section-title {
color: var(--primary);
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
#jdiag-m300 .section-title::after {
content: '';
position: absolute;
width: 40%;
height: 3px;
background: var(--primary);
bottom: -5px;
left: 30%;
}
#jdiag-m300 .features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-bottom: 30px;
padding: 0 10px;
}
#jdiag-m300 .feature-card {
background: var(--light-gray);
border-radius: 12px;
padding: 15px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transition: all 0.3s ease;
height: 110px;
}
#jdiag-m300 .feature-card:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
#jdiag-m300 .feature-icon {
color: var(--primary);
font-size: 28px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
height: 35px;
}
#jdiag-m300 .feature-text {
font-size: 14px;
font-weight: 500;
color: var(--text);
width: 100%;
margin-top: auto;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
line-height: 1.3;
}
/* Brands Section */
#jdiag-m300 .brands-section {
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
#jdiag-m300 .brands-container {
position: relative;
overflow: hidden;
padding: 15px 0;
width: 100%;
}
#jdiag-m300 .brands-container::before,
#jdiag-m300 .brands-container::after {
content: "";
position: absolute;
top: 0;
width: 60px;
height: 100%;
z-index: 2;
}
#jdiag-m300 .brands-container::before {
left: 0;
background: linear-gradient(90deg, white 0%, rgba(255,255,255,0) 100%);
}
#jdiag-m300 .brands-container::after {
right: 0;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, white 100%);
}
#jdiag-m300 .brands-track {
display: flex;
width: max-content;
position: relative;
}
#jdiag-m300 .brands-track-inner {
display: flex;
position: relative;
align-items: center;
}
#jdiag-m300 .brand-item {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 60px;
margin: 0 15px;
background: transparent;
border-radius: 8px;
padding: 8px;
flex-shrink: 0;
box-shadow: none;
}
#jdiag-m300 .brand-item img {
max-width: 100%;
height: 40px; /* Set a fixed height */
object-fit: contain;
filter: none;
}
/* Detail Sections */
#jdiag-m300 .detail-section {
padding: 40px 20px;
background-color: white;
}
#jdiag-m300 .detail-section:nth-child(even) {
background-color: var(--light-gray);
}
#jdiag-m300 .detail-container {
max-width: 1140px;
margin: 0 auto;
}
#jdiag-m300 .detail-header {
text-align: center;
margin-bottom: 30px;
}
#jdiag-m300 .detail-title {
font-size: 24px;
font-weight: 700;
color: var(--primary);
margin-bottom: 10px;
}
#jdiag-m300 .detail-subtitle {
font-size: 16px;
color: var(--dark-gray);
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}
#jdiag-m300 .detail-content {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
}
#jdiag-m300 .detail-text {
flex: 1 1 400px;
}
#jdiag-m300 .detail-image {
flex: 1 1 400px;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--box-shadow);
}
#jdiag-m300 .detail-image img {
width: 100%;
height: auto;
display: block;
}
#jdiag-m300 .detail-text p {
margin-bottom: 15px;
line-height: 1.6;
color: var(--dark-gray);
}
#jdiag-m300 .detail-text p:last-child {
margin-bottom: 0;
}
#jdiag-m300 .detail-list {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
#jdiag-m300 .detail-item {
padding: 8px 0;
display: flex;
align-items: center;
border-bottom: 1px solid var(--medium-gray);
}
#jdiag-m300 .detail-item:last-child {
border-bottom: none;
}
#jdiag-m300 .detail-item i {
color: var(--primary);
margin-right: 10px;
font-size: 16px;
flex-shrink: 0;
}
#jdiag-m300 .detail-highlight {
color: var(--primary);
font-weight: 600;
}
/* How It Works Section - Mobil Uyumlu */
#jdiag-m300 .how-it-works {
padding: 40px 20px;
text-align: center;
background-color: var(--light-gray);
}
#jdiag-m300 .steps-container {
display: flex;
flex-direction: column; /* Mobilde dikey yerleşim */
justify-content: center;
max-width: 1140px;
margin: 30px auto 0;
gap: 20px;
align-items: stretch;
}
#jdiag-m300 .step-card {
background-color: white;
border-radius: var(--border-radius);
padding: 25px 20px;
position: relative;
text-align: center;
transition: all 0.3s ease;
box-shadow: var(--box-shadow);
width: 100%; /* Mobilde tam genişlik */
display: flex;
flex-direction: column;
}
#jdiag-m300 .step-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
#jdiag-m300 .step-icon {
font-size: 30px;
color: var(--primary);
margin-bottom: 10px;
}
#jdiag-m300 .step-title {
font-weight: 600;
font-size: 18px;
margin-bottom: 12px;
}
#jdiag-m300 .step-description {
color: var(--dark-gray);
line-height: 1.6;
flex-grow: 1;
}
/* Yeni FAQ Bölümü Stilleri */
#jdiag-m300 .faq-section {
padding: 40px 20px;
background-color: white;
text-align: center;
}
#jdiag-m300 .faq-container {
max-width: 800px;
margin: 30px auto 0;
}
#jdiag-m300 .faq-item {
margin-bottom: 15px;
border-radius: 10px;
background-color: white;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
overflow: hidden;
}
#jdiag-m300 .faq-question {
padding: 18px 25px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
transition: all 0.3s ease;
}
#jdiag-m300 .faq-question span {
flex: 1;
text-align: left;
font-size: 16px;
color: #333;
}
#jdiag-m300 .faq-question i {
color: var(--primary);
font-size: 14px;
transition: all 0.3s ease;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: rgba(76, 175, 80, 0.1);
}
#jdiag-m300 .faq-answer {
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
#jdiag-m300 .faq-answer-content {
padding: 0 25px 20px;
line-height: 1.6;
color: #666;
text-align: left;
}
#jdiag-m300 .faq-item.active .faq-question {
color: var(--primary);
background-color: rgba(76, 175, 80, 0.05);
}
#jdiag-m300 .faq-item.active .faq-question i {
transform: rotate(45deg);
background-color: var(--primary);
color: white;
}
#jdiag-m300 .faq-item.active .faq-answer {
max-height: 300px;
}
/* NEW Package Content Section - Redesigned */
#jdiag-m300 .package-content-section {
padding: 50px 20px;
background: linear-gradient(135deg, var(--light-gray) 0%, #FFFFFF 100%);
}
#jdiag-m300 .package-content-container {
max-width: 1100px;
margin: 0 auto;
background: white;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
overflow: hidden;
display: flex;
flex-direction: row; /* Changed to row */
align-items: stretch; /* Stretch items to fill height */
}
#jdiag-m300 .package-image-col {
flex: 1 1 45%; /* Takes up 45% of the width */
background-color: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
#jdiag-m300 .package-image-col img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
max-height: 400px;
}
#jdiag-m300 .package-content-col {
flex: 1 1 55%; /* Takes up 55% of the width */
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
#jdiag-m300 .package-content-header {
text-align: left;
margin-bottom: 30px;
padding: 0; /* Remove padding */
background: none; /* Remove background */
}
#jdiag-m300 .package-content-title {
font-size: 28px;
font-weight: 700;
color: var(--primary); /* Use primary color for title */
margin: 0 0 10px 0;
}
#jdiag-m300 .package-content-subtitle {
font-size: 16px;
color: var(--dark-gray);
}
#jdiag-m300 .package-content-body {
padding: 0; /* Remove padding */
display: grid;
grid-template-columns: 1fr; /* Single column grid */
gap: 15px; /* Reduced gap */
}
#jdiag-m300 .package-item {
display: flex;
align-items: center;
background-color: var(--light-gray);
padding: 15px 20px;
border-radius: 12px;
transition: all 0.3s ease;
border-left: 4px solid transparent;
}
#jdiag-m300 .package-item:hover {
transform: translateX(5px);
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
border-left-color: var(--primary);
}
#jdiag-m300 .package-item i {
color: var(--primary-dark);
font-size: 22px;
margin-right: 15px;
width: 30px;
text-align: center;
}
#jdiag-m300 .package-item span {
font-size: 16px;
font-weight: 500;
color: var(--text);
}
/* New Support Section Styles - Mobil Uyumlu */
#jdiag-m300 .support-section {
padding: 40px 20px;
background-color: #f8f9fa;
}
#jdiag-m300 .support-container {
display: grid;
grid-template-columns: 1fr; /* Mobilde tek sütun */
gap: 30px;
max-width: 1140px;
margin: 0 auto;
}
#jdiag-m300 .support-card {
background: white;
border-radius: 20px;
padding: 35px 25px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.07);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
}
#jdiag-m300 .support-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
#jdiag-m300 .support-icon-wrapper {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
#jdiag-m300 .support-icon-wrapper i {
color: white;
font-size: 30px;
}
#jdiag-m300 .support-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color: var(--text);
}
#jdiag-m300 .support-text {
color: var(--dark-gray);
line-height: 1.6;
margin-bottom: 25px;
flex-grow: 1;
}
#jdiag-m300 .support-button {
display: inline-block;
padding: 12px 30px;
border-radius: 30px;
color: white;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
width: 100%; /* Mobilde tam genişlik */
text-align: center;
}
#jdiag-m300 .support-button:hover {
transform: scale(1.05);
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
/* Responsive Styles */
@media (max-width: 991px) {
#jdiag-m300 .package-content-container {
flex-direction: column;
}
#jdiag-m300 .package-image-col {
max-height: 300px;
}
#jdiag-m300 .package-content-col {
padding: 30px;
}
}
@media (max-width: 767px) {
#jdiag-m300 .features-grid {
grid-template-columns: repeat(2, 1fr);
}
#jdiag-m300 .detail-content {
flex-direction: column;
}
#jdiag-m300 .detail-image {
order: -1; /* Show image first on mobile */
}
#jdiag-m300 .cta-button, #jdiag-m300 .secondary-button {
display: block;
width: 100%;
margin: 10px 0;
}
#jdiag-m300 .package-card-container {
flex: 1 1 100%;
max-width: 100%;
margin-bottom: 20px;
perspective: none;
}
#jdiag-m300 .package-card {
transform-style: flat;
transition: none;
height: auto;
}
#jdiag-m300 .package-card-container:hover .package-card,
#jdiag-m300 .package-card-container.flipped .package-card {
transform: none;
}
#jdiag-m300 .package-front, #jdiag-m300 .package-back {
position: relative;
-webkit-backface-visibility: visible;
backface-visibility: visible;
height: auto;
}
#jdiag-m300 .package-back {
transform: none;
margin-top: 20px;
}
#jdiag-m300 .package-card-container.popular {
transform: translateY(0) scale(1);
}
#jdiag-m300 .packages-title {
font-size: 28px;
}
#jdiag-m300 .flip-instruction {
display: none;
}
#jdiag-m300 .steps-container {
flex-direction: column;
}
#jdiag-m300 .support-container {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
#jdiag-m300 .product-title {
font-size: 44px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
#jdiag-m300 .product-subtitle {
font-size: 18px;
max-width: 600px;
}
#jdiag-m300 .gallery-wrapper {
max-width: 600px;
}
#jdiag-m300 .gallery-slider {
height: 400px;
}
#jdiag-m300 .thumbnail {
width: 90px;
height: 90px;
}
#jdiag-m300 .features-grid {
grid-template-columns: repeat(3, 1fr);
max-width: 800px;
margin-left: auto;
margin-right: auto;
gap: 10px;
}
#jdiag-m300 .feature-card {
height: 130px;
}
#jdiag-m300 .steps-container {
flex-direction: row; /* Tablette ve masaüstünde yatay yerleşim */
justify-content: space-between;
}
#jdiag-m300 .step-card {
margin-bottom: 0;
height: 100%;
flex: 1;
}
#jdiag-m300 .detail-content {
flex-direction: row;
}
#jdiag-m300 .detail-content:nth-child(odd) .detail-image {
order: 2; /* Image on right for odd sections */
}
#jdiag-m300 .support-container {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Tablette ve masaüstünde grid */
}
#jdiag-m300 .support-button {
width: auto; /* Daha geniş ekranlarda otomatik genişlik */
}
}
@media (min-width: 1024px) {
#jdiag-m300 .features-grid {
grid-template-columns: repeat(3, 1fr);
max-width: 900px;
gap: 15px;
}
#jdiag-m300 .feature-card {
height: 145px;
}
#jdiag-m300 .gallery-wrapper {
max-width: 700px;
}
#jdiag-m300 .gallery-slider {
height: 450px;
}
#jdiag-m300 .thumbnails-container {
gap: 15px;
}
#jdiag-m300 .thumbnail {
width: 100px;
height: 100px;
}
}
/* New Test Features Section */
#jdiag-m300 .test-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 30px;
}
#jdiag-m300 .test-feature-card {
background: white;
border-radius: 15px;
padding: 25px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
transition: all 0.3s ease;
}
#jdiag-m300 .test-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
#jdiag-m300 .test-feature-icon {
font-size: 36px;
color: var(--primary);
margin-bottom: 15px;
}
#jdiag-m300 .test-feature-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
#jdiag-m300 .test-feature-desc {
font-size: 14px;
color: var(--dark-gray);
line-height: 1.5;
}
JDiag M300
Profesyonel motosiklet servisleri ve ileri düzey kullanıcılar için tasarlanan JDiag M300, 5.0 inç geniş ekranı, çift sistem teknolojisi ve 70'den fazla motosiklet markası desteğiyle arıza teşhis deneyimini yeni bir seviyeye taşıyor.
1 / 5
Öne Çıkan Özellikler
5.0" TFT Renkli Ekran
70+ Marka Uyumluluğu
Akü Test Sistemi
ECU Programlama
Aktüatör Testleri
Entegre Yazıcı
Gelişmiş Sistem Testleri
Tüm teşhis, test ve akü sistemi kontrolleri tek bir yerde
Arıza Teşhisi
Mevcut ve bekleyen arıza kodlarını okuma, silme ve donmuş verileri görüntüleme.
Canlı Veri Analizi
Motor devri, TPS gibi parametreleri sayısal ve dalga formu grafikleriyle izleme.
Akü Testi
12V/24V akülerin sağlığını, marş ve şarj sistemi testlerini yapabilme.
Şarj Sistemi Kontrolü
Alternatör performansını ve voltaj regülatörü çalışmasını test etme.
ABS Sistemi Testi
ABS fren sistemi bileşenlerinin doğru çalışıp çalışmadığını kontrol eder.
Aktüatör Testi
Fan motoru, yakıt pompası gibi bileşenlere manuel komut göndererek çalışma durumunu test eder.
Röle Testi
Özel bir röle test soketi aracılığıyla 4/5 pinli rölelerin doğrudan testini yapabilir.
Enjektör Testi
Yakıt enjeksiyon sisteminin durumunu kontrol ederek potansiyel sorunları tespit eder.
ECU Programlama ve İmmobilizer Fonksiyonları
Gelişmiş ECU programlama ve güvenlik sistemi özellikleri
JDiag M300, motosikletin elektronik kontrol ünitesinin (ECU) yeniden eşlenmesini (remap) ve programlanmasını destekler. Bu özellik, motosikletin performansını optimize etmek, hız limitlerini kaldırmak veya belirli sürüş koşullarına göre motor davranışını ayarlamak için idealdir.
- ECU Yeniden Eşleme: Motor performansını ve yakıt verimini optimize eden ECU haritası değiştirme
- İmmobilizer Fonksiyonları: İmmobilizeri devre dışı bırakma ve güvenlik sistemlerini yapılandırma
- CO Rölanti Ayarı: Motor rölanti hava-yakıt karışımını optimize etme
- Adaptasyon Değerleri: Kalibrasyonların ve kendini adapte parametrelerin sıfırlanması
Desteklenen Markalar
Nasıl Çalışır?
1. Bağlantı Kurun
Cihazı uygun kabloyla motosikletinize bağlayın. M300, motosikleti otomatik tanır ve sistem taramasını hemen başlatır.
2. İşlem Seçin
Geniş 5 inç ekrandan teşhis, test veya programlama fonksiyonunu seçin. Türkçe menü sayesinde kolayca işlem yapın.
3. Analiz Edin
Arıza kodlarını okuyun, canlı verileri analiz edin ve sonuçları entegre yazıcıdan anında çıktı olarak alın.
Full Paket İçeriği
İhtiyacınız olan her şey tek bir çantada
JDiag M300 Ana Ünite ve Aksesuarları
Akü Test Sistemi ve Kabloları
20+ Özel Marka Bağlantı Kablosu
Gelişmiş ECU Programlama Modülü
İmmobilizer Fonksiyonları
Premium Taşıma Çantası
Sıkça Sorulan Sorular
JDiag M300 hangi motosiklet modelleriyle uyumludur?
JDiag M300, piyasadaki motosikletlerin yaklaşık %97'si ile uyumludur. Desteklenen markalar arasında ADIVA, AEON, APRILIA, ARCTIC CAT, BAJAJ, BENELLI, BMW, BRP, BRIXTON, DUCATI, HARLEY, HARTFORD, HONDA, HYOSUNG, KAWASAKI, KTM, KYMCO, PGO, PIAGGIO, ROYAL ENFIELD, SUZUKI, SYM, TRIUMPH, VESPA, YAMAHA ve OBDII uyumlu tüm modeller bulunmaktadır. Satın almadan önce spesifik modelinizin uyumluluğunu kontrol etmenizi öneririz.
JDiag M300 ile M200 Pro arasındaki farklar nelerdir?
JDiag M300, M200 Pro'nun gelişmiş versiyonudur. En önemli farkları 5.0 inçlik daha büyük bir ekrana sahip olması (M200 Pro'da 3.5 inç), daha kapsamlı marka desteği ve geliştirilmiş ECU programlama yetenekleridir. Ayrıca M300, Harley, BMW ve Ducati gibi premium markalar için daha iyi destek sunmaktadır. M300 daha sağlam bir yapıya sahiptir ancak M200 Pro'ya göre daha ağırdır (M300: ~3 kg, M200 Pro: 0.42 kg).
Cihaz hangi fonksiyonları ve sistem testlerini destekliyor?
JDiag M300, kapsamlı arıza teşhis ve test yetenekleri sunar: Arıza kodlarını okuma/silme, canlı veri akışı izleme (sayısal ve grafik olarak), donmuş verileri görüntüleme, ABS sistemi testi, akü ve şarj testi, aktüatör testi (fan motoru, yakıt pompası, gösterge paneli vb.), röle testi, enjektör testi, ECU yeniden eşleme/programlama, immobilizer fonksiyonları, servis lambası sıfırlama, gaz kelebeği adaptasyonu (TPS sıfırlama), rölanti ayarları ve çeşitli ECU adaptasyonlarını içerir.
ECU programlama ve remap özellikleri hangi modellerde çalışır?
ECU programlama ve remap yetenekleri özellikle Honda, Yamaha, Kawasaki, Suzuki gibi Japon markalarında daha kapsamlı şekilde çalışmaktadır. Ayrıca BMW ve KTM gibi bazı Avrupa markalarında da belirli programlama işlemleri yapılabilir. Bu özellikle hız limitlerini kaldırma, motor gücünü artırma veya motorun belirli çalışma parametrelerini optimize etme gibi işlemler yapılabilir. Programlama kapasitesi, motosikletin markası, modeli ve ECU tipine göre değişiklik gösterebilir.
Cihazın teknik özellikleri nelerdir?
JDiag M300, 5.0 inç TFT gerçek renkli ekrana sahiptir. Çalışma voltajı 9-18V DC aralığındadır. Çalışma sıcaklığı 0 ila 60°C arasında, depolama sıcaklığı ise -40 ila 70°C arasındadır. Cihazın boyutları yaklaşık 25x12.4x4.5 cm, ağırlığı ise 2.62-3.5 kg civarındadır. ABS malzemeden üretilmiştir ve entegre termal yazıcı içerir. Wi-Fi ve USB/SD kart aracılığıyla güncelleme desteği bulunmaktadır. Türkçe dahil 15'ten fazla dil seçeneği sunar.
Cihaz için yazılım güncellemeleri nasıl yapılır?
JDiag M300 için güncellemeler Wi-Fi veya USB/SD kart aracılığıyla yapılabilir. Güncelleme işlemi için resmi JDiag web sitesinden veya distribütörünüzden gerekli dosyaları almanız ve talimatları izlemeniz gerekmektedir. Güncelleme politikası ve ücretleri hakkında satın alma öncesi distribütörünüzden bilgi almanızı öneririz. Güncellemeler, yeni motosiklet modelleri için destek ve hata düzeltmeleri içerebilir.
Destek ve İletişim
Yardıma mı ihtiyacınız var? Bizimle iletişime geçmekten çekinmeyin. Uzman ekibimiz size yardımcı olmaktan mutluluk duyacaktır.
Telefonla Ulaşın
Satış ve teknik destek konularında uzman ekibimize mesai saatleri içinde ulaşabilirsiniz.
E-Posta Gönderin
Tüm sorularınızı, önerilerinizi veya taleplerinizi e-posta yoluyla bize iletebilirsiniz.
WhatsApp Destek
Hızlı ve pratik destek için WhatsApp hattımız üzerinden bize yazabilirsiniz.
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
اكتب مراجعة
منتجات ذات صلة
عرض الكل
