/* 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;
}
/* 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 .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;
}
}

AĞIR VASITA ÇÖZÜMÜ

AutoCom CDP+ Ağır Vasıta Seti
Kamyon, Tır ve Otobüsler İçin Profesyonel Teşhis

AutoCom CDP+ Ağır Vasıta Seti, kamyon, tır, otobüs ve iş makineleri için özel olarak tasarlanmış arıza tespit kabloları ile birlikte gelir. Filounuzdaki tüm araçlar için tam kapsamlı bir diagnostik çözümü sunar.

AĞIR VASITA SETİ SATIN AL


ÖZELLİKLERİ İNCELE

KAMYON & TIR
OTOBÜS
İŞ MAKİNELERİ
360° GÖRÜNÜM

AĞIR VASITA SETİ ÖZELLİKLERİ

Kapsamlı Ağır Vasıta Kablo Seti

Bu set, AutoCom CDP+ cihazına ek olarak, kamyon, tır, otobüs ve dorse gibi ağır vasıta araçların büyük çoğunluğuyla tam uyumluluk sağlayan kablo setini içerir.

Geniş Uyumluluk

Mercedes, MAN, Scania, Volvo, DAF, Iveco ve Renault gibi lider markalar için özel soketler.

Dorse Desteği

Wabco, Knorr, Haldex gibi dorse sistemlerine tam uyumlu bağlantı kabloları.

Eksiksiz Teşhis

Kablo uyumsuzluğu yaşamadan motor, şanzıman, fren ve diğer tüm sistemlere erişim.

Profesyonel Çözüm

Servisinizdeki tüm ağır vasıta filosu için tek ve profesyonel bir çözüm.

TEŞHİS FONKSİYONLARI

AutoCom CDP+ Ağır Vasıta 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.

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