Vgate iCar Pro Bluetooth 4.0 OBD2 Arıza Tespit Cihazı | iOS & Android Uyumlu















/* iCar Pro STYLES START - Scoped to #icar-pro-content */ /* Global definitions moved outside the scope */ :root { --icar-primary: #007bff; --icar-primary-light: #cce5ff; --icar-primary-dark: #0056b3; --icar-primary-gradient: linear-gradient(135deg, #007bff, #0056b3); --icar-secondary: #6c757d; --icar-secondary-light: #e9ecef; --icar-secondary-gradient: linear-gradient(135deg, #6c757d, #495057); --icar-accent: #28a745; --icar-accent-light: #d4edda; --icar-accent-gradient: linear-gradient(135deg, #28a745, #1e7e34); --icar-text: #212529; --icar-text-light: #6c757d; --icar-bg: #ffffff; --icar-bg-off: #f8f9fa; --icar-border: rgba(222, 226, 230, 0.8); --icar-card-bg: rgba(255, 255, 255, 0.8); --icar-glass-bg: rgba(255, 255, 255, 0.7); --icar-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); --icar-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04); --icar-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03); --icar-shadow-glow: 0 0 25px rgba(0, 123, 255, 0.2); --icar-shadow-accent: 0 0 25px rgba(40, 167, 69, 0.2); --icar-radius-sm: 0.5rem; --icar-radius-md: 1rem; --icar-radius-lg: 1.5rem; --icar-radius-xl: 2rem; --icar-radius-full: 9999px; --icar-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* Apply base styles to the container */ #icar-pro-content { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--icar-text); line-height: 1.6; background-color: var(--icar-bg); isolation: isolate; } /* Scope universal selector and box-sizing */ #icar-pro-content *, #icar-pro-content *::before, #icar-pro-content *::after { margin: 0; padding: 0; box-sizing: border-box; } /* Scoped Styles */ #icar-pro-content .icar-container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } #icar-pro-content .icar-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: var(--icar-radius-full); font-weight: 700; font-size: 16px; text-decoration: none; cursor: pointer; transition: var(--icar-transition); position: relative; overflow: hidden; box-shadow: var(--icar-shadow-sm); letter-spacing: 0.5px; border: none; } #icar-pro-content .icar-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); transform: translateX(-100%) skewX(-30deg); transition: transform 0.6s; } #icar-pro-content .icar-btn:hover::before { transform: translateX(100%) skewX(-30deg); } #icar-pro-content .icar-btn-primary { background: var(--icar-primary-gradient); color: white; } #icar-pro-content .icar-btn-primary:hover { box-shadow: var(--icar-shadow-glow); transform: translateY(-3px); } #icar-pro-content .icar-btn-accent { background: var(--icar-accent-gradient); color: white; } #icar-pro-content .icar-btn-accent:hover { box-shadow: var(--icar-shadow-accent); transform: translateY(-3px); } #icar-pro-content .icar-btn-with-icon { gap: 10px; } #icar-pro-content .icar-btn-with-icon svg { transition: var(--icar-transition); } #icar-pro-content .icar-btn-with-icon:hover svg { transform: translateX(4px); } /* Hero Section */ #icar-pro-content .icar-hero { min-height: 100vh; display: flex; align-items: center; padding: 40px 0; position: relative; overflow: hidden; background: linear-gradient(135deg, #f8f9fa 0%, #cce5ff 50%, #f8f9fa 100%); margin-bottom: 60px; border-radius: var(--icar-radius-lg); } /* Animated background for Hero */ #icar-pro-content .icar-hero .icar-animated-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } #icar-pro-content .icar-blob { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; } #icar-pro-content .icar-blob-1 { width: 700px; height: 700px; background: #a8d8ff; top: -300px; right: -200px; animation: icar-float-hero 8s ease-in-out infinite alternate; } #icar-pro-content .icar-blob-2 { width: 600px; height: 600px; background: #8ccbff; top: 40%; left: -300px; animation: icar-float-hero 10s ease-in-out infinite alternate-reverse; } #icar-pro-content .icar-blob-3 { width: 500px; height: 500px; background: #6fbbff; bottom: -200px; right: 20%; animation: icar-float-hero 12s ease-in-out infinite alternate; } #icar-pro-content .icar-grid-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 123, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 123, 255, 0.05) 1px, transparent 1px); background-size: 40px 40px; opacity: 0.5; } #icar-pro-content .icar-hero-container { display: flex; align-items: center; gap: 60px; } #icar-pro-content .icar-hero-content { flex: 1; max-width: 650px; text-align: center; z-index: 1; } #icar-pro-content .icar-hero-pretitle { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 16px; display: inline-block; animation: icar-fadeInUp 0.8s ease; } #icar-pro-content .icar-hero-title { font-size: 72px; font-weight: 900; line-height: 1.1; margin-bottom: 24px; letter-spacing: -1px; animation: icar-fadeInUp 1s ease; color: var(--icar-text); } #icar-pro-content .icar-hero-title .icar-highlight { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; position: relative; display: inline-block; } #icar-pro-content .icar-hero-title .icar-highlight::after { content: ''; position: absolute; left: 0; bottom: 5px; width: 100%; height: 8px; background: var(--icar-primary-gradient); border-radius: var(--icar-radius-full); transform-origin: right; transform: scaleX(0); animation: icar-slideIn 1.5s forwards ease-out; animation-delay: 0.5s; opacity: 0.3; } #icar-pro-content .icar-hero-subtitle { font-size: 22px; font-weight: 500; margin-bottom: 40px; color: var(--icar-text-light); animation: icar-fadeInUp 1s ease; animation-delay: 0.2s; animation-fill-mode: both; } #icar-pro-content .icar-hero-btns { display: flex; gap: 20px; flex-wrap: wrap; animation: icar-fadeInUp 1s ease; animation-delay: 0.4s; animation-fill-mode: both; justify-content: center; } #icar-pro-content .icar-hero-features { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 40px; animation: icar-fadeInUp 1s ease; animation-delay: 0.6s; animation-fill-mode: both; justify-content: center; } #icar-pro-content .icar-hero-feature { display: flex; align-items: center; gap: 10px; } #icar-pro-content .icar-hero-feature-icon { width: 36px; height: 36px; background: var(--icar-primary-light); display: flex; align-items: center; justify-content: center; border-radius: var(--icar-radius-full); color: var(--icar-primary); font-weight: 800; font-size: 16px; } #icar-pro-content .icar-hero-feature-text { font-size: 15px; font-weight: 600; color: var(--icar-text); } #icar-pro-content .icar-hero-image { flex: 1; position: relative; animation: icar-fadeIn 1.5s ease; display: flex; justify-content: center; z-index: 1; } #icar-pro-content .icar-hero-image-inner { position: relative; max-width: 640px; width: 100%; border-radius: var(--icar-radius-lg); box-shadow: var(--icar-shadow-md); overflow: hidden; transition: var(--icar-transition); aspect-ratio: 1 / 1; background-color: #eee; } #icar-pro-content .icar-hero-image iframe { width: 100%; height: 100%; border: none; display: block; } #icar-pro-content .icar-view-360-label { position: absolute; top: 15px; right: 15px; background-color: var(--icar-primary); color: white; padding: 6px 12px; border-radius: var(--icar-radius-sm); font-size: 12px; font-weight: 600; z-index: 10; pointer-events: none; } #icar-pro-content .icar-floating-elements { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 0; } #icar-pro-content .icar-floating-element { position: absolute; opacity: 0.7; animation: icar-floating 6s infinite alternate ease-in-out; } #icar-pro-content .icar-floating-element:nth-child(1) { width: 80px; height: 80px; background: #e6f2ff; border: 2px solid #cce5ff; border-radius: var(--icar-radius-sm); top: 20%; left: 10%; animation-duration: 8s; } #icar-pro-content .icar-floating-element:nth-child(2) { width: 40px; height: 40px; border: 2px solid #6fbbff; border-radius: var(--icar-radius-full); top: 30%; right: 15%; animation-duration: 10s; } #icar-pro-content .icar-floating-element:nth-child(3) { width: 60px; height: 60px; background: #dbefff; border-radius: var(--icar-radius-md); bottom: 20%; left: 20%; animation-duration: 12s; } #icar-pro-content .icar-floating-element:nth-child(4) { width: 30px; height: 30px; border: 2px solid #007bff; border-radius: var(--icar-radius-full); bottom: 30%; right: 10%; animation-duration: 9s; } @keyframes icar-float-hero { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(50px, 50px) scale(1.1); } } @keyframes icar-slideIn { to { transform: scaleX(1); } } @keyframes icar-floating { 0% { transform: translate(0, 0) rotate(0deg); } 100% { transform: translate(30px, 30px) rotate(15deg); } } @keyframes icar-fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes icar-fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Product Specs Section */ #icar-pro-content .icar-product-specs { padding: 140px 0; background: linear-gradient(125deg, #343a40 0%, #212529 100%); color: #fff; overflow: hidden; position: relative; border-radius: var(--icar-radius-lg); } #icar-pro-content .icar-product-specs .icar-animated-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } #icar-pro-content .icar-light-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.15; animation: icar-float-specs 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none; } #icar-pro-content .icar-orb1 { width: 60vw; height: 60vw; background: linear-gradient(-45deg, #007bff, #3395ff, #6fbbff); top: -20%; right: -20%; animation-delay: 0s; } #icar-pro-content .icar-orb2 { width: 40vw; height: 40vw; background: linear-gradient(45deg, #28a745, #40c057, #69d78a); bottom: -15%; left: -15%; animation-delay: -3s; } #icar-pro-content .icar-orb3 { width: 30vw; height: 30vw; background: linear-gradient(45deg, #6c757d, #909da6, #b4c4d0); top: 40%; left: 60%; animation-delay: -6s; } @keyframes icar-float-specs { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5%) scale(1.02); } 100% { transform: translateY(5%) scale(0.98); } } #icar-pro-content .icar-specs-header { text-align: center; margin-bottom: 80px; animation: icar-fadeInUp 1s ease-out forwards; } #icar-pro-content .icar-header-badge { display: inline-block; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); font-size: 14px; font-weight: 500; padding: 8px 14px; border-radius: 50px; margin-bottom: 20px; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.05); transform: translateY(20px); animation: icar-fadeInUp 1s ease-out forwards; animation-delay: 0.2s; } #icar-pro-content .icar-specs-header h2 { font-size: 56px; font-weight: 800; margin-bottom: 24px; line-height: 1.1; letter-spacing: -0.5px; opacity: 0; transform: translateY(20px); animation: icar-fadeInUp 1s ease-out forwards; animation-delay: 0.4s; color: #ffffff; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } #icar-pro-content .icar-highlight-text { position: relative; color: #ffffff; background: linear-gradient(90deg, #6fbbff, #007bff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block; } #icar-pro-content .icar-highlight-text::after { content: ''; position: absolute; width: 100%; height: 8px; bottom: 4px; left: 0; background: linear-gradient(90deg, #6fbbff, #007bff); opacity: 0.3; border-radius: 50px; z-index: -1; } #icar-pro-content .icar-specs-header p { font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.7); max-width: 600px; margin: 0 auto; opacity: 0; transform: translateY(20px); animation: icar-fadeInUp 1s ease-out forwards; animation-delay: 0.6s; } #icar-pro-content .icar-specs-container { display: flex; gap: 80px; align-items: center; } #icar-pro-content .icar-specs-image { flex: 1; position: relative; opacity: 0; transform: translateX(-20px); animation: icar-fadeInLeft 1s ease-out forwards; animation-delay: 0.8s; } @keyframes icar-fadeInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } #icar-pro-content .icar-product-display { position: relative; } #icar-pro-content .icar-product-card { position: relative; background: #f8f9fa; border-radius: 12px; overflow: hidden; padding: 20px; display: flex; justify-content: center; align-items: center; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1) inset; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transform-style: preserve-3d; perspective: 1000px; } #icar-pro-content .icar-product-card:hover { transform: translateY(-10px); box-shadow: 0 35px 60px -15px rgba(0, 123, 255, 0.3), 0 0 0 1px rgba(0, 123, 255, 0.1) inset; } #icar-pro-content .icar-product-main-image { position: relative; width: 100%; height: 400px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 0; background: white; } #icar-pro-content .icar-product-main-image img { max-width: 85%; max-height: 85%; object-fit: contain; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); transform-style: preserve-3d; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1)); border-radius: var(--icar-radius-md); } #icar-pro-content .icar-product-card:hover .icar-product-main-image img { transform: scale(1.08); } #icar-pro-content .icar-product-glow { position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); width: 70%; height: 20px; background: radial-gradient(ellipse at center, rgba(0, 123, 255, 0.15) 0%, transparent 70%); border-radius: 50%; z-index: 1; filter: blur(15px); opacity: 0.7; transition: all 0.5s ease; } #icar-pro-content .icar-product-card:hover .icar-product-glow { width: 80%; filter: blur(20px); opacity: 0.9; } #icar-pro-content .icar-product-shine { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0) 100%); z-index: 3; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; } #icar-pro-content .icar-product-card:hover .icar-product-shine { opacity: 1; } #icar-pro-content .icar-product-gallery { display: flex; align-items: center; justify-content: center; margin-top: 25px; } #icar-pro-content .icar-gallery-wrapper { display: flex; gap: 15px; max-width: 90%; overflow-x: auto; scroll-behavior: smooth; padding: 10px 5px; justify-content: center; scrollbar-width: none; } #icar-pro-content .icar-gallery-wrapper::-webkit-scrollbar { display: none; } #icar-pro-content .icar-gallery-item { width: 80px; height: 80px; border-radius: 6px; overflow: hidden; cursor: pointer; border: 2px solid #dee2e6; transition: all 0.3s ease; flex-shrink: 0; position: relative; background: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); } #icar-pro-content .icar-gallery-item.active { border-color: #007bff; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 123, 255, 0.15); } #icar-pro-content .icar-gallery-item::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%); opacity: 0; transition: opacity 0.3s ease; } #icar-pro-content .icar-gallery-item:hover::after { opacity: 1; } #icar-pro-content .icar-gallery-item:hover:not(.active) { transform: translateY(-3px); border-color: #8ccbff; } #icar-pro-content .icar-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } #icar-pro-content .icar-gallery-item:hover img { transform: scale(1.1); } #icar-pro-content .icar-specs-content { flex: 1; opacity: 0; transform: translateX(20px); animation: icar-fadeInRight 1s ease-out forwards; animation-delay: 1s; } @keyframes icar-fadeInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } #icar-pro-content .icar-specs-badge { display: inline-flex; align-items: center; background: linear-gradient(90deg, #007bff, #3395ff); color: white; font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 50px; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(0, 123, 255, 0.3); position: relative; overflow: hidden; } #icar-pro-content .icar-specs-badge::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); transform: rotate(45deg); animation: icar-shimmer 3s infinite; } @keyframes icar-shimmer { 0% { left: -100%; } 100% { left: 100%; } } #icar-pro-content .icar-specs-content h3 { font-size: 42px; font-weight: 800; margin-bottom: 24px; line-height: 1.1; color: #ffffff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } #icar-pro-content .icar-specs-description { margin-bottom: 40px; color: rgba(255, 255, 255, 0.8); font-size: 17px; line-height: 1.8; max-width: 520px; } #icar-pro-content .icar-specs-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 40px; margin-bottom: 40px; } #icar-pro-content .icar-spec-detail { display: flex; gap: 12px; align-items: flex-start; transition: all 0.3s ease; } #icar-pro-content .icar-spec-detail:hover { transform: translateY(-5px); } #icar-pro-content .icar-spec-icon { width: 56px; height: 56px; background: rgba(255, 255, 255, 0.08); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #6fbbff; flex-shrink: 0; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } #icar-pro-content .icar-spec-icon svg, #icar-pro-content .icar-spec-icon i { width: 28px; height: 28px; font-size: 28px; line-height: 1; transition: all 0.4s ease; } #icar-pro-content .icar-spec-detail:hover .icar-spec-icon { background: linear-gradient(145deg, #007bff, #3395ff); color: white; transform: translateY(-8px) rotate(8deg); box-shadow: 0 12px 20px -5px rgba(0, 123, 255, 0.5); } #icar-pro-content .icar-spec-detail:hover .icar-spec-icon svg, #icar-pro-content .icar-spec-detail:hover .icar-spec-icon i { transform: scale(1.1); } #icar-pro-content .icar-spec-info h4 { font-size: 17px; font-weight: 700; margin-bottom: 6px; color: #fff; } #icar-pro-content .icar-spec-info p { font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); } #icar-pro-content .icar-specs-divider { position: relative; height: 20px; margin: 30px 0; text-align: center; } #icar-pro-content .icar-specs-divider::before { content: ''; position: absolute; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%); top: 50%; left: 0; transform: translateY(-50%); } #icar-pro-content .icar-specs-divider span { background: #343a40; padding: 0 15px; position: relative; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.7); } #icar-pro-content .icar-specs-features { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; justify-content: center; } #icar-pro-content .icar-feature-tag { font-size: 12px; font-weight: 600; padding: 8px 16px; border-radius: 6px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: default; border: 1px solid rgba(255, 255, 255, 0.05); } #icar-pro-content .icar-feature-tag:hover { background: rgba(0, 123, 255, 0.3); color: white; transform: translateY(-5px) scale(1.05); box-shadow: 0 10px 15px -3px rgba(0, 123, 255, 0.3); border: 1px solid rgba(0, 123, 255, 0.3); } /* 360 Video Section */ #icar-pro-content .icar-360-section { padding: 120px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 50%, #f8f9fa 100%); position: relative; overflow: hidden; border-radius: var(--icar-radius-lg); margin-bottom: 60px; } #icar-pro-content .icar-360-animated-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } #icar-pro-content .icar-360-light-orb { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.2; animation: icar-float-360 15s infinite alternate ease-in-out; pointer-events: none; } #icar-pro-content .icar-360-orb1 { width: 50vw; height: 50vw; background: linear-gradient(45deg, #007bff, #42a5f5, #90caf9); top: -25%; right: -25%; animation-delay: 0s; } #icar-pro-content .icar-360-orb2 { width: 35vw; height: 35vw; background: linear-gradient(-45deg, #28a745, #66bb6a, #a5d6a7); bottom: -20%; left: -20%; animation-delay: -5s; } #icar-pro-content .icar-360-orb3 { width: 25vw; height: 25vw; background: linear-gradient(45deg, #6c757d, #90a4ae, #b0bec5); top: 50%; left: 70%; animation-delay: -10s; } @keyframes icar-float-360 { 0% { transform: translateY(0) scale(1) rotate(0deg); } 50% { transform: translateY(-3%) scale(1.05) rotate(180deg); } 100% { transform: translateY(3%) scale(0.95) rotate(360deg); } } #icar-pro-content .icar-360-header { text-align: center; margin-bottom: 80px; animation: icar-fadeInUp 1s ease-out forwards; } #icar-pro-content .icar-360-header-badge { display: inline-block; background: var(--icar-primary-gradient); color: white; font-size: 14px; font-weight: 600; padding: 10px 20px; border-radius: 50px; margin-bottom: 24px; box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3); position: relative; overflow: hidden; animation: icar-fadeInUp 0.8s ease-out forwards; } #icar-pro-content .icar-360-header-badge::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%); transform: rotate(45deg); animation: icar-shimmer-360 4s infinite; } @keyframes icar-shimmer-360 { 0% { left: -100%; } 100% { left: 100%; } } #icar-pro-content .icar-360-header h2 { font-size: 52px; font-weight: 800; margin-bottom: 20px; line-height: 1.1; letter-spacing: -0.5px; color: var(--icar-text); animation: icar-fadeInUp 1s ease-out forwards; animation-delay: 0.2s; } #icar-pro-content .icar-360-highlight-text { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block; position: relative; } #icar-pro-content .icar-360-highlight-text::after { content: ''; position: absolute; width: 100%; height: 6px; bottom: 2px; left: 0; background: var(--icar-primary-gradient); opacity: 0.3; border-radius: 50px; z-index: -1; } #icar-pro-content .icar-360-header p { font-size: 18px; font-weight: 400; color: var(--icar-text-light); max-width: 650px; margin: 0 auto; animation: icar-fadeInUp 1s ease-out forwards; animation-delay: 0.4s; } #icar-pro-content .icar-360-container { display: flex; gap: 80px; align-items: center; } #icar-pro-content .icar-360-video { flex: 1; animation: icar-fadeInLeft 1s ease-out forwards; animation-delay: 0.6s; } #icar-pro-content .icar-360-video-wrapper { position: relative; background: var(--icar-bg); border-radius: var(--icar-radius-lg); overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1) inset; transition: all 0.5s ease; aspect-ratio: 16 / 9; } #icar-pro-content .icar-360-video-wrapper:hover { transform: translateY(-10px); box-shadow: 0 35px 60px -15px rgba(0, 123, 255, 0.2), 0 0 0 1px rgba(0, 123, 255, 0.1) inset; } #icar-pro-content .icar-360-video-label { position: absolute; top: 15px; left: 15px; background: var(--icar-accent-gradient); color: white; padding: 8px 16px; border-radius: var(--icar-radius-sm); font-size: 12px; font-weight: 600; z-index: 10; box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3); } #icar-pro-content .icar-360-video-wrapper iframe { width: 100%; height: 100%; border: none; display: block; } #icar-pro-content .icar-360-video-glow { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width: 80%; height: 30px; background: radial-gradient(ellipse at center, rgba(0, 123, 255, 0.2) 0%, transparent 70%); border-radius: 50%; z-index: 1; filter: blur(20px); opacity: 0.8; transition: all 0.5s ease; } #icar-pro-content .icar-360-video-wrapper:hover .icar-360-video-glow { width: 90%; filter: blur(25px); opacity: 1; } #icar-pro-content .icar-360-video-shine { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0) 100%); z-index: 3; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; } #icar-pro-content .icar-360-video-wrapper:hover .icar-360-video-shine { opacity: 1; } #icar-pro-content .icar-360-content { flex: 1; animation: icar-fadeInRight 1s ease-out forwards; animation-delay: 0.8s; } #icar-pro-content .icar-360-badge { display: inline-block; background: var(--icar-accent-gradient); color: white; font-size: 14px; font-weight: 600; padding: 8px 16px; border-radius: 50px; margin-bottom: 20px; box-shadow: 0 8px 16px rgba(40, 167, 69, 0.3); position: relative; overflow: hidden; text-align: center; width: 100%; } #icar-pro-content .icar-360-badge::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%); transform: rotate(45deg); animation: icar-shimmer-360 3s infinite; } #icar-pro-content .icar-360-content h3 { font-size: 40px; font-weight: 800; margin-bottom: 20px; line-height: 1.1; color: var(--icar-text); } #icar-pro-content .icar-360-description { margin-bottom: 35px; color: var(--icar-text-light); font-size: 17px; line-height: 1.7; max-width: 520px; } #icar-pro-content .icar-360-advantages-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 35px; margin-bottom: 35px; } #icar-pro-content .icar-360-advantage { display: flex; gap: 15px; align-items: flex-start; transition: all 0.3s ease; padding: 15px; border-radius: var(--icar-radius-md); background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); } #icar-pro-content .icar-360-advantage:hover { transform: translateY(-5px); box-shadow: var(--icar-shadow-md), var(--icar-shadow-glow); background: rgba(255, 255, 255, 0.8); } #icar-pro-content .icar-360-advantage-icon { width: 50px; height: 50px; background: var(--icar-primary-gradient); border-radius: var(--icar-radius-md); display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; transition: all 0.4s ease; box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } #icar-pro-content .icar-360-advantage-icon i { font-size: 24px; transition: all 0.4s ease; } #icar-pro-content .icar-360-advantage:hover .icar-360-advantage-icon { transform: translateY(-3px) rotate(5deg); box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4); } #icar-pro-content .icar-360-advantage:hover .icar-360-advantage-icon i { transform: scale(1.1); } #icar-pro-content .icar-360-advantage-info h4 { font-size: 16px; font-weight: 700; margin-bottom: 5px; color: var(--icar-text); } #icar-pro-content .icar-360-advantage-info p { font-size: 14px; line-height: 1.5; color: var(--icar-text-light); } #icar-pro-content .icar-360-divider { position: relative; height: 20px; margin: 30px 0 20px 0; text-align: center; } #icar-pro-content .icar-360-divider::before { content: ''; position: absolute; width: 100%; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--icar-border) 20%, var(--icar-border) 80%, transparent 100%); top: 50%; left: 0; transform: translateY(-50%); } #icar-pro-content .icar-360-divider span { background: #f8f9fa; padding: 0 15px; position: relative; font-size: 14px; font-weight: 600; color: var(--icar-text-light); } #icar-pro-content .icar-360-features { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start; } #icar-pro-content .icar-360-feature-tag { font-size: 12px; font-weight: 600; padding: 8px 16px; border-radius: 6px; background: rgba(0, 123, 255, 0.1); color: var(--icar-primary-dark); border: 1px solid rgba(0, 123, 255, 0.2); transition: all 0.3s ease; cursor: default; } #icar-pro-content .icar-360-feature-tag:hover { background: var(--icar-primary-gradient); color: white; transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 15px rgba(0, 123, 255, 0.3); } /* Video Intro Styles */ #icar-pro-content .icar-360-video-intro { display: flex; align-items: flex-start; gap: 15px; padding: 20px; border-radius: var(--icar-radius-lg); background: rgba(0, 123, 255, 0.1); border: 1px solid rgba(0, 123, 255, 0.2); margin-bottom: 25px; transition: all 0.3s ease; backdrop-filter: blur(10px); } #icar-pro-content .icar-360-video-intro:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 123, 255, 0.15); background: rgba(0, 123, 255, 0.15); } #icar-pro-content .icar-360-video-intro-icon { width: 50px; height: 50px; background: var(--icar-primary-gradient); border-radius: var(--icar-radius-md); display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; transition: all 0.4s ease; box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } #icar-pro-content .icar-360-video-intro-icon i { font-size: 20px; transition: all 0.4s ease; } #icar-pro-content .icar-360-video-intro:hover .icar-360-video-intro-icon { transform: translateY(-3px) rotate(5deg); box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4); } #icar-pro-content .icar-360-video-intro:hover .icar-360-video-intro-icon i { transform: scale(1.1); } #icar-pro-content .icar-360-video-intro-content h4 { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: var(--icar-text); line-height: 1.2; } #icar-pro-content .icar-360-video-intro-content p { font-size: 14px; line-height: 1.5; color: var(--icar-text-light); margin: 0; } /* Video Placeholder Styles */ #icar-pro-content .icar-360-video-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: var(--icar-radius-md); } #icar-pro-content .icar-360-placeholder-content { text-align: center; color: var(--icar-text-light); } #icar-pro-content .icar-360-placeholder-content i { font-size: 48px; margin-bottom: 15px; color: var(--icar-primary); opacity: 0.7; } #icar-pro-content .icar-360-placeholder-content p { font-size: 16px; font-weight: 600; margin: 0; color: var(--icar-text); } /* How It Works Section */ #icar-pro-content .icar-how-it-works { padding: 100px 0; background-color: var(--icar-bg); position: relative; overflow: hidden; } #icar-pro-content .icar-how-it-works-header { text-align: center; margin-bottom: 60px; } #icar-pro-content .icar-how-it-works-header h2 { font-size: 42px; font-weight: 800; margin-bottom: 16px; color: var(--icar-text); } #icar-pro-content .icar-how-it-works-header .icar-highlight { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } #icar-pro-content .icar-how-it-works-header p { font-size: 18px; color: var(--icar-text-light); max-width: 700px; margin: 0 auto; } #icar-pro-content .icar-how-it-works-grid { display: grid; grid-template-columns: 40% 1fr; gap: 50px; margin-top: 70px; align-items: start; grid-auto-rows: min-content; } #icar-pro-content .icar-how-it-works-column.left h3, #icar-pro-content .icar-how-it-works-column.right h3 { font-size: 24px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 30px; text-align: center; position: relative; padding-bottom: 10px; } #icar-pro-content .icar-how-it-works-column.left h3::after, #icar-pro-content .icar-how-it-works-column.right h3::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--icar-primary-gradient); border-radius: var(--icar-radius-full); } #icar-pro-content .icar-how-it-works-column.left { display: flex; flex-direction: column; } #icar-pro-content .icar-winding-steps-list { position: relative; padding: 20px 0; display: flex; flex-direction: column; } #icar-pro-content .icar-winding-step-item { display: flex; position: relative; margin-bottom: 60px; align-items: center; } #icar-pro-content .icar-winding-step-item:last-child { margin-bottom: 0; } #icar-pro-content .icar-winding-step-item:nth-child(odd) { flex-direction: row; padding-left: 80px; } #icar-pro-content .icar-winding-step-item:nth-child(even) { flex-direction: row-reverse; padding-right: 80px; text-align: right; } #icar-pro-content .icar-winding-step-icon-wrapper { position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; background: var(--icar-primary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; border: 4px solid var(--icar-bg); box-shadow: var(--icar-shadow-md); } #icar-pro-content .icar-winding-step-item:nth-child(odd) .icar-winding-step-icon-wrapper { left: 0; } #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-icon-wrapper { right: 0; } #icar-pro-content .icar-winding-step-icon-wrapper i { font-size: 24px; color: #ffffff; } #icar-pro-content .icar-winding-step-content { background-color: var(--icar-bg); border-radius: var(--icar-radius-lg); padding: 20px 25px; box-shadow: var(--icar-shadow-sm); border: 1px solid var(--icar-border); flex-grow: 1; transition: var(--icar-transition); } #icar-pro-content .icar-winding-step-item:hover .icar-winding-step-content { transform: scale(1.02); box-shadow: var(--icar-shadow-lg), var(--icar-shadow-glow); } #icar-pro-content .icar-winding-step-content h4 { font-size: 18px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 8px; display: flex; align-items: center; } #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-content h4 { flex-direction: row-reverse; } #icar-pro-content .icar-winding-step-number { display: inline-block; background-color: var(--icar-primary-light); color: var(--icar-primary-dark); border-radius: 50%; width: 28px; height: 28px; line-height: 28px; text-align: center; font-weight: 800; font-size: 14px; margin-right: 10px; flex-shrink: 0; } #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-number { margin-right: 0; margin-left: 10px; } #icar-pro-content .icar-winding-step-content p { font-size: 14px; color: var(--icar-text-light); line-height: 1.5; } #icar-pro-content .icar-winding-step-content a { color: var(--icar-primary-dark); text-decoration: none; font-weight: 600; border-bottom: 1px dashed var(--icar-primary-light); transition: var(--icar-transition); } #icar-pro-content .icar-winding-step-content a:hover { color: var(--icar-primary); border-bottom-color: var(--icar-primary); } #icar-pro-content .icar-how-it-works-column.right { display: flex; flex-direction: column; } #icar-pro-content .icar-capabilities-list { list-style: none; padding: 0; margin: 0; } #icar-pro-content .icar-capability-item { background-color: var(--icar-bg); border-radius: var(--icar-radius-lg); padding: 20px; margin-bottom: 20px; border: 1px solid var(--icar-border); box-shadow: var(--icar-shadow-sm); transition: var(--icar-transition); display: flex; align-items: center; gap: 15px; } #icar-pro-content .icar-capability-item:hover { transform: translateY(-5px); box-shadow: var(--icar-shadow-md), var(--icar-shadow-accent); border-color: var(--icar-secondary-light); } #icar-pro-content .icar-capability-icon { font-size: 24px; color: var(--icar-accent); width: 40px; text-align: center; flex-shrink: 0; } #icar-pro-content .icar-capability-text { font-size: 15px; font-weight: 500; color: var(--icar-text); } #icar-pro-content .icar-capability-text strong { font-weight: 700; color: var(--icar-primary-dark); } #icar-pro-content .icar-enhanced-notice { display: flex; align-items: flex-start; gap: 30px; background: linear-gradient(135deg, var(--icar-primary-light), var(--icar-accent-light)); border-radius: var(--icar-radius-xl); padding: 40px; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: var(--icar-shadow-lg), 0 0 40px rgba(0, 123, 255, 0.15); max-width: 900px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; margin-top: 80px; } #icar-pro-content .icar-enhanced-notice-icon { font-size: 40px; color: var(--icar-primary); background-color: rgba(255, 255, 255, 0.5); padding: 20px; border-radius: 50%; flex-shrink: 0; box-shadow: var(--icar-shadow-md); } #icar-pro-content .icar-enhanced-notice-content h4 { font-size: 22px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 15px; } #icar-pro-content .icar-enhanced-notice-content p { font-size: 15px; color: var(--icar-text); line-height: 1.7; margin-bottom: 15px; } #icar-pro-content .icar-enhanced-notice-content p:last-child { margin-bottom: 0; } #icar-pro-content .icar-enhanced-notice-content strong { font-weight: 700; color: var(--icar-primary-dark); } #icar-pro-content .icar-enhanced-notice-content a { color: var(--icar-primary-dark); font-weight: 600; text-decoration: none; border-bottom: 2px solid var(--icar-primary); transition: var(--icar-transition); } #icar-pro-content .icar-enhanced-notice-content a:hover { color: var(--icar-primary); background-color: var(--icar-primary-light); padding: 2px 4px; border-radius: var(--icar-radius-sm); border-bottom: none; } /* FAQ Section */ #icar-pro-content .icar-faq { padding: 80px 0; background-color: var(--icar-bg-off); position: relative; overflow: hidden; } #icar-pro-content .icar-faq-header { text-align: center; margin-bottom: 60px; } #icar-pro-content .icar-faq-header h2 { font-size: 42px; font-weight: 800; margin-bottom: 16px; color: var(--icar-text); } #icar-pro-content .icar-faq-header .icar-highlight { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } #icar-pro-content .icar-faq-header p { font-size: 18px; color: var(--icar-text-light); max-width: 700px; margin: 0 auto; } #icar-pro-content .icar-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 1100px; margin: 0 auto; } #icar-pro-content .icar-faq-card { background-color: var(--icar-bg); border-radius: var(--icar-radius-lg); border: 1px solid var(--icar-border); box-shadow: var(--icar-shadow-md); padding: 30px; transition: var(--icar-transition); display: flex; flex-direction: column; height: 100%; } #icar-pro-content .icar-faq-card:hover { transform: translateY(-5px); box-shadow: var(--icar-shadow-lg); border-color: var(--icar-primary-light); } #icar-pro-content .icar-faq-card-question { font-size: 18px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 15px; display: flex; align-items: flex-start; gap: 12px; } #icar-pro-content .icar-faq-card-icon { font-size: 20px; color: var(--icar-primary); margin-top: 2px; flex-shrink: 0; } #icar-pro-content .icar-faq-card-answer { font-size: 15px; color: var(--icar-text-light); line-height: 1.7; flex-grow: 1; } #icar-pro-content .icar-faq-card-answer a { color: var(--icar-primary-dark); font-weight: 600; text-decoration: none; border-bottom: 1px dashed var(--icar-primary-light); transition: var(--icar-transition); } #icar-pro-content .icar-faq-card-answer a:hover { color: var(--icar-primary); border-bottom-color: var(--icar-primary); } /* Support Section */ #icar-pro-content .icar-support { padding: 100px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); position: relative; overflow: hidden; } #icar-pro-content .icar-support-header { text-align: center; margin-bottom: 60px; } #icar-pro-content .icar-support-header h2 { font-size: 42px; font-weight: 800; margin-bottom: 16px; color: var(--icar-text); } #icar-pro-content .icar-support-header .icar-highlight { background: var(--icar-primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; } #icar-pro-content .icar-support-header p { font-size: 18px; color: var(--icar-text-light); max-width: 700px; margin: 0 auto; } #icar-pro-content .icar-support-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; } #icar-pro-content .icar-support-card { background-color: var(--icar-bg); border-radius: var(--icar-radius-lg); border: 1px solid var(--icar-border); box-shadow: var(--icar-shadow-md); padding: 30px; transition: var(--icar-transition); text-align: center; } #icar-pro-content .icar-support-card:hover { transform: translateY(-5px); box-shadow: var(--icar-shadow-lg); border-color: var(--icar-primary-light); } #icar-pro-content .icar-support-card-icon { font-size: 48px; color: var(--icar-primary); margin-bottom: 20px; } #icar-pro-content .icar-support-card h3 { font-size: 24px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 15px; } #icar-pro-content .icar-support-card p { font-size: 15px; color: var(--icar-text-light); line-height: 1.6; margin-bottom: 20px; } #icar-pro-content .icar-support-card .icar-contact-info { display: flex; flex-direction: column; gap: 10px; } #icar-pro-content .icar-contact-item { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 600; color: var(--icar-primary-dark); } #icar-pro-content .icar-contact-item i { color: var(--icar-primary); } #icar-pro-content .icar-support-hours { background: var(--icar-primary-light); padding: 20px; border-radius: var(--icar-radius-md); margin-top: 30px; } #icar-pro-content .icar-support-hours h4 { font-size: 20px; font-weight: 700; color: var(--icar-primary-dark); margin-bottom: 15px; text-align: center; } #icar-pro-content .icar-hours-list { display: flex; flex-direction: column; gap: 8px; } #icar-pro-content .icar-hour-item { display: flex; justify-content: space-between; font-size: 14px; } #icar-pro-content .icar-hour-day { font-weight: 600; color: var(--icar-text); } #icar-pro-content .icar-hour-time { color: var(--icar-text-light); } /* Responsive Styles */ @media (max-width: 1200px) { #icar-pro-content .icar-hero-title { font-size: 60px; } #icar-pro-content .icar-specs-container { gap: 50px; } #icar-pro-content .icar-specs-header h2 { font-size: 48px; } #icar-pro-content .icar-specs-content h3 { font-size: 36px; } #icar-pro-content .icar-product-main-image { height: 350px; } #icar-pro-content .icar-hero-image iframe { height: auto; aspect-ratio: 1 / 1; } #icar-pro-content .icar-360-header h2 { font-size: 44px; } #icar-pro-content .icar-360-content h3 { font-size: 34px; } } @media (max-width: 992px) { #icar-pro-content .icar-hero-container { flex-direction: column-reverse; gap: 40px; text-align: center; } #icar-pro-content .icar-hero-content { max-width: 100%; } #icar-pro-content .icar-hero-btns { justify-content: center; } #icar-pro-content .icar-hero-features { justify-content: center; } #icar-pro-content .icar-hero-title { font-size: 50px; } #icar-pro-content .icar-hero-image-inner { max-width: 400px; } #icar-pro-content .icar-product-specs { padding: 100px 0; } #icar-pro-content .icar-specs-container { flex-direction: column; gap: 60px; } #icar-pro-content .icar-specs-image, #icar-pro-content .icar-specs-content { width: 100%; max-width: 600px; margin: 0 auto; } #icar-pro-content .icar-product-card { padding: 15px; } #icar-pro-content .icar-specs-header h2 { font-size: 42px; } #icar-pro-content .icar-gallery-item { width: 70px; height: 70px; } #icar-pro-content .icar-product-main-image { height: 320px; } #icar-pro-content .icar-specs-features { justify-content: center; } #icar-pro-content .icar-360-section { padding: 100px 0; } #icar-pro-content .icar-360-container { flex-direction: column; gap: 50px; } #icar-pro-content .icar-360-video, #icar-pro-content .icar-360-content { width: 100%; max-width: 600px; margin: 0 auto; } #icar-pro-content .icar-360-header h2 { font-size: 38px; } #icar-pro-content .icar-360-content h3 { font-size: 30px; } #icar-pro-content .icar-360-advantages-grid { grid-template-columns: 1fr; gap: 20px; } #icar-pro-content .icar-how-it-works-header h2 { font-size: 36px; } #icar-pro-content .icar-how-it-works-grid { grid-template-columns: 1fr; gap: 40px; } #icar-pro-content .icar-how-it-works-column.right { margin-top: 20px; } #icar-pro-content .icar-winding-step-item:nth-child(odd), #icar-pro-content .icar-winding-step-item:nth-child(even) { flex-direction: row; padding-left: 80px; padding-right: 0; text-align: left; } #icar-pro-content .icar-winding-step-item:nth-child(odd) .icar-winding-step-icon-wrapper, #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-icon-wrapper { left: 0; right: auto; } #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-content h4 { flex-direction: row; } #icar-pro-content .icar-winding-step-item:nth-child(even) .icar-winding-step-number { margin-right: 10px; margin-left: 0; } #icar-pro-content .icar-faq-grid { grid-template-columns: 1fr; max-width: 700px; } #icar-pro-content .icar-support-grid { grid-template-columns: 1fr; max-width: 600px; } } @media (max-width: 768px) { #icar-pro-content .icar-hero { padding: 60px 0; } #icar-pro-content .icar-hero-title { font-size: 36px; } #icar-pro-content .icar-hero-subtitle { font-size: 18px; } #icar-pro-content .icar-hero-pretitle { font-size: 16px; } #icar-pro-content .icar-hero-features { gap: 20px; } #icar-pro-content .icar-floating-elements { display: none; } #icar-pro-content .icar-product-specs { padding: 80px 0; } #icar-pro-content .icar-specs-header h2 { font-size: 36px; } #icar-pro-content .icar-specs-content h3 { font-size: 32px; } #icar-pro-content .icar-specs-detail-grid { grid-template-columns: 1fr; gap: 24px; } #icar-pro-content .icar-gallery-item { width: 60px; height: 60px; } #icar-pro-content .icar-product-main-image { height: 280px; } #icar-pro-content .icar-how-it-works { padding: 80px 0; } #icar-pro-content .icar-how-it-works-header h2 { font-size: 32px; } #icar-pro-content .icar-how-it-works-header p { font-size: 16px; } #icar-pro-content .icar-how-it-works-grid { gap: 30px; margin-top: 50px; } #icar-pro-content .icar-how-it-works-column.left h3, #icar-pro-content .icar-how-it-works-column.right h3 { font-size: 22px; } #icar-pro-content .icar-capability-item { flex-direction: column; text-align: center; gap: 10px; padding: 15px; } #icar-pro-content .icar-capability-icon { margin-bottom: 5px; } #icar-pro-content .icar-winding-step-item { margin-bottom: 40px; padding-left: 70px; } #icar-pro-content .icar-winding-step-icon-wrapper { width: 50px; height: 50px; } #icar-pro-content .icar-winding-step-icon-wrapper i { font-size: 20px; } #icar-pro-content .icar-winding-step-content { padding: 15px 20px; } #icar-pro-content .icar-winding-step-content h4 { font-size: 16px; } #icar-pro-content .icar-winding-step-number { width: 24px; height: 24px; line-height: 24px; font-size: 12px; margin-right: 8px; } #icar-pro-content .icar-winding-step-content p { font-size: 13px; } #icar-pro-content .icar-enhanced-notice { flex-direction: column; align-items: center; text-align: center; gap: 25px; padding: 30px; margin-top: 60px; } #icar-pro-content .icar-enhanced-notice-icon { font-size: 32px; padding: 15px; } #icar-pro-content .icar-enhanced-notice-content h4 { font-size: 20px; } #icar-pro-content .icar-enhanced-notice-content p { font-size: 14px; } #icar-pro-content .icar-faq { padding: 60px 0; } #icar-pro-content .icar-faq-header h2 { font-size: 32px; } #icar-pro-content .icar-faq-header p { font-size: 16px; } #icar-pro-content .icar-faq-card { padding: 25px; } #icar-pro-content .icar-faq-card-question { font-size: 17px; gap: 10px; } #icar-pro-content .icar-faq-card-icon { font-size: 18px; } #icar-pro-content .icar-faq-card-answer { font-size: 14px; } #icar-pro-content .icar-support { padding: 80px 0; } #icar-pro-content .icar-support-header h2 { font-size: 32px; } #icar-pro-content .icar-support-card { padding: 25px; } #icar-pro-content .icar-contact-item { font-size: 14px; } } @media (max-width: 576px) { #icar-pro-content .icar-container { padding: 0 15px; } #icar-pro-content .icar-hero-btns { flex-direction: column; width: 100%; } #icar-pro-content .icar-btn { width: 100%; } #icar-pro-content .icar-hero-feature { width: 100%; justify-content: center; } #icar-pro-content .icar-hero-image iframe { height: auto; aspect-ratio: 1 / 1; } #icar-pro-content .icar-specs-header h2 { font-size: 32px; } #icar-pro-content .icar-specs-header p { font-size: 16px; } #icar-pro-content .icar-specs-content h3 { font-size: 28px; } #icar-pro-content .icar-product-card { padding: 10px; } #icar-pro-content .icar-spec-icon { width: 46px; height: 46px; } #icar-pro-content .icar-spec-icon svg, #icar-pro-content .icar-spec-icon i { width: 20px; height: 20px; } #icar-pro-content .icar-gallery-item { width: 50px; height: 50px; border-radius: 4px; } #icar-pro-content .icar-product-main-image { height: 240px; } #icar-pro-content .icar-specs-detail-grid { gap: 20px; } #icar-pro-content .icar-spec-info h4 { font-size: 16px; } #icar-pro-content .icar-spec-info p { font-size: 13px; } #icar-pro-content .icar-feature-tag { padding: 6px 12px; font-size: 11px; } #icar-pro-content .icar-how-it-works-header h2 { font-size: 28px; } #icar-pro-content .icar-how-it-works-header p { font-size: 15px; } #icar-pro-content .icar-capability-item { padding: 12px; } #icar-pro-content .icar-capability-icon { font-size: 20px; width: 35px; } #icar-pro-content .icar-capability-text { font-size: 13px; } #icar-pro-content .icar-winding-step-item { padding-left: 60px; margin-bottom: 30px; } #icar-pro-content .icar-winding-step-icon-wrapper { width: 45px; height: 45px; } #icar-pro-content .icar-winding-step-icon-wrapper i { font-size: 18px; } #icar-pro-content .icar-winding-step-content { padding: 12px 15px; } #icar-pro-content .icar-winding-step-content h4 { font-size: 15px; } #icar-pro-content .icar-winding-step-number { width: 22px; height: 22px; line-height: 22px; font-size: 11px; margin-right: 8px; } #icar-pro-content .icar-winding-step-content p { font-size: 12px; } #icar-pro-content .icar-enhanced-notice { padding: 25px; gap: 20px; margin-top: 40px; } #icar-pro-content .icar-enhanced-notice-icon { font-size: 28px; padding: 12px; } #icar-pro-content .icar-enhanced-notice-content h4 { font-size: 18px; } #icar-pro-content .icar-enhanced-notice-content p { font-size: 13px; } #icar-pro-content .icar-faq-header h2 { font-size: 28px; } #icar-pro-content .icar-faq-card { padding: 20px; } #icar-pro-content .icar-faq-card-question { font-size: 16px; } #icar-pro-content .icar-support-header h2 { font-size: 28px; } #icar-pro-content .icar-support-card { padding: 20px; } #icar-pro-content .icar-support-card h3 { font-size: 20px; } #icar-pro-content .icar-contact-item { font-size: 13px; flex-direction: column; gap: 5px; } } /* iCar Pro STYLES END */

Aracınızın Sağlığını Kolayca Takip Edin

Vgate iCar Pro Bluetooth 4.0 ile aracınızın motor arıza kodlarını okuyun, silin ve canlı verileri akıllı telefonunuzdan izleyin.

Özellikleri Keşfet


Hemen Satın Al
Arıza Kodu Okuma/Silme
Canlı Veri İzleme
Bluetooth 4.0 (BLE)
iOS & Android Uyumlu
Geniş Araç Uyumu
Otomatik Uyku Modu
360 Derece Görünüm

iCar Pro Bluetooth: Teknik Özellikler

Kompakt, güçlü ve kullanımı kolay Vgate iCar Pro Bluetooth 4.0 OBD2 adaptörü ile aracınızın sağlığını kontrol altında tutun.

BLUETOOTH 4.0 BLE

Vgate iCar Pro

Vgate iCar Pro, Bluetooth 4.0 (BLE) teknolojisi sayesinde hem iOS hem de Android cihazlarla uyumlu, modern bir OBD2 arıza tespit adaptörüdür.

Motor arıza lambasının neden yandığını öğrenin, arıza kodlarını silin ve aracınızın anlık verilerini (motor devri, hız, sıcaklıklar vb.) telefonunuzdan veya tabletinizden takip edin. Geniş uygulama desteği ve otomatik uyku/uyanma özelliği ile pratik bir kullanım sunar.

Bluetooth 4.0 (BLE)

iOS ve Android ile hızlı ve stabil bağlantı

Geniş Uygulama Desteği

Torque, Car Scanner, OBD Fusion ve dahası

Arıza Kodu Okuma/Silme

Motor arıza lambası (MIL) teşhisi

Canlı Veri Görüntüleme

Motor sensör verilerini anlık takip

Geniş Araç Uyumluluğu

Tüm OBD2 protokollerini destekler

Otomatik Uyku/Uyanma

Düşük güç tüketimi, aküyü korur

Anahtar Avantajlar
BLUETOOTH 4.0 BLE
iOS & ANDROID UYUMLU
ARIZA KODU OKUMA
CANLI VERİ
OTOMATİK UYKU
KOLAY KULLANIM
GENİŞ UYUMLULUK
KOMPAKT TASARIM

Vgate iCar Pro'yu Her Açıdan İnceleyin

360 derece video ile ürünümüzü detaylıca keşfedin ve neden tercih edilmesi gerektiğini öğrenin.

360° Görünüm Videosu

Vgate iCar Pro'yu her açıdan detaylı bir şekilde inceleyin.

NEDEN TERCİH EDİLMELİ?

Vgate iCar Pro Avantajları

Vgate iCar Pro, piyasadaki en gelişmiş Bluetooth 4.0 OBD2 adaptörlerinden biridir. Üstün kalite, geniş uyumluluk ve kolay kullanım ile öne çıkar.

Premium Kalite

Yüksek kaliteli malzemeler ve güvenilir çip seti

Hızlı Bağlantı

Bluetooth 4.0 BLE ile anında eşleşme

Düşük Güç Tüketimi

Otomatik uyku modu ile akü dostu

Evrensel Uyumluluk

OBD2 standardına sahip araçlarla uyumlu

iCar Pro ile Neler Yapabilirsiniz?

Vgate iCar Pro ve uyumlu bir OBD2 uygulaması ile aracınız hakkında bilgi edinin.

Kullanım Adımları

1 OBD2 Uygulamasını İndirin

App Store veya Google Play'den seçtiğiniz bir OBD2 uygulamasını (örn. Car Scanner, Torque) indirin.

2 Cihazı Araca Takın

Vgate iCar Pro'yu aracınızın direksiyon altındaki OBD2 portuna takın.

3 Bluetooth ile Bağlanın

Telefonunuzun Bluetooth'unu açın. Uygulama içerisinden Vgate iCar Pro'ya ('V-LINK' vb.) bağlanın.

4 Teşhise Başlayın

Uygulama üzerinden arıza kodlarını tarayın, silin veya canlı motor verilerini izleyin.

Cihazın Genel Özellikleri

• Arıza Kodu Okuma/Silme: Motor arıza lambası (Check Engine) nedenini öğrenin ve silin.
• Canlı Veri İzleme: Motor devri, hız, sıcaklık, yakıt basıncı gibi sensör verilerini görün.
• I/M Readiness (Emisyon Hazırlık): Aracınızın emisyon testi için hazır olup olmadığını kontrol edin.
• Yakıt Tüketimi Takibi: Uyumlu uygulamalarla anlık ve ortalama yakıt tüketimini izleyin.
• Araç Bilgileri: Şasi numarası (VIN) gibi araç bilgilerini okuyun.
• Geniş Uygulama Uyumluluğu: Birçok 3. parti OBD2 uygulamasıyla çalışır.
• O2 Sensör Testi: Oksijen sensörlerinin performansını izleyin (uygulamaya bağlı).

Uygulama Uyumluluğu

Vgate iCar Pro, standart OBD2 protokollerini destekleyen birçok uygulama ile çalışır. Popüler seçenekler arasında Torque (Android), Car Scanner ELM OBD2 (iOS/Android), OBD Fusion (iOS/Android) bulunur.

Bazı özel fonksiyonlar (örn. belirli marka için kodlama) için BimmerCode (BMW), FORScan Lite (Ford - sınırlı özellik) gibi özel uygulamalar gerekebilir. Uygulama seçimi ve özellikleri için uygulama geliştiricisinin web sitesini kontrol edin.

Merak Edilenler

Vgate iCar Pro kullanımı hakkında sıkça sorulan sorular.

Vgate iCar Pro hangi araçlarla uyumludur?
Vgate iCar Pro universal bir cihazdır. Modern araçların çoğunda bulunan standart OBD2 protokollerini destekler ve geniş bir araç yelpazesiyle çalışabilir.
Hangi telefonlarla uyumlu? iOS mu Android mi?
Vgate iCar Pro Bluetooth 4.0 (BLE) versiyonu hem iOS (iPhone/iPad) hem de Android cihazlarla uyumludur. Bluetooth Low Energy sayesinde kolayca bağlanır.
Cihazı sürekli takılı bırakabilir miyim?
Evet, Vgate iCar Pro'nun otomatik uyku modu özelliği sayesinde araç kontağı kapatıldıktan bir süre sonra çok düşük güç tüketimine geçer. Bu sayede akünüzün boşalma riski olmadan cihazı OBD2 portunda takılı bırakabilirsiniz.
Kodlama yapabilir miyim?
Vgate iCar Pro, temel OBD2 teşhis fonksiyonları için tasarlanmıştır. Kodlama gibi gelişmiş işlemler genellikle araca ve kullanılan uygulamaya bağlıdır. Örneğin, BMW/Mini araçlar için BimmerCode gibi özel uygulamalarla bazı kodlamalar yapılabilir.
Motor arıza lambasını söndürebilir miyim?
Evet, uyumlu bir uygulama ile motor arıza kodlarını (DTC) okuyabilir ve silebilirsiniz. Arıza kodunu silmek, motor arıza lambasını (Check Engine) söndürecektir. Ancak altta yatan sorun çözülmezse, lamba tekrar yanabilir.
Bu cihaz aracıma zarar verir mi?
Vgate iCar Pro gibi kaliteli OBD2 adaptörleri, doğru kullanıldığında aracınıza zarar vermez. Sadece standart OBD2 protokolleri üzerinden veri okuma ve temel komutları (arıza kodu silme gibi) gönderme işlemi yapar.

Destek ve İletişim

Vgate iCar Pro ile ilgili herhangi bir sorunuz mu var? Size yardımcı olmaktan memnuniyet duyarız.

Telefon Desteği

Ürün kurulumu, kullanımı ve teknik sorunlar için direkt telefon ile uzman ekibimizle görüşün.

0850 532 0550

Mail Desteği

Detaylı sorularınız ve doküman paylaşımı için email üzerinden bizimle iletişime geçin.

info@otoeko.com

WhatsApp Destek Hattı

Anlık mesajlaşma ile hızlı destek almak için WhatsApp üzerinden bize ulaşın.

0850 532 0550