/* Base Styles and Variables */
#autocom-product-showcase {
--primary: #0062e3;
--primary-dark: #004db8;
--primary-light: #4d94ff;
--secondary: #00d2c6;
--accent: #ff3366;
--dark: #0a1f44;
--gray: #556b8b;
--light-gray: #8798ad;
--lighter-gray: #edf2f9;
--off-white: #f5f8fc;
--white: #ffffff;
--box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
--gradient-primary: linear-gradient(135deg, #0062e3, #00d2c6);
--gradient-dark: linear-gradient(135deg, #004db8, #00a69d);
--border-radius-sm: 8px;
--border-radius: 12px;
--border-radius-lg: 20px;
--border-radius-xl: 30px;
--transition: all 0.3s ease;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--dark);
line-height: 1.6;
font-size: 16px;
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
}
#autocom-product-showcase * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#autocom-product-showcase .container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
#autocom-product-showcase a {
text-decoration: none;
color: inherit;
}
#autocom-product-showcase ul {
list-style: none;
}
#autocom-product-showcase img {
max-width: 100%;
height: auto;
display: block;
}
/* Typography */
#autocom-product-showcase h1,
#autocom-product-showcase h2,
#autocom-product-showcase h3,
#autocom-product-showcase h4,
#autocom-product-showcase h5,
#autocom-product-showcase h6 {
font-weight: 700;
line-height: 1.3;
color: var(--dark);
}
/* Buttons */
#autocom-product-showcase .btn-primary,
#autocom-product-showcase .btn-outline,
#autocom-product-showcase .btn-primary-soft,
#autocom-product-showcase .btn-product,
#autocom-product-showcase .btn-cta-primary,
#autocom-product-showcase .btn-cta-outline {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 600;
border-radius: var(--border-radius);
padding: 14px 32px;
transition: var(--transition);
cursor: pointer;
font-size: 15px;
gap: 12px;
}
#autocom-product-showcase .btn-primary {
background: var(--gradient-primary);
color: var(--white);
box-shadow: 0 8px 15px rgba(0, 98, 227, 0.2);
border: none;
}
#autocom-product-showcase .btn-primary:hover {
background: var(--gradient-dark);
box-shadow: 0 12px 20px rgba(0, 98, 227, 0.3);
transform: translateY(-2px);
}
#autocom-product-showcase .btn-outline {
background: var(--white);
color: var(--primary);
border: 2px solid var(--primary-light);
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
#autocom-product-showcase .btn-outline:hover {
background: var(--primary);
border-color: var(--primary);
color: var(--white);
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 98, 227, 0.25);
}
#autocom-product-showcase .btn-primary-soft {
background: rgba(0, 98, 227, 0.1);
color: var(--primary);
border: none;
}
#autocom-product-showcase .btn-primary-soft:hover {
background: rgba(0, 98, 227, 0.2);
transform: translateY(-2px);
}
/* Hero Section */
#autocom-product-showcase .hero {
position: relative;
padding: 100px 0 80px;
overflow: hidden;
background: var(--off-white);
}
#autocom-product-showcase .hero-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#autocom-product-showcase .hero-particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 20% 20%, rgba(0, 98, 227, 0.03) 0%, transparent 70%),
radial-gradient(circle at 80% 80%, rgba(0, 210, 198, 0.03) 0%, transparent 70%);
}
#autocom-product-showcase .hero-glow-1 {
position: absolute;
top: -150px;
right: -100px;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 98, 227, 0.1) 0%, transparent 70%);
filter: blur(60px);
}
#autocom-product-showcase .hero-glow-2 {
position: absolute;
bottom: -150px;
left: -100px;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 210, 198, 0.1) 0%, transparent 70%);
filter: blur(60px);
}
#autocom-product-showcase .hero-content {
position: relative;
z-index: 10;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
#autocom-product-showcase .hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(0, 98, 227, 0.08);
color: var(--primary);
padding: 8px 16px;
border-radius: 100px;
font-weight: 600;
font-size: 14px;
margin-bottom: 24px;
}
#autocom-product-showcase .hero-title {
font-size: 48px;
margin-bottom: 12px;
color: var(--dark);
line-height: 1.2;
}
#autocom-product-showcase .hero-subtitle {
display: block;
font-size: 18px;
color: var(--primary);
margin-top: 5px;
}
#autocom-product-showcase .hero-description {
font-size: 18px;
color: var(--gray);
margin-bottom: 32px;
max-width: 500px;
}
#autocom-product-showcase .hero-cta-group {
display: flex;
gap: 16px;
margin-bottom: 32px;
}
#autocom-product-showcase .compatibility-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
#autocom-product-showcase .tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
background: var(--white);
border-radius: 100px;
font-size: 13px;
font-weight: 500;
color: var(--gray);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
#autocom-product-showcase .product-display {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
#autocom-product-showcase .product-image-wrapper {
position: relative;
background: var(--white);
border-radius: var(--border-radius-lg);
box-shadow: var(--box-shadow);
padding: 40px;
margin-bottom: 30px;
overflow: hidden;
}
#autocom-product-showcase .product-badge {
position: absolute;
top: 20px;
right: 20px;
background: var(--accent);
color: var(--white);
padding: 6px 12px;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
z-index: 10;
}
#autocom-product-showcase .product-image {
position: relative;
z-index: 5;
transition: var(--transition);
}
#autocom-product-showcase .product-image:hover {
transform: scale(1.03);
}
#autocom-product-showcase .product-360-viewer {
position: relative;
width: 100%;
max-width: 480px;
margin: 0 auto;
border-radius: var(--border-radius-lg);
box-shadow: var(--box-shadow);
overflow: hidden;
}
#autocom-product-showcase .product-360-viewer::before {
content: '';
display: block;
padding-top: 100%;
}
#autocom-product-showcase .product-360-viewer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
#autocom-product-showcase .product-reflections {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%);
z-index: 2;
}
#autocom-product-showcase .product-controls {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#autocom-product-showcase .product-control-item {
background: var(--white);
border-radius: var(--border-radius);
padding: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: var(--transition);
cursor: pointer;
border: 1px solid transparent;
}
#autocom-product-showcase .product-control-item.active {
border-color: var(--primary-light);
box-shadow: 0 8px 20px rgba(0, 98, 227, 0.15);
transform: translateY(-5px);
}
#autocom-product-showcase .product-control-item:hover:not(.active) {
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}
#autocom-product-showcase .control-icon {
color: var(--primary);
font-size: 20px;
margin-bottom: 10px;
}
#autocom-product-showcase .control-info h4 {
font-size: 14px;
margin-bottom: 4px;
}
#autocom-product-showcase .control-info p {
font-size: 12px;
color: var(--light-gray);
}
#autocom-product-showcase .hero-bottom-wave {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
line-height: 0;
}
/* Brands Section */
#autocom-product-showcase .brands-section {
padding: 40px 0;
background: var(--white);
position: relative;
overflow: hidden;
}
#autocom-product-showcase .brands-title {
text-align: center;
font-weight: 600;
font-size: 14px;
color: var(--light-gray);
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 1px;
}
#autocom-product-showcase .brands-slider {
position: relative;
overflow: hidden;
padding: 20px 0;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}
#autocom-product-showcase .brands-track {
display: flex;
animation: brandScroll 20s linear infinite;
}
@keyframes brandScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
#autocom-product-showcase .brand-logo {
flex: 0 0 auto;
width: 120px;
height: 60px;
margin: 0 30px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.7;
transition: var(--transition);
}
#autocom-product-showcase .brand-logo:hover {
opacity: 1;
}
#autocom-product-showcase .brand-logo img {
max-width: 100%;
max-height: 40px;
transition: var(--transition);
}
/* Section Headers */
#autocom-product-showcase .section-header {
margin-bottom: 60px;
max-width: 800px;
}
#autocom-product-showcase .section-header.center-aligned {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#autocom-product-showcase .section-tag {
display: inline-block;
background: rgba(0, 98, 227, 0.08);
color: var(--primary);
padding: 6px 14px;
border-radius: 100px;
font-weight: 600;
font-size: 13px;
margin-bottom: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
#autocom-product-showcase .section-title {
font-size: 36px;
margin-bottom: 16px;
color: var(--dark);
}
#autocom-product-showcase .section-title span {
color: var(--primary);
position: relative;
display: inline-block;
}
#autocom-product-showcase .section-title span::after {
content: '';
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: rgba(0, 98, 227, 0.1);
z-index: -1;
border-radius: 4px;
}
#autocom-product-showcase .section-subtitle {
font-size: 18px;
color: var(--gray);
}
/* Features Section */
#autocom-product-showcase .features-section {
padding: 100px 0;
background: var(--white);
}
#autocom-product-showcase .features-layout {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 50px;
align-items: center;
}
#autocom-product-showcase .features-gallery-container {
display: flex;
flex-direction: column;
gap: 20px;
}
#autocom-product-showcase .main-feature-image {
background: var(--white);
border-radius: var(--border-radius-lg);
box-shadow: var(--box-shadow);
padding: 20px;
overflow: hidden;
}
#autocom-product-showcase #feature-gallery-image {
width: 100%;
border-radius: var(--border-radius);
transition: transform 0.3s ease, opacity 0.3s ease;
}
#autocom-product-showcase #feature-gallery-image:hover {
transform: scale(1.05);
}
#autocom-product-showcase .feature-thumbnails {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
#autocom-product-showcase .feature-thumb {
width: 100%;
border-radius: var(--border-radius-sm);
cursor: pointer;
border: 2px solid transparent;
transition: var(--transition);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
#autocom-product-showcase .feature-thumb:hover {
border-color: var(--primary-light);
transform: translateY(-3px);
}
#autocom-product-showcase .feature-thumb.active {
border-color: var(--primary);
box-shadow: 0 6px 15px rgba(0, 98, 227, 0.2);
}
#autocom-product-showcase .features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
#autocom-product-showcase .feature-card {
background: var(--off-white);
padding: 25px;
border-radius: var(--border-radius);
transition: var(--transition);
border: 1px solid transparent;
text-align: center;
}
#autocom-product-showcase .feature-card:hover {
transform: translateY(-10px);
box-shadow: var(--box-shadow);
border-color: var(--lighter-gray);
background: var(--white);
}
#autocom-product-showcase .feature-icon {
width: 50px;
height: 50px;
background: var(--gradient-primary);
color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin-bottom: 15px;
box-shadow: 0 8px 15px rgba(0, 98, 227, 0.2);
margin-left: auto;
margin-right: auto;
}
#autocom-product-showcase .feature-card h3 {
font-size: 18px;
margin-bottom: 10px;
}
#autocom-product-showcase .feature-card p {
color: var(--gray);
font-size: 14px;
}
/* MultiEcuScan Software Info Section */
#autocom-product-showcase .software-info-section {
padding: 60px 0;
background-color: #FFFFFF;
}
#autocom-product-showcase .software-info-section .section-header {
text-align: center;
max-width: 800px;
margin: 0 auto 60px;
}
#autocom-product-showcase .software-info-section .section-badge {
display: inline-block;
background: rgba(30, 136, 229, 0.1);
color: #1E88E5;
border-radius: 100px;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
border: 1px solid rgba(30, 136, 229, 0.2);
}
#autocom-product-showcase .software-info-section .section-title {
font-size: 40px;
font-weight: 800;
color: var(--dark);
margin-bottom: 20px;
line-height: 1.2;
}
#autocom-product-showcase .software-info-section .section-title span {
color: var(--primary);
}
#autocom-product-showcase .software-info-section .section-subtitle {
font-size: 18px;
line-height: 1.6;
color: var(--text-light);
}
#autocom-product-showcase .software-info-content-area {
text-align: center;
max-width: 800px;
margin: 40px auto 0 auto;
}
#autocom-product-showcase .info-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #1E88E5, #26C6DA);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: white;
font-size: 30px;
box-shadow: 0 10px 20px rgba(30, 136, 229, 0.3);
}
#autocom-product-showcase .info-title {
font-size: 24px;
font-weight: 700;
color: var(--dark);
margin-bottom: 15px;
}
#autocom-product-showcase .info-text {
font-size: 15px;
color: var(--text-light);
line-height: 1.7;
margin-bottom: 15px;
}
#autocom-product-showcase .info-text strong {
color: var(--primary);
font-weight: 600;
}
#autocom-product-showcase .software-download-prompt {
background-color: #FFFFFF;
padding: 25px 30px;
border-radius: 10px;
text-align: center;
max-width: 780px;
margin: 40px auto 0 auto;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
border-left: 4px solid var(--primary);
}
#autocom-product-showcase .software-access-icon {
color: var(--primary);
font-size: 30px;
margin-bottom: 15px;
}
#autocom-product-showcase .software-access-title {
font-size: 22px;
font-weight: 700;
color: var(--dark);
margin-bottom: 12px;
}
#autocom-product-showcase .software-access-text {
font-size: 15px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 25px;
max-width: 520px;
margin-left: auto;
margin-right: auto;
}
#autocom-product-showcase .btn-software-access {
background: linear-gradient(135deg, #1E88E5, #26C6DA);
color: white;
padding: 12px 28px;
font-weight: 700;
border-radius: 50px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
border: none;
cursor: pointer;
}
#autocom-product-showcase .btn-software-access:hover {
background: linear-gradient(135deg, #1976D2, #00ACC1);
box-shadow: 0 6px 18px rgba(30, 136, 229, 0.4);
transform: translateY(-1px);
}
#autocom-product-showcase .bonus-content {
margin-top: 40px;
padding: 20px;
background: rgba(0, 98, 227, 0.05);
border-radius: var(--border-radius);
text-align: center;
}
#autocom-product-showcase .bonus-content .bonus-icon {
color: var(--accent);
margin-bottom: 10px;
display: inline-block;
font-size: 24px;
}
#autocom-product-showcase .bonus-content h4 {
font-size: 18px;
color: var(--dark);
margin-bottom: 8px;
}
#autocom-product-showcase .bonus-content p {
font-size: 15px;
color: var(--gray);
line-height: 1.5;
max-width: 600px;
margin: 0 auto;
}
#autocom-product-showcase .bonus-content p strong {
font-weight: 600;
color: var(--primary);
}
/* Diagnostic Functions Section */
#autocom-product-showcase .diagnostic-functions {
padding: 100px 0;
background: var(--off-white);
}
#autocom-product-showcase .functions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
#autocom-product-showcase .function-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
padding: 30px;
background: var(--white);
border-radius: var(--border-radius-lg);
transition: var(--transition);
box-shadow: var(--box-shadow);
border: 1px solid transparent;
}
#autocom-product-showcase .function-item:hover {
transform: translateY(-10px);
border-color: var(--primary-light);
}
#autocom-product-showcase .function-icon {
width: 70px;
height: 70px;
min-width: 70px;
background: var(--gradient-primary);
color: var(--white);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
box-shadow: 0 10px 20px rgba(0, 98, 227, 0.25);
}
#autocom-product-showcase .function-details h4 {
font-size: 20px;
margin-bottom: 10px;
}
#autocom-product-showcase .function-details p {
color: var(--gray);
font-size: 15px;
line-height: 1.6;
}
#autocom-product-showcase .tab-note {
background: rgba(255, 51, 102, 0.1);
border-left: 4px solid var(--accent);
padding: 15px 20px;
margin-top: 30px;
border-radius: var(--border-radius-sm);
}
#autocom-product-showcase .tab-note p {
color: var(--gray);
font-size: 14px;
font-style: italic;
}
/* Laptop Set Section */
#autocom-product-showcase .laptop-set-section {
padding: 100px 0;
background: var(--white);
}
#autocom-product-showcase .laptop-set-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
#autocom-product-showcase .laptop-set-image {
text-align: center;
}
#autocom-product-showcase .laptop-set-image img {
max-width: 90%;
border-radius: var(--border-radius-lg);
box-shadow: var(--box-shadow);
}
#autocom-product-showcase .laptop-set-info .section-tag {
margin-bottom: 12px;
}
#autocom-product-showcase .laptop-set-info h2 {
font-size: 32px;
margin-bottom: 20px;
}
#autocom-product-showcase .laptop-set-info p {
color: var(--gray);
margin-bottom: 25px;
}
#autocom-product-showcase .laptop-features {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
#autocom-product-showcase .laptop-features li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
font-size: 16px;
}
#autocom-product-showcase .laptop-features li i {
color: var(--primary);
font-size: 20px;
}
/* Products Range Section */
#autocom-product-showcase .products-range {
padding: 100px 0;
background: var(--white);
}
#autocom-product-showcase .products-comparison {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
#autocom-product-showcase .product-card {
background: var(--off-white);
border-radius: var(--border-radius-lg);
padding: 30px;
position: relative;
transition: var(--transition);
overflow: hidden;
border: 1px solid transparent;
}
#autocom-product-showcase .product-card.featured {
background: var(--white);
box-shadow: var(--box-shadow);
border-color: var(--lighter-gray);
transform: scale(1.05);
}
#autocom-product-showcase .product-card:not(.featured):hover {
background: var(--white);
transform: translateY(-10px);
box-shadow: var(--box-shadow);
border-color: var(--lighter-gray);
}
#autocom-product-showcase .product-badge {
position: absolute;
top: 20px;
right: 20px;
background: var(--accent);
color: var(--white);
padding: 6px 12px;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
z-index: 10;
}
#autocom-product-showcase .product-image {
text-align: center;
margin-bottom: 20px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
#autocom-product-showcase .product-image img {
max-height: 100%;
}
#autocom-product-showcase .product-name {
font-size: 22px;
margin-bottom: 10px;
text-align: center;
}
#autocom-product-showcase .product-description {
color: var(--gray);
margin-bottom: 25px;
font-size: 15px;
text-align: center;
}
#autocom-product-showcase .product-features {
margin-bottom: 30px;
}
#autocom-product-showcase .product-features li {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
font-size: 15px;
}
#autocom-product-showcase .product-features li i {
color: var(--primary);
}
#autocom-product-showcase .product-features li.feature-disabled {
color: var(--light-gray);
}
#autocom-product-showcase .product-features li.feature-disabled i {
color: var(--light-gray);
}
#autocom-product-showcase .btn-product {
width: 100%;
background: var(--gradient-primary);
color: var(--white);
border: none;
}
#autocom-product-showcase .btn-product:hover {
background: var(--gradient-dark);
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0, 98, 227, 0.2);
}
#autocom-product-showcase .btn-product.secondary {
background: transparent;
color: var(--primary);
border: 2px solid var(--primary-light);
}
#autocom-product-showcase .btn-product.secondary:hover {
background: rgba(0, 98, 227, 0.05);
box-shadow: none;
}
/* Testimonials Section */
#autocom-product-showcase .testimonials-section {
padding: 100px 0;
background: var(--off-white);
}
#autocom-product-showcase .testimonials-carousel {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 40px;
}
#autocom-product-showcase .testimonial-card {
background: var(--white);
border-radius: var(--border-radius-lg);
padding: 30px;
box-shadow: var(--box-shadow);
transition: var(--transition);
}
#autocom-product-showcase .testimonial-card:hover {
transform: translateY(-10px);
}
#autocom-product-showcase .testimonial-rating {
color: #FFB400;
font-size: 16px;
margin-bottom: 20px;
}
#autocom-product-showcase .testimonial-text {
color: var(--gray);
font-size: 16px;
line-height: 1.7;
margin-bottom: 25px;
font-style: italic;
}
#autocom-product-showcase .testimonial-author {
display: flex;
align-items: center;
gap: 15px;
}
#autocom-product-showcase .author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
#autocom-product-showcase .author-info h4 {
font-size: 16px;
margin-bottom: 4px;
}
#autocom-product-showcase .author-info p {
font-size: 14px;
color: var(--light-gray);
}
#autocom-product-showcase .testimonials-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
#autocom-product-showcase .control-prev,
#autocom-product-showcase .control-next {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--white);
border: 1px solid var(--lighter-gray);
color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: var(--transition);
}
#autocom-product-showcase .control-prev:hover,
#autocom-product-showcase .control-next:hover {
background: var(--primary);
color: var(--white);
}
#autocom-product-showcase .control-dots {
display: flex;
gap: 8px;
}
#autocom-product-showcase .dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--lighter-gray);
cursor: pointer;
transition: var(--transition);
}
#autocom-product-showcase .dot.active {
background: var(--primary);
transform: scale(1.2);
}
/* FAQ Section */
#autocom-product-showcase .faq-section {
padding: 100px 0;
background: var(--white);
}
#autocom-product-showcase .faq-container {
max-width: 800px;
margin: 0 auto;
}
#autocom-product-showcase .faq-item {
background: var(--off-white);
border-radius: var(--border-radius);
margin-bottom: 20px;
overflow: hidden;
border: 1px solid transparent;
transition: var(--transition);
}
#autocom-product-showcase .faq-item.active {
background: var(--white);
box-shadow: var(--box-shadow);
border-color: var(--lighter-gray);
}
#autocom-product-showcase .faq-question {
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
#autocom-product-showcase .faq-question h3 {
font-size: 18px;
font-weight: 600;
}
#autocom-product-showcase .faq-toggle {
background: transparent;
border: none;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--primary);
font-size: 16px;
}
#autocom-product-showcase .faq-toggle .fa-minus {
display: none;
}
#autocom-product-showcase .faq-item.active .faq-toggle .fa-plus {
display: none;
}
#autocom-product-showcase .faq-item.active .faq-toggle .fa-minus {
display: block;
}
#autocom-product-showcase .faq-answer {
padding: 0 30px 20px;
display: none;
}
#autocom-product-showcase .faq-item.active .faq-answer {
display: block;
}
#autocom-product-showcase .faq-answer p {
color: var(--gray);
line-height: 1.7;
}
/* Call to Action Section */
#autocom-product-showcase .cta-section {
padding: 100px 0;
position: relative;
overflow: hidden;
}
#autocom-product-showcase .cta-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://otoeko.com/wp-content/uploads/2023/10/autocom-cta-bg.webp');
background-size: cover;
background-position: center;
z-index: 1;
}
#autocom-product-showcase .cta-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 98, 227, 0.9), rgba(0, 210, 198, 0.8));
z-index: 2;
}
#autocom-product-showcase .cta-content {
position: relative;
z-index: 10;
text-align: center;
max-width: 800px;
margin: 0 auto;
color: var(--white);
}
#autocom-product-showcase .cta-content h2 {
font-size: 36px;
margin-bottom: 20px;
color: var(--white);
}
#autocom-product-showcase .cta-content h2 span {
border-bottom: 3px solid var(--white);
}
#autocom-product-showcase .cta-content p {
font-size: 18px;
margin-bottom: 40px;
opacity: 0.9;
}
#autocom-product-showcase .cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
}
#autocom-product-showcase .btn-cta-primary {
background: var(--white);
color: var(--primary);
box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2);
border: none;
}
#autocom-product-showcase .btn-cta-primary:hover {
background: var(--off-white);
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(255, 255, 255, 0.3);
}
#autocom-product-showcase .btn-cta-outline {
background: transparent;
color: var(--white);
border: 2px solid rgba(255, 255, 255, 0.3);
}
#autocom-product-showcase .btn-cta-outline:hover {
border-color: var(--white);
transform: translateY(-3px);
}
/* Footer */
#autocom-product-showcase .product-footer {
background: var(--dark);
color: var(--white);
padding: 60px 0 30px;
}
#autocom-product-showcase .footer-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#autocom-product-showcase .footer-logo {
max-width: 150px;
}
#autocom-product-showcase .footer-contact {
display: flex;
gap: 30px;
}
#autocom-product-showcase .contact-item {
display: flex;
align-items: center;
gap: 10px;
color: rgba(255, 255, 255, 0.8);
}
#autocom-product-showcase .footer-middle {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#autocom-product-showcase .footer-middle p {
color: rgba(255, 255, 255, 0.6);
max-width: 800px;
line-height: 1.7;
}
#autocom-product-showcase .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
#autocom-product-showcase .footer-social {
display: flex;
gap: 15px;
}
#autocom-product-showcase .social-icon {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition);
}
#autocom-product-showcase .social-icon:hover {
background: var(--primary);
transform: translateY(-3px);
}
#autocom-product-showcase .footer-copyright {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
}
/* Contact Section */
#autocom-product-showcase .contact-section {
padding: 100px 0;
background: var(--off-white);
}
#autocom-product-showcase .contact-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
#autocom-product-showcase .contact-card {
background: var(--white);
border-radius: var(--border-radius-lg);
padding: 40px;
text-align: center;
box-shadow: var(--box-shadow);
transition: var(--transition);
border: 1px solid transparent;
}
#autocom-product-showcase .contact-card:hover {
transform: translateY(-10px);
border-color: var(--primary-light);
}
#autocom-product-showcase .contact-icon {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
font-size: 28px;
color: var(--white);
}
#autocom-product-showcase .contact-icon.phone {
background: var(--gradient-primary);
box-shadow: 0 10px 20px rgba(0, 98, 227, 0.25);
}
#autocom-product-showcase .contact-icon.email {
background: var(--gradient-primary);
box-shadow: 0 10px 20px rgba(0, 98, 227, 0.25);
}
#autocom-product-showcase .contact-icon.whatsapp {
background: #25D366;
box-shadow: 0 10px 20px rgba(37, 211, 102, 0.25);
}
#autocom-product-showcase .contact-card h3 {
font-size: 22px;
margin-bottom: 15px;
color: var(--dark);
}
#autocom-product-showcase .contact-card p {
color: var(--gray);
font-size: 15px;
line-height: 1.6;
margin-bottom: 30px;
min-height: 72px; /* To align buttons */
}
#autocom-product-showcase .contact-button {
display: inline-block;
padding: 14px 32px;
border-radius: 50px;
font-weight: 600;
transition: var(--transition);
font-size: 15px;
text-decoration: none;
border: none;
cursor: pointer;
}
#autocom-product-showcase .contact-button.phone-btn {
background: var(--primary);
color: var(--white);
}
#autocom-product-showcase .contact-button.email-btn {
background: var(--primary);
color: var(--white);
}
#autocom-product-showcase .contact-button.whatsapp-btn {
background: #25D366;
color: var(--white);
}
#autocom-product-showcase .contact-button:hover {
transform: translateY(-3px);
filter: brightness(1.1);
}
/* Responsive Design */
@media (max-width: 1200px) {
#autocom-product-showcase .container {
padding: 0 40px;
}
#autocom-product-showcase .hero-title {
font-size: 42px;
}
#autocom-product-showcase .products-comparison {
gap: 20px;
}
}
@media (max-width: 991px) {
#autocom-product-showcase .laptop-set-content {
grid-template-columns: 1fr;
gap: 40px;
}
#autocom-product-showcase .contact-grid {
grid-template-columns: 1fr;
}
#autocom-product-showcase .hero-content {
grid-template-columns: 1fr;
gap: 40px;
}
#autocom-product-showcase .hero-left {
text-align: center;
}
#autocom-product-showcase .hero-description {
margin-left: auto;
margin-right: auto;
}
#autocom-product-showcase .hero-cta-group {
justify-content: center;
}
#autocom-product-showcase .compatibility-tags {
justify-content: center;
}
#autocom-product-showcase .features-grid {
grid-template-columns: repeat(2, 1fr);
}
#autocom-product-showcase .software-grid {
grid-template-columns: 1fr;
gap: 40px;
}
#autocom-product-showcase .software-info {
order: 2;
text-align: center;
}
#autocom-product-showcase .software-features li {
justify-content: center;
}
#autocom-product-showcase .software-cta {
display: flex;
justify-content: center;
}
#autocom-product-showcase .functions-grid {
grid-template-columns: 1fr;
}
#autocom-product-showcase .products-comparison {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
#autocom-product-showcase .product-card.featured {
transform: none;
}
#autocom-product-showcase .testimonials-carousel {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto 40px;
}
#autocom-product-showcase .testimonial-card:not(:first-child) {
display: none;
}
#autocom-product-showcase .footer-top {
flex-direction: column;
gap: 30px;
text-align: center;
}
#autocom-product-showcase .footer-contact {
flex-direction: column;
gap: 15px;
}
#autocom-product-showcase .footer-bottom {
flex-direction: column;
gap: 20px;
text-align: center;
}
}
@media (max-width: 768px) {
#autocom-product-showcase .container {
padding: 0 20px;
}
#autocom-product-showcase .hero {
padding: 80px 0 60px;
}
#autocom-product-showcase .hero-title {
font-size: 36px;
}
#autocom-product-showcase .hero-cta-group {
flex-direction: column;
}
#autocom-product-showcase .features-layout {
grid-template-columns: 1fr;
}
#autocom-product-showcase .features-grid {
grid-template-columns: 1fr;
}
#autocom-product-showcase .section-title {
font-size: 30px;
}
#autocom-product-showcase .tabs-nav {
flex-direction: column;
}
#autocom-product-showcase .tab-button {
padding: 15px;
}
#autocom-product-showcase .tab-pane {
padding: 30px 20px;
}
#autocom-product-showcase .cta-buttons {
flex-direction: column;
}
#autocom-product-showcase .features-section,
#autocom-product-showcase .software-showcase,
#autocom-product-showcase .diagnostic-functions,
#autocom-product-showcase .products-range,
#autocom-product-showcase .testimonials-section,
#autocom-product-showcase .faq-section {
padding: 60px 0;
}
#autocom-product-showcase .faq-question h3 {
font-size: 16px;
}
}
@media (max-width: 480px) {
#autocom-product-showcase .hero-title {
font-size: 30px;
}
#autocom-product-showcase .hero-subtitle {
font-size: 16px;
}
#autocom-product-showcase .section-title {
font-size: 26px;
}
#autocom-product-showcase .product-controls {
grid-template-columns: 1fr;
}
#autocom-product-showcase .cta-content h2 {
font-size: 28px;
}
}

PROFESYONEL TEŞHİS ÇÖZÜMÜ

AutoCom CDP+ Laptoplu Set
Servisiniz İçin Profesyonel Diagnostik Gücü

Geniş araç kapsamı, gelişmiş teşhis fonksiyonları ve kullanıcı dostu arayüzü ile AutoCom CDP+ arıza tespit cihazı, atölyenizin verimliliğini ve servis kalitesini en üst seviyeye taşır. Aracın tüm elektronik sistemlerine derinlemesine erişim sağlayın.

HEMEN SATIN AL


ÖZELLİKLERİ İNCELE

* Fiyatlarımıza KDV dahil değildir.
BİNEK ARAÇLAR
HAFİF TİCARİ
360° GÖRÜNÜM

60+ ARAÇ MARKASI DESTEĞİ

ÜSTÜN ÖZELLİKLER

AutoCom CDP+ Arıza Tespit Cihazı ile Servis Sınırlarınızı Genişletin

Temel arıza kodu okuma/silme işlemlerinden, gelişmiş ECU kodlama ve adaptasyonlara kadar, AutoCom CDP+ arıza tespit cihazı tüm servis ihtiyaçlarınız için tek ve güçlü bir çözümdür.

Tam Sistem Tarama

Motor, şanzıman, ABS, airbag, klima ve daha birçok kontrol ünitesinde hata kodu okuma ve silme.

Canlı Veri Akışı

Sensör verilerini gerçek zamanlı görüntüleme ve grafikler ile analiz etme imkanı.

Aktüatör Testleri

Enjektör, valf, röle ve diğer aktüatörleri aktive ederek işlevsellik testi yapabilme.

Kodlama & Adaptasyon

Elektronik kontrol ünitelerini kodlama ve adaptasyon işlemleri gerçekleştirme.

Servis Sıfırlama

Yağ, fren, servis ve bakım hatırlatıcı sıfırlama işlemleri.

Bluetooth Bağlantı

Kablosuz bağlantı ile uzaktan arıza tespit ve servis işlemleri yapabilme.

TEŞHİS FONKSİYONLARI

AutoCom CDP+ Arıza Tespit Cihazı Diagnostik Fonksiyonları

AutoCom CDP+ arıza tespit cihazı, temel bakım işlemlerinden karmaşık onarımlara kadar geniş bir yelpazede, her seviyeden teknisyenin ihtiyaç duyduğu profesyonel araçları sunar.

Hata Kodu Okuma/Silme

Tüm modüllerden hata kodlarını okuma ve silme.

Araç Yapılandırması

Aracın mevcut yapılandırmasını okuma ve analiz etme.

Direksiyon Adaptasyonu

Elektrikli direksiyon sisteminin adaptasyonunu yapma.

Akü Gücü Testi

Akü voltajını ve sağlık durumunu test edebilme.

Canlı Veri Görüntüleme

Sensör verilerini ve sistem parametrelerini anlık olarak izleme.

Otomatik Vites Adaptasyonu

Şanzıman ayarlarını ve adaptasyonunu gerçekleştirme.

Enjektör Kodlama

Yeni enjektörlerin ECU'ya tanıtılması ve kodlanması.

Gaz Kelebeği Adaptasyonu

Gaz kelebeği konumunu sıfırlama ve yeniden ayarlama.

Servis Prosedürleri

Adım adım onarım ve bakım prosedürlerini inceleme.

Adaptasyon ve Kalibrasyon

Çeşitli sensör ve bileşenlerin kalibrasyonunu yapma.

Ayarlama ve Kodlama

Araç özelliklerini kişiselleştirme ve ECU ayarları yapma.

DPF Rejenerasyonu

Dizel partikül filtresini temizleme ve yeniden oluşturma.

Servis Bakım Sıfırlama

Yağ, bakım ve servis aralıklarını sıfırlama.

Oto Öğrenim Sıfırlama

Adaptif sistemlerin öğrenim değerlerini sıfırlama.

Elektronik Park Freni

Fren balatası değişimi için servis moduna alma ve çektirme.

Ve Daha Fazla Özellik

AutoCom ile daha birçok gelişmiş fonksiyona erişin.

Lütfen dikkat: Belirtilen fonksiyonların kullanılabilirliği, aracın marka, model, üretim yılı ve donanım seviyesine göre değişiklik gösterebilir.

YAZILIM BİLGİSİ

AutoCom CDP+ Arıza Tespit Cihazı Yazılımı

AutoCom CDP+ arıza tespit cihazı donanımınız, ihtiyaçlarınıza yönelik farklı yazılım seçenekleriyle tam potansiyeline ulaşır. Standart sürümle başlayın veya en güncel araç desteği için son sürüme yükseltin.

Standart Sürüm Erişimi: AutoCom 2017

Bu seti kullanarak AutoCom yazılımının standart 2017 sürümüne erişebilirsiniz. Bu sürüm, 2017 yılına kadar üretilmiş birçok aracı desteklemektedir ve kapsamlı teşhis özellikleri sunar. İlgili yazılıma aşağıdaki butondan erişebilirsiniz.

AutoCom 2017 İndir

Opsiyonel: Son Sürüm 2021 Yazılımı

2017 sonrası model araçlarda tam uyumluluk ve en yeni özellikler için AutoCom'un son sürüm 2021 yazılımını sitemiz üzerinden ayrıca satın almanız önerilir. Bu sürüm, 2021 yılına kadar üretilmiş araçları destekler ve yazılımın tüm potansiyelinden yararlanmanızı sağlar. Bu sürüm son sürümdür ve sürekli güncelleme almaz.

AutoCom 2021 Satın Al

Özel Hediye Paketiniz

Ürün ile birlikte ücretsiz olarak Autocom 2017 yazılımı, Radyo Kod Çözme paket yazılımları ve Autodata sente yazılımı ücretsiz iletilecektir.

HEPSİ BİR ARADA ÇÖZÜM

Laptop Dahil Kullanıma Hazır Set

Vakit kaybetmeden hemen kullanmaya başlayın. AutoCom CDP+ arıza tespit cihazı, tüm yazılımları kurulmuş, yapılandırılmış ve test edilmiş, yüksek performanslı bir laptop ile birlikte gelir. Kutudan çıkarın, aracınıza bağlayın ve teşhise başlayın.

• Tüm AutoCom yazılımları kurulu ve aktif.
• Yüksek performanslı, servis ortamına uygun laptop.
• Tak-çalıştır kolaylığı, karmaşık kurulum yok.
• otoeko.com tarafından tam test ve kontrol garantisi.

SIKÇA SORULAN SORULAR

Sıkça Sorulan Sorular

AutoCom CDP+ cihazı, yazılımı ve kullanımı hakkında aklınıza takılabilecek soruların yanıtlarını burada bulabilirsiniz.

AutoCom CDP+ hangi araç markalarını destekler?

 

AutoCom CDP+, 60'tan fazla araç markasını desteklemektedir. Volkswagen Grubu (VW, Audi, Seat, Skoda), BMW Grubu, Mercedes-Benz, Ford, Renault, Peugeot, Citroen, Toyota, Hyundai, Kia ve daha birçok Avrupa, Asya ve Amerikan marka araçlarda kullanılabilir.

Cihazı kullanmak için teknik bilgiye ihtiyacım var mı?

 

AutoCom CDP+, kullanıcı dostu bir arayüze sahiptir ancak verimli kullanım için temel otomotiv bilgisi gereklidir. Hata kodu okuma/silme ve veri akışı gibi temel fonksiyonlar için özel bir eğitim gerekmezken, kodlama ve programlama gibi ileri düzey işlemler için otomotiv elektroniği konusunda bilgi sahibi olmanız önerilir. Satın alma sonrası temel kullanım eğitimi verilmektedir ve çevrimiçi destek kanallarımız da yardımcı olacaktır.

AutoCom CDP+ ile hangi programlama işlemlerini yapabilirim?

 

AutoCom CDP+ ile araç markası ve modeline bağlı olarak çeşitli programlama işlemleri yapabilirsiniz: Elektronik kontrol ünitesi (ECU) kodlama, enjektör kodlama, adaptasyon işlemleri, servis sıfırlama, DPF rejenerasyonu, elektronik el freni kalibrasyonu, akü değişimi programlaması ve bazı modellerde anahtar programlama. Anahtar programlama ve bazı özel programlama işlemleri için ek donanım veya lisans gerekebilir. Her araç modeli için desteklenen fonksiyonlar değişiklik gösterebilir.

DESTEK VE İLETİŞİM

Her Zaman Yanınızdayız

AutoCom CDP+ ile ilgili her türlü soru ve destek talebiniz için bize ulaşın. Size yardımcı olmaktan mutluluk duyarız.

Telefon Desteği

Mesai saatleri içinde teknik destek ve sipariş için telefonla bize ulaşabilirsiniz.

0850 532 0550

E-posta Desteği

Tüm sorularınız için 7/24 e-posta gönderebilirsiniz, size en kısa sürede dönüş yapacağız.

info@otoeko.com

WhatsApp Destek Hattı

Anlık sorularınız ve hızlı destek için WhatsApp üzerinden bize hemen yazabilirsiniz.

HEMEN ULAŞIN