Toyota Mini VCI - Profesyonel Toyota & Lexus Arıza Tespit ve Programlama Cihazı

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap'); .toyota-page * { margin: 0; padding: 0; box-sizing: border-box; } .toyota-page { --primary: #e30613; --primary-light: #ff4757; --primary-dark: #b8040f; --accent: #2c5aa0; --accent-light: #4a90e2; --success: #059669; --text-primary: #1f2937; --text-secondary: #6b7280; --text-light: #9ca3af; --bg-primary: #ffffff; --bg-secondary: #f9fafb; --bg-tertiary: #f3f4f6; --bg-gradient: linear-gradient(135deg, #fee2e2 0%, #fecaca 50%, #fca5a5 100%); --hero-gradient: linear-gradient(135deg, #ffffff 0%, #f9fafb 50%, #f3f4f6 100%); --border: #e5e7eb; --border-light: #f3f4f6; --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1); --radius: 16px; --radius-lg: 24px; font-family: 'Outfit', sans-serif; line-height: 1.6; color: var(--text-primary); background: var(--bg-primary); overflow-x: hidden; } .toyota-page .container { max-width: 1400px; margin: 0 auto; padding: 0 32px; text-align: center; } /* Hero Section */ .hero { min-height: 100vh; background: var(--hero-gradient); position: relative; display: flex; align-items: center; overflow: hidden; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); opacity: 0.4; } .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 120px 0 80px; max-width: 1000px; margin: 0 auto; } .hero-text { color: var(--text-primary); } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-secondary); border: 1px solid var(--border); padding: 12px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; margin-bottom: 32px; color: var(--primary); box-shadow: var(--shadow); } .hero-title { font-size: 4.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; letter-spacing: -0.02em; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.5rem; font-weight: 400; opacity: 0.9; margin-bottom: 40px; line-height: 1.6; } .hero-features { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 48px; justify-content: center; } .hero-interactive-area { display: grid; grid-template-columns: 0.7fr auto 0.7fr; align-items: center; gap: 20px; width: 100%; max-width: 1400px; margin-top: 60px; } .hero-features-col { display: flex; flex-direction: column; gap: 20px; } .feature-pill { display: flex; align-items: center; gap: 8px; background: var(--bg-secondary); border: 1px solid var(--border); padding: 12px 20px; border-radius: 50px; font-size: 14px; font-weight: 500; transition: all 0.3s ease; color: var(--primary); box-shadow: var(--shadow); } .feature-pill:hover { background: var(--bg-tertiary); border-color: var(--primary-light); transform: translateY(-2px); box-shadow: var(--shadow-lg); } .hero-cta-group { display: flex; gap: 20px; justify-content: center; } .hero-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: 2px solid var(--primary); position: relative; overflow: hidden; } .hero-cta.primary { background: var(--primary); color: white; } .hero-cta.secondary { background: transparent; color: var(--primary); } .hero-cta:hover { transform: translateY(-3px); box-shadow: 0 10px 20px -5px rgba(227, 6, 19, 0.3); } .hero-cta.secondary:hover { background: var(--primary); color: white; } /* 360 Degree View Container */ .view-360-container { position: relative; background: var(--bg-secondary); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow-xl); max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .view-360-header { text-align: center; margin-bottom: 32px; } .view-360-title { font-size: 1.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; } .view-360-subtitle { color: var(--text-secondary); font-size: 14px; } .view-360-area { position: relative; width: 100%; height: 0; padding-bottom: 100%; background: var(--bg-tertiary); border-radius: var(--radius); border: 2px solid var(--border); overflow: hidden; transition: all 0.3s ease; } .view-360-area iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: calc(var(--radius) - 2px); } .view-360-area:hover { border-color: rgba(227, 6, 19, 0.5); background: rgba(30, 41, 59, 0.1); } .tech-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px; } .spec-item { background: var(--bg-primary); backdrop-filter: blur(10px); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px; text-align: center; transition: all 0.3s ease; box-shadow: var(--shadow); } .spec-item:hover { background: var(--bg-tertiary); border-color: var(--primary-light); transform: translateY(-2px); box-shadow: var(--shadow-lg); } .spec-value { font-size: 1.1rem; font-weight: 700; color: var(--primary); margin-bottom: 2px; } .spec-label { font-size: 12px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; } /* Device Introduction Section Styles */ .device-intro-section { padding: 80px 0; background: var(--bg-secondary); } .intro-header { text-align: center; margin-bottom: 60px; } .intro-main-title { font-size: 2.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 16px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .intro-subtitle { font-size: 1.1rem; color: var(--text-secondary); max-width: 700px; margin: 0 auto; } .intro-content-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } /* Video Container Styles */ .intro-video-container { background: var(--bg-primary); border-radius: var(--radius-lg); padding: 32px; box-shadow: var(--shadow-xl); border: 1px solid var(--border); } .intro-video-header { text-align: center; margin-bottom: 24px; } .intro-video-title { font-size: 1.4rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; } .intro-video-player { position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg); } .intro-video-thumbnail { position: relative; width: 100%; height: 280px; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } .intro-video-preview { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease; } .intro-video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 100%); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .intro-video-thumbnail:hover .intro-video-overlay { background: linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%); } .intro-play-button { position: relative; cursor: pointer; transition: all 0.3s ease; } .intro-play-button:hover { transform: scale(1.1); } .intro-play-ripple { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; border: 2px solid rgba(227, 6, 19, 0.4); border-radius: 50%; animation: introRipple 2s infinite; } @keyframes introRipple { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; } } .intro-play-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; box-shadow: 0 8px 25px -5px rgba(227, 6, 19, 0.5); position: relative; z-index: 2; } .intro-play-icon i { margin-left: 3px; } .intro-video-coming-soon { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 3; } .coming-soon-text { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); color: white; padding: 8px 16px; border-radius: 50px; font-size: 14px; font-weight: 600; white-space: nowrap; } .intro-video-badges { position: absolute; top: 16px; right: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 3; } .intro-video-badge { display: flex; align-items: center; gap: 6px; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); color: white; padding: 6px 12px; border-radius: 50px; font-size: 12px; font-weight: 600; white-space: nowrap; } .intro-video-badge.duration { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); } /* Features Container Styles */ .intro-features-container { background: var(--bg-primary); border-radius: var(--radius-lg); padding: 32px; box-shadow: var(--shadow-xl); border: 1px solid var(--border); } .intro-features-header { text-align: center; margin-bottom: 32px; } .intro-features-title { font-size: 1.4rem; font-weight: 700; color: var(--text-primary); line-height: 1.4; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .intro-features-grid { display: flex; flex-direction: column; gap: 24px; } .intro-feature-item { display: flex; align-items: center; gap: 16px; padding: 20px; background: var(--bg-secondary); border-radius: var(--radius); border: 1px solid var(--border); transition: all 0.3s ease; } .intro-feature-item:hover { background: var(--bg-tertiary); transform: translateX(4px); box-shadow: var(--shadow); } .intro-feature-icon { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; flex-shrink: 0; box-shadow: var(--shadow); } .intro-feature-icon.toyota { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); } .intro-feature-icon.performance { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%); } .intro-feature-icon.software { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); } .intro-feature-icon.quality { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); } .intro-feature-content { flex: 1; } .intro-feature-content h4 { font-size: 1.1rem; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; line-height: 1.3; } .intro-feature-content p { font-size: 0.95rem; color: var(--text-secondary); line-height: 1.5; margin: 0; } /* Responsive Design for Device Introduction Section */ @media (max-width: 1024px) { .intro-content-wrapper { grid-template-columns: 1fr; gap: 40px; } } @media (max-width: 768px) { .device-intro-section { padding: 60px 0; } .intro-header { margin-bottom: 40px; } .intro-main-title { font-size: 1.8rem; } .intro-subtitle { font-size: 1rem; } .intro-video-container, .intro-features-container { padding: 24px; } .intro-video-thumbnail { height: 220px; } .intro-play-icon { width: 50px; height: 50px; font-size: 20px; } .intro-play-ripple { width: 80px; height: 80px; } .intro-features-grid { gap: 20px; } .intro-feature-item { padding: 16px; } .intro-feature-icon { width: 40px; height: 40px; font-size: 16px; } .intro-features-header { text-align: center; } } @media (max-width: 480px) { .device-intro-section { padding: 40px 0; } .intro-main-title { font-size: 1.6rem; } .intro-subtitle { font-size: 0.9rem; } .intro-video-container, .intro-features-container { padding: 20px; } .intro-video-thumbnail { height: 180px; } .intro-features-title { font-size: 1.2rem; } .intro-feature-content h4 { font-size: 1rem; } .intro-feature-content p { font-size: 0.9rem; } .intro-video-badges { gap: 4px; } .intro-video-badge { padding: 4px 8px; font-size: 10px; } .coming-soon-text { padding: 6px 12px; font-size: 12px; } } /* Responsive Design */ @media (max-width: 1024px) { .hero-title { font-size: 3.5rem; } .view-360-area { height: 350px; } } @media (max-width: 768px) { .hero-cta-group { flex-direction: column; } .hero-interactive-area { grid-template-columns: 1fr; } .hero-features-col { display: none; } .tech-specs { display: grid !important; } .container { padding: 0 16px; } .hero-content { padding: 60px 0 40px; gap: 40px; } .hero-title { font-size: 2.5rem; margin-bottom: 16px; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 32px; } .hero-features { gap: 12px; margin-bottom: 32px; justify-content: center; } .feature-pill { padding: 10px 16px; font-size: 13px; } .hero-cta { padding: 16px 32px; font-size: 16px; } .view-360-container { padding: 16px; margin-top: 40px; max-width: 100%; width: 100%; } .view-360-title { font-size: 1.2rem; } .view-360-subtitle { font-size: 12px; } .view-360-area { padding-bottom: 75%; } .tech-specs { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; } .spec-item { padding: 16px; } .spec-value { font-size: 1.3rem; } .spec-label { font-size: 11px; } } @media (max-width: 480px) { .toyota-page { overflow-x: hidden !important; } .container { padding: 0 4px !important; overflow-x: hidden !important; max-width: 100vw !important; } .hero { overflow-x: hidden !important; } .hero-content { padding: 40px 0 30px; overflow-x: hidden !important; } .hero-title { font-size: 2.2rem; } .hero-subtitle { font-size: 1rem; } .hero-features { gap: 8px; margin-bottom: 24px; } .feature-pill { padding: 8px 12px; font-size: 12px; flex: 1 1 calc(50% - 4px); justify-content: center; min-width: 0; } .hero-cta { padding: 14px 28px; font-size: 15px; } .hero-interactive-area { grid-template-columns: 1fr !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; margin: 0 !important; padding: 0 !important; } .view-360-container { padding: 4px !important; margin: 0 !important; width: calc(100vw - 32px) !important; max-width: 280px !important; min-width: 280px !important; box-sizing: border-box !important; overflow: hidden !important; position: relative !important; left: 50% !important; transform: translateX(-50%) !important; } .view-360-header { padding: 0 4px !important; } .view-360-title { font-size: 1rem !important; } .view-360-subtitle { font-size: 10px !important; } .view-360-area { height: 140px !important; padding-bottom: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; } .view-360-area iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; border: none !important; } .tech-specs { grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 12px; max-width: 280px; margin-left: auto; margin-right: auto; } .spec-item { padding: 10px; } .spec-value { font-size: 1rem; } } /* Product Details Section */ .product-details { padding: 80px 0; background: var(--bg-primary); } .section-header { text-align: center; margin-bottom: 80px; } .section-title { font-size: 2.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 16px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .section-subtitle { font-size: 1.2rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; } .product-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; text-align: left; } /* Product Gallery */ .product-gallery { position: sticky; top: 40px; } .gallery-header { text-align: center; margin-bottom: 40px; } .gallery-title { font-size: 2.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .gallery-subtitle { color: var(--text-secondary); font-size: 1.1rem; } .gallery-container { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 32px; box-shadow: var(--shadow-xl); border: 1px solid var(--border); } .main-image { position: relative; width: 100%; height: 450px; border-radius: var(--radius); overflow: hidden; margin-bottom: 32px; background: var(--bg-primary); border: 2px solid var(--border); box-shadow: var(--shadow-lg); } .main-image img { width: 100%; height: 100%; object-fit: contain; background: var(--bg-primary); } .thumbnail-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .thumbnail { position: relative; width: 100%; height: 100px; border-radius: var(--radius); overflow: hidden; cursor: pointer; border: 3px solid transparent; transition: all 0.4s ease; background: var(--bg-primary); box-shadow: var(--shadow); } .thumbnail.active { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.3), var(--shadow-lg); transform: translateY(-4px) scale(1.05); } .thumbnail:hover { border-color: var(--primary-light); transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-lg); } .thumbnail img { width: 100%; height: 100%; object-fit: contain; transition: all 0.3s ease; padding: 8px; } .thumbnail::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(227, 6, 19, 0.1) 0%, rgba(184, 4, 15, 0.1) 100%); opacity: 0; transition: opacity 0.3s ease; } .thumbnail.active::after { opacity: 1; } .thumbnail-indicator { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: var(--primary); border-radius: 2px; opacity: 0; transition: all 0.3s ease; } .thumbnail.active .thumbnail-indicator { opacity: 1; } /* Product Information */ .product-info { padding: 20px 0; } .info-header { display: flex; align-items: center; justify-content: center; margin-bottom: 32px; text-align: center; } .info-title { font-size: 1.8rem; font-weight: 600; color: var(--text-primary); background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .product-badge { display: flex; align-items: center; gap: 6px; background: var(--primary); color: white; padding: 6px 12px; border-radius: 50px; font-size: 12px; font-weight: 600; } .product-description { margin-bottom: 40px; padding: 32px; background: var(--bg-secondary); border-radius: var(--radius-lg); border: 1px solid var(--border); box-shadow: var(--shadow); position: relative; } .product-description p { font-size: 1.1rem; line-height: 1.8; color: var(--text-secondary); margin-bottom: 16px; text-align: left; } .product-description p:last-child { margin-bottom: 0; } .product-description::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: var(--radius-lg) var(--radius-lg) 0 0; } .feature-highlights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .highlight-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 20px 16px; background: var(--bg-secondary); border-radius: var(--radius); border: 1px solid var(--border); transition: all 0.3s ease; } .highlight-item:hover { background: var(--bg-tertiary); transform: translateY(-2px); box-shadow: var(--shadow-lg); } .highlight-icon { width: 40px; height: 40px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; flex-shrink: 0; } .highlight-content h4 { font-size: 0.9rem; font-weight: 600; color: var(--text-primary); margin: 0; } .highlight-content p { display: none; } .technical-details { margin: 40px 0; padding: 32px; background: var(--bg-secondary); border-radius: var(--radius-lg); border: 1px solid var(--border); } .technical-details h3 { font-size: 1.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; } .details-grid { display: flex; flex-direction: column; gap: 16px; } .detail-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--border); } .detail-row:last-child { border-bottom: none; } .detail-label { font-weight: 600; color: var(--text-secondary); } .detail-value { font-weight: 700; color: var(--primary); } .product-actions { display: flex; gap: 16px; margin-top: 40px; } .primary-btn { display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: white; padding: 16px 32px; border-radius: var(--radius); text-decoration: none; font-weight: 700; font-size: 16px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: var(--shadow-lg); } .primary-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-xl); } .secondary-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-secondary); color: var(--text-primary); padding: 16px 24px; border-radius: var(--radius); border: 1px solid var(--border); font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.3s ease; } .secondary-btn:hover { background: var(--bg-tertiary); border-color: var(--primary-light); transform: translateY(-2px); } /* Responsive Design for Product Details */ @media (max-width: 1024px) { .product-content { grid-template-columns: 1fr; gap: 60px; } .product-gallery { position: static; } .gallery-title, .info-title { font-size: 2rem; } } @media (max-width: 768px) { .product-details { padding: 60px 0; } .gallery-container { padding: 24px; } .main-image { height: 300px; } .thumbnail-gallery { grid-template-columns: repeat(2, 1fr); } .info-header { flex-direction: column; align-items: center; gap: 16px; text-align: center; } .product-description { padding: 24px; } .product-description p { text-align: center; } .feature-highlights { gap: 16px; } .highlight-item { padding: 20px; } .highlight-icon { width: 50px; height: 50px; font-size: 20px; } .technical-details { padding: 24px; } .product-actions { flex-direction: column; } } @media (max-width: 480px) { .gallery-title, .info-title { font-size: 1.8rem; } .main-image { height: 250px; } .thumbnail-gallery { grid-template-columns: repeat(4, 1fr); gap: 8px; } .thumbnail { height: 60px; } .highlight-item { flex-direction: column; text-align: center; gap: 16px; } } /* Compatible Software Section */ .compatible-software { padding: 80px 0; background: var(--bg-primary); } .software-header { text-align: center; margin-bottom: 60px; } .software-title { font-size: 2.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 16px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .software-subtitle { font-size: 1.1rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; } .software-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-bottom: 60px; } .software-item { background: var(--bg-primary); border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--border); box-shadow: var(--shadow); transition: all 0.3s ease; position: relative; overflow: hidden; } .software-item:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); border-color: var(--primary-light); } .software-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); } .software-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; margin-bottom: 20px; } .software-content h3 { font-size: 1.3rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; } .software-content p { color: var(--text-secondary); line-height: 1.6; margin-bottom: 16px; } .software-badge { display: inline-block; padding: 4px 12px; border-radius: 50px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; background: var(--primary); color: white; } .software-note { display: flex; gap: 20px; background: var(--bg-primary); border-radius: var(--radius-lg); padding: 32px; border: 1px solid var(--border); box-shadow: var(--shadow); border-left: 4px solid var(--primary); } .note-icon { width: 50px; height: 50px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; flex-shrink: 0; } .note-content h4 { font-size: 1.2rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; } .note-content p { color: var(--text-secondary); line-height: 1.6; margin: 0; } /* Toyota Software Section Styles */ .software-category { margin-bottom: 60px; background: var(--bg-primary); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow-xl); border: 1px solid var(--border); position: relative; overflow: hidden; } .software-category::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); } .category-header { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 2px solid var(--border-light); text-align: center; } .category-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: white; font-size: 32px; box-shadow: var(--shadow-lg); position: relative; } .category-icon::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(135deg, var(--primary-light), var(--accent-light)); border-radius: var(--radius-lg); z-index: -1; opacity: 0.3; } .category-info h3 { font-size: 1.8rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .category-info p { color: var(--text-secondary); font-size: 1.1rem; margin: 0; } .software-grid-modern { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .software-card { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 24px; border: 2px solid var(--border); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; text-align: center; } .software-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(227, 6, 19, 0.1), transparent); transition: left 0.6s ease; } .software-card:hover::before { left: 100%; } .software-card:hover { transform: translateY(-8px) scale(1.02); border-color: var(--primary); box-shadow: 0 20px 40px -10px rgba(227, 6, 19, 0.3); } .card-header { display: flex; justify-content: center; align-items: center; margin-bottom: 16px; } .software-logo { width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; color: white; font-weight: 900; font-size: 12px; letter-spacing: 1px; box-shadow: var(--shadow); } .brand-logo { width: 60px; height: 60px; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; background: var(--bg-primary); box-shadow: var(--shadow); margin: 0 auto; padding: 8px; } .brand-logo img { width: 100%; height: 100%; object-fit: contain; } .software-card h4 { font-size: 1.2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; } .software-card p { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5; margin: 0; } .software-compatibility-note { background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%); border-radius: var(--radius-lg); padding: 40px; border: 2px solid var(--border); box-shadow: var(--shadow-xl); position: relative; overflow: hidden; } .software-compatibility-note::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); } .compatibility-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 32px; margin: 0 auto 24px; box-shadow: var(--shadow-lg); position: relative; } .compatibility-icon::after { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; background: linear-gradient(135deg, var(--primary-light), var(--accent-light)); border-radius: 50%; z-index: -1; opacity: 0.3; } .compatibility-content { text-align: center; } .compatibility-content h4 { font-size: 1.5rem; font-weight: 700; color: var(--text-primary); margin-bottom: 16px; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .compatibility-content p { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.7; margin-bottom: 24px; max-width: 800px; margin-left: auto; margin-right: auto; } .compatibility-features { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } .feature-tag { background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); color: white; padding: 8px 16px; border-radius: 50px; font-size: 14px; font-weight: 600; box-shadow: var(--shadow); transition: all 0.3s ease; } .feature-tag:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } /* Single Software Card Styles */ .single-software-container { display: flex; justify-content: center; margin: 40px 0; } .single-software-card { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 40px; border: 2px solid var(--border); transition: all 0.4s ease; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; color: inherit; max-width: 600px; width: 100%; box-shadow: var(--shadow-xl); } .single-software-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(227, 6, 19, 0.1), transparent); transition: left 0.6s ease; } .single-software-card:hover::before { left: 100%; } .single-software-card:hover { transform: translateY(-8px) scale(1.02); border-color: var(--primary); box-shadow: 0 20px 40px -10px rgba(227, 6, 19, 0.3); } .software-card-header { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 2px solid var(--border-light); } .software-brand-logo { width: 80px; height: 80px; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; background: var(--bg-primary); box-shadow: var(--shadow-lg); padding: 12px; flex-shrink: 0; } .software-brand-logo img { width: 100%; height: 100%; object-fit: contain; } .software-info h3 { font-size: 1.8rem; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .software-description { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.6; margin: 0; } .software-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .feature-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--bg-primary); border-radius: var(--radius); border: 1px solid var(--border); transition: all 0.3s ease; } .feature-item:hover { background: var(--bg-tertiary); border-color: var(--primary-light); transform: translateX(4px); } .feature-item i { color: var(--success); font-size: 16px; flex-shrink: 0; } .feature-item span { color: var(--text-secondary); font-size: 0.95rem; font-weight: 500; } /* Software Image Container Styles */ .software-image-container { margin-top: 40px; text-align: center; } .software-features-image { width: 100%; max-width: 600px; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); border: 1px solid var(--border); transition: all 0.3s ease; } .software-features-image:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); } /* Responsive Design for Single Software Card */ @media (max-width: 768px) { .single-software-card { padding: 24px; } .software-card-header { flex-direction: column; text-align: center; gap: 16px; } .software-brand-logo { width: 60px; height: 60px; margin: 0 auto; } .software-info h3 { font-size: 1.5rem; } .software-description { font-size: 1rem; } .software-features { grid-template-columns: 1fr; gap: 12px; } .feature-item { padding: 10px 14px; } .software-image-container { margin-top: 24px; } .software-features-image { max-width: 100%; } } @media (max-width: 480px) { .single-software-card { padding: 20px; } .software-info h3 { font-size: 1.3rem; } .software-description { font-size: 0.9rem; } .feature-item { padding: 8px 12px; } .feature-item span { font-size: 0.9rem; } .software-image-container { margin-top: 20px; } } /* Responsive Design for Software Section */ @media (max-width: 768px) { .compatible-software { padding: 60px 0; } .software-grid { grid-template-columns: 1fr; gap: 20px; } .software-item { padding: 24px; } .software-icon { width: 50px; height: 50px; font-size: 20px; } .software-note { flex-direction: column; text-align: center; gap: 16px; } .note-icon { margin: 0 auto; } .software-category { padding: 24px; margin-bottom: 40px; } .category-header { flex-direction: column; text-align: center; gap: 16px; } .category-icon { width: 70px; height: 70px; font-size: 28px; } .software-grid-modern { grid-template-columns: 1fr; gap: 20px; } .software-card { padding: 20px; } .software-compatibility-note { padding: 24px; } .compatibility-icon { width: 60px; height: 60px; font-size: 24px; } .compatibility-features { gap: 8px; } .feature-tag { font-size: 12px; padding: 6px 12px; } } @media (max-width: 480px) { .software-title { font-size: 1.8rem; } .software-item { padding: 20px; } .software-content h3 { font-size: 1.1rem; } .software-category { padding: 20px; } .category-icon { width: 50px; height: 50px; font-size: 20px; } .category-info h3 { font-size: 1.3rem; } .category-info p { font-size: 1rem; } .software-card { padding: 16px; } .software-logo { width: 40px; height: 40px; font-size: 10px; } .software-card h4 { font-size: 1.1rem; } .compatibility-content h4 { font-size: 1.3rem; } .compatibility-content p { font-size: 1rem; } } /* FAQ Section */ .faq-section { padding: 80px 0; background: var(--bg-secondary); } .faq-header { text-align: center; margin-bottom: 60px; } .faq-title { font-size: 2.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 16px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .faq-subtitle { font-size: 1.1rem; color: var(--text-secondary); max-width: 700px; margin: 0 auto; } .faq-accordion { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; } .faq-item { background: var(--bg-primary); border-radius: var(--radius-lg); border: 1px solid var(--border); box-shadow: var(--shadow); transition: all 0.3s ease; overflow: hidden; } .faq-item.active { box-shadow: var(--shadow-xl); border-color: var(--primary-light); } .faq-question { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; cursor: pointer; font-size: 1.2rem; font-weight: 600; color: var(--text-primary); } .faq-question i { transition: transform 0.3s ease; } .faq-item.active .faq-question i { transform: rotate(180deg); color: var(--primary); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out; } .faq-answer p { padding: 0 32px 24px; font-size: 1rem; color: var(--text-secondary); line-height: 1.7; text-align: left; } /* Contact Section */ .contact-section { padding: 80px 0; background: var(--bg-secondary); } .contact-header { text-align: center; margin-bottom: 60px; } .contact-title { font-size: 2.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 16px; } .contact-subtitle { font-size: 1.1rem; color: var(--text-secondary); max-width: 700px; margin: 0 auto; } .contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; max-width: 1100px; margin: 0 auto; } .contact-card { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 40px; text-align: center; border: 1px solid var(--border); transition: all 0.3s ease; box-shadow: var(--shadow); } .contact-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-xl); border-color: var(--primary); } .contact-card-icon { font-size: 40px; color: var(--primary); margin-bottom: 24px; line-height: 1; } .contact-card h3 { font-size: 1.4rem; font-weight: 600; margin-bottom: 12px; color: var(--text-primary); } .contact-card p { font-size: 1rem; color: var(--text-secondary); margin-bottom: 24px; } .contact-card-link { display: inline-block; padding: 12px 24px; background: var(--primary); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: background-color 0.3s ease; } .contact-card-link:hover { background: var(--primary-dark); } .contact-card.whatsapp .contact-card-icon { color: #25D366; } .contact-card.whatsapp .contact-card-link { background: #25D366; } .contact-card.whatsapp .contact-card-link:hover { background: #128C7E; } .contact-card.whatsapp:hover { border-color: #25D366; } .contact-card.email .contact-card-icon { color: var(--primary); } .contact-card.email .contact-card-link { background: var(--primary); } .contact-card.email .contact-card-link:hover { background: var(--primary-dark); } @media (max-width: 1024px) { .contact-cards { grid-template-columns: 1fr; gap: 24px; } }

Toyota & Lexus Özel

Toyota
Mini VCI

Toyota, Lexus ve Scion marka araçları için özel olarak tasarlanmış Mini VCI Arıza Tespit Cihazı, Techstream yazılımı ile tam sistem tanılama ve programlama arabirimi sunan profesyonel bir Arıza Tespit ve ECU Programlama cihazıdır.

Toyota & Lexus
Techstream
USB 2.0
Compact
2008+ Araçlar
OBD2 Uyumlu

Ürünü İncele


Satın Al

USB 2.0
Bağlantı
Kompakt
Tasarım

360° Ürün Görünümü

Farenizle sürükleyerek ürünü 360 derece inceleyebilirsiniz.

USB 2.0
Bağlantı
Kompakt
Tasarım
Techstream
Yazılım
Toyota/Lexus
Marka Uyumu
Techstream
Yazılım
Toyota/Lexus
Marka Uyumu

Toyota Mini VCI Detayları

Cihazın teknik özellikleri ve sunduğu temel fonksiyonlar hakkında bilgi edinin.

Ürün Açıklaması

Toyota Mini VCI Arıza Tespit Cihazı, Toyota, Lexus ve Scion marka araçlarda Arıza Tespit yapabilmeniz için imal edilmiş bir Arıza Tespit Cihazıdır. Mini VCI Cihazı, 2008'den sonraki üretilen araçları destekler.

Techstream yazılımı ile tam sistem tanılama ve programlama arabirimi olup, Bakım Bilgi Sistemleri, Teknik Brifingler, Devre Şemaları, Bileşen Testleri de dahil olmak üzere Dinamik Veri Akışı, Adaptasyon, Kalibrasyon, Fren Çektirme, DPF Jenerasyonu, Programlama, Şanzıman Yapılandırması, Servis Bakım Sıfırlama ve Kodlama yapabilmektedir.

Araç üzerinde ne kadar elektronik beyin var ise tüm arızaları size listeleyip, arızanın hangi parçada oluştuğunu teknik şemaları ile size sunar. Enjektör basınç değerleri, turbo basınç değerleri, yağ sıcaklığı, gaz pedal konum sensör değerleri, yağ seviyesi gibi araç üzerinde sensörlerin kayıt ettiği tüm sensör değerlerini görüntüleyebilirsiniz.

Motor, Hava Yastığı, Fren, Gösterge, Şanzıman, Gövde gibi birçok donanıma bağlanarak işlem yapabilirsiniz. Yazılım dili İngilizcedir. Tüm Windows sürümleri ile uyumludur. Kurulan yazılımlar opsiyoneldir. İlandaki fiyat sadece donanım içindir.

Cihazı Yakından Tanıyın

Toyota Mini VCI'nın sunduğu avantajları ve özelliklerini keşfedin.

Tanıtım Videosu

Neden Toyota Mini VCI'yi Tercih Etmelisiniz?

Toyota & Lexus Özel Uyumluluğu

Toyota ve Lexus araçları için özel olarak tasarlanmış, marka spesifik özellikler ve fonksiyonlar.

Techstream Yazılımı Desteği

Orijinal Toyota Techstream yazılımı ile mükemmel uyum ve profesyonel tanılama desteği.

Hızlı USB 2.0 Bağlantısı

USB 2.0 arayüzü ile hızlı veri aktarımı ve stabil bağlantı performansı.

Kompakt ve Taşınabilir Tasarım

Küçük boyutları sayesinde taşıması kolay, servis ortamlarında pratik kullanım.

Desteklenen Yazılımlar

Toyota Mini VCI'nın uyumlu olduğu Toyota ve Lexus tanılama yazılımları.

Toyota & Lexus Tanılama Yazılımları

Toyota ve Lexus araçları için özel olarak geliştirilmiş orijinal tanılama ve programlama yazılımları.

Toyota Techstream

Toyota ve Lexus araçları için resmi tanılama yazılımı

Arıza kodları okuma/silme
Canlı veri izleme
ECU programlama
Sistem adaptasyonları

Önemli Bilgilendirme

Belirtilen fiyat yalnızca Toyota Mini VCI donanımını kapsamaktadır. Uyumlu yazılımlar ayrı olarak satılmakta olup, fiyata dahil değildir. Yazılım uyumluluğu ve fonksiyonel kapsam, aracın model ve model yılına bağlı olarak farklılık gösterebilir.

Sıkça Sorulan Sorular

Cihaz hakkında sıkça sorulan bazı sorular ve yanıtları.

Toyota Mini VCI'nin temel işlevi nedir?

Toyota Mini VCI, Toyota ve Lexus araçları için özel olarak tasarlanmış bir araç iletişim arayüzüdür. Temel işlevi, bir bilgisayar ile Toyota/Lexus araçlarının elektronik kontrol üniteleri (ECU) arasında bir köprü görevi görerek, tanılama, veri kaydı ve ECU programlama işlemlerini mümkün kılmaktır.

Techstream yazılımı ile nasıl çalışır?

Toyota Mini VCI, orijinal Toyota Techstream yazılımı ile mükemmel uyum sağlar. Techstream, Toyota'nın resmi tanılama yazılımıdır. Bu sayede profesyonel düzeyde tanılama ve programlama işlemleri gerçekleştirilebilir.

Hangi Toyota ve Lexus modellerini destekler?

Toyota Mini VCI, 1996 sonrası üretilen Toyota ve Lexus araçlarının büyük çoğunluğunu destekler. OBD2 portuna sahip tüm Toyota ve Lexus modelleri ile uyumludur. Desteklenen spesifik modeller ve fonksiyonlar, kullanılan Techstream yazılımının versiyonuna bağlıdır.

Bu cihazla hangi tür işlemler yapılabilir?

Toyota Mini VCI ile Arıza Tespiti (arıza kodlarını okuma/silme, canlı veri izleme), ECU Programlama (yazılım güncelleme, konfigürasyon), sistem adaptasyonları, kalibrasyonlar ve çeşitli servis işlemleri gerçekleştirilebilir. Ayrıca hibrit araçlarda özel tanılama işlemleri de desteklenir.

Destek ve İletişim

Ürünle ilgili sorularınız için aşağıdaki kanallardan bizimle iletişime geçebilirsiniz.

Telefon

Satış ve teknik destek için bizi arayın.

Ara

E-posta

Sorularınızı ve taleplerinizi e-posta ile gönderin.

E-posta Gönder

WhatsApp

Hızlı destek için WhatsApp üzerinden yazın.

Mesaj Gönder