Türkçe
English
العربية
Volvo Vocom Arıza Tespit Cihazı + Laptop
Volvo Vocom Cihaz + Laptop + Yazılım + Plastik Taşıma Çantası şeklinde hazır set gönderilmektedir. Direk kullanıma hazırdır. Tak çalıştır sistemdir.
Volvo VOCOM 88890300 Hazır Set - Profesyonel Tanılama Paketi
.volvo-vocom {
font-family: 'Outfit', sans-serif;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
color: #334155;
line-height: 1.6;
overflow-x: hidden;
margin: 0;
padding: 0;
min-height: 100vh;
}
.volvo-vocom * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.volvo-vocom .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Hero Section */
.hero {
padding: 100px 0 120px;
position: relative;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #e2e8f0 100%);
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(16, 185, 129, 0.06) 0%, transparent 50%);
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.volvo-vocom .hero-logo {
max-width: 120px !important;
width: 120px !important;
height: auto;
margin: 0 auto 50px;
display: block;
}
.hero-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
margin-top: 30px;
}
.hero-text {
text-align: left;
}
.hero-title {
font-size: 4rem;
font-weight: 800;
color: #0f172a;
margin-bottom: 25px;
line-height: 1.1;
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-subtitle {
font-size: 1.4rem;
color: #475569;
margin-bottom: 30px;
line-height: 1.6;
font-weight: 400;
}
.hero-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 40px;
}
.hero-feature {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
padding: 15px;
background: rgba(255, 255, 255, 0.7);
border-radius: 12px;
border: 1px solid rgba(59, 130, 246, 0.1);
backdrop-filter: blur(10px);
}
.hero-feature-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #3b82f6, #1e40af);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 600;
font-size: 18px;
margin: 0 auto;
}
.hero-feature-text {
font-size: 0.95rem;
color: #475569;
font-weight: 500;
line-height: 1.4;
text-align: center;
}
.hero-feature-text strong {
color: #0f172a;
font-weight: 600;
}
.hero-feature-text small {
color: #64748b;
font-size: 0.8rem;
font-weight: 400;
}
.hero-cta {
display: flex;
gap: 20px;
align-items: center;
justify-content: center;
}
.hero-button {
background: linear-gradient(135deg, #3b82f6, #1e40af);
color: white;
padding: 18px 36px;
border: none;
border-radius: 14px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
}
.hero-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(59, 130, 246, 0.4);
}
.hero-visual {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.gallery-container {
position: relative;
width: 100%;
max-width: 450px;
}
.main-image {
width: 100%;
height: 350px;
border-radius: 24px;
box-shadow:
0 25px 50px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
border: 2px solid rgba(59, 130, 246, 0.1);
object-fit: cover;
transition: opacity 0.3s ease;
}
.thumbnails {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 20px;
}
.thumbnail {
width: 80px;
height: 60px;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
object-fit: cover;
opacity: 0.7;
}
.thumbnail:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}
.thumbnail.active {
border-color: #3b82f6;
opacity: 1;
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}
/* Laptop Gallery Styles */
.laptop-thumbnail:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3);
}
.laptop-thumbnail.active {
border-color: #6366f1 !important;
opacity: 1 !important;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
}
.hero-stats {
position: absolute;
bottom: -20px;
right: -20px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
padding: 20px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(59, 130, 246, 0.1);
}
.hero-stat {
text-align: center;
margin-bottom: 8px;
}
.hero-stat-number {
font-size: 1.5rem;
font-weight: 700;
color: #3b82f6;
}
.hero-stat-label {
font-size: 0.8rem;
color: #64748b;
font-weight: 500;
}
/* Responsive */
@media (max-width: 768px) {
.container {
padding: 0 15px;
}
.hero {
padding: 60px 0 80px;
}
.hero-content {
padding: 0 15px;
}
.hero-main {
grid-template-columns: 1fr;
gap: 40px;
text-align: center;
}
.hero-text {
text-align: center;
}
.hero-title {
font-size: 2.2rem;
margin-bottom: 20px;
}
.hero-subtitle {
font-size: 1.1rem;
margin-bottom: 25px;
}
.hero-features {
grid-template-columns: 1fr;
gap: 15px;
margin-bottom: 30px;
}
.hero-feature {
padding: 12px;
}
.hero-feature-icon {
width: 35px;
height: 35px;
font-size: 16px;
}
.hero-feature-text {
font-size: 0.9rem;
}
.hero-cta {
flex-direction: column;
gap: 15px;
align-items: center;
justify-content: center;
}
.hero-button {
width: 100%;
max-width: 280px;
padding: 16px 24px;
font-size: 1rem;
margin-left: 0 !important;
}
.gallery-container {
max-width: 100%;
}
.main-image {
height: 280px;
}
.thumbnails {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
justify-content: center;
max-width: 200px;
margin: 20px auto 0;
}
.thumbnail {
width: 60px;
height: 45px;
}
/* Laptop Gallery Responsive */
.laptop-main-image {
height: 280px !important;
}
.laptop-thumbnails {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
justify-content: center;
max-width: 280px;
margin: 20px auto 0;
}
.laptop-thumbnail {
width: 60px !important;
height: 45px !important;
}
.hero-stats {
position: static;
margin-top: 20px;
padding: 15px;
width: 100%;
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 480px) {
.hero {
padding: 40px 0 60px;
}
.hero-title {
font-size: 1.8rem;
line-height: 1.2;
}
.hero-subtitle {
font-size: 1rem;
}
.hero-feature {
padding: 10px;
}
.hero-feature-icon {
width: 30px;
height: 30px;
font-size: 14px;
}
.hero-feature-text {
font-size: 0.85rem;
}
.hero-feature-text strong {
font-size: 0.9rem;
}
.main-image {
height: 220px;
border-radius: 16px;
}
.thumbnail {
width: 50px;
height: 38px;
border-radius: 8px;
}
.thumbnails {
gap: 6px;
}
.hero-stats {
padding: 12px;
}
.hero-stat-number {
font-size: 1.2rem;
}
.hero-stat-label {
font-size: 0.75rem;
}
}
@media (max-width: 360px) {
.hero-content {
padding: 0 10px;
}
.hero-title {
font-size: 1.6rem;
}
.hero-subtitle {
font-size: 0.95rem;
}
.hero-feature-text {
font-size: 0.8rem;
}
.main-image {
height: 200px;
}
.thumbnail {
width: 45px;
height: 35px;
}
.details-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
}
/* Product Details Responsive */
.product-details {
padding: 60px 0;
background: white;
}
@media (max-width: 768px) {
.product-details {
padding: 40px 0;
}
.product-details h2 {
font-size: 2rem !important;
margin-bottom: 30px !important;
}
.product-details h3 {
font-size: 1.5rem !important;
margin-bottom: 15px !important;
}
.details-grid {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
}
@media (max-width: 480px) {
.product-details {
padding: 30px 0;
}
.product-details h2 {
font-size: 1.6rem !important;
margin-bottom: 25px !important;
}
.product-details h3 {
font-size: 1.3rem !important;
margin-bottom: 12px !important;
}
}
/* Animations */
.fade-in {
animation: fadeIn 1s ease-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.device-mockup {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
/* 360 Degree Viewer Styles */
.product-360 {
padding: 80px 0;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.viewer-360-container {
background: white;
border-radius: 24px;
padding: 40px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
.viewer-360-container::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: linear-gradient(45deg, transparent, rgba(59, 130, 246, 0.05), transparent);
transform: rotate(45deg);
animation: shimmer 4s infinite;
}
.viewer-360-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 2;
}
.viewer-360-display {
position: relative;
background: linear-gradient(145deg, #f8fafc, #e2e8f0);
border-radius: 20px;
padding: 30px;
box-shadow:
0 20px 40px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.viewer-360-display iframe {
width: 100% !important;
height: 400px !important;
max-width: 400px;
border: none !important;
border-radius: 16px !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.viewer-360-image {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 16px;
cursor: grab;
transition: transform 0.3s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.viewer-360-image:active {
cursor: grabbing;
}
.viewer-360-controls {
position: absolute;
top: 20px;
left: 20px;
background: rgba(59, 130, 246, 0.9);
color: white;
padding: 12px 16px;
border-radius: 12px;
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
font-weight: 500;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}
.viewer-360-icon {
animation: rotate360 3s linear infinite;
}
@keyframes rotate360 {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.viewer-360-progress {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
height: 4px;
background: rgba(255, 255, 255, 0.3);
border-radius: 2px;
overflow: hidden;
}
.viewer-360-progress-bar {
height: 100%;
background: linear-gradient(90deg, #3b82f6, #1e40af);
border-radius: 2px;
width: 0%;
transition: width 0.3s ease;
}
.viewer-360-info {
text-align: left;
}
.viewer-360-info h3 {
font-size: 2.2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 20px;
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.viewer-360-info p {
font-size: 1.1rem;
color: #64748b;
margin-bottom: 30px;
line-height: 1.7;
}
.viewer-360-features {
display: flex;
flex-direction: column;
gap: 16px;
}
.viewer-feature {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
padding: 16px;
background: linear-gradient(135deg, #f8fafc, #e2e8f0);
border-radius: 12px;
border: 1px solid rgba(59, 130, 246, 0.1);
transition: all 0.3s ease;
}
.viewer-feature:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}
.viewer-feature-icon {
font-size: 1.5rem;
width: 50px;
height: 50px;
background: linear-gradient(135deg, #3b82f6, #1e40af);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin: 0 auto;
}
.viewer-feature span {
font-weight: 600;
color: #0f172a;
font-size: 1rem;
text-align: center;
}
.viewer-360-thumbnails {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 40px;
padding: 20px;
background: rgba(248, 250, 252, 0.5);
border-radius: 16px;
backdrop-filter: blur(10px);
}
.viewer-thumbnail {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
cursor: pointer;
transition: all 0.3s ease;
padding: 12px;
border-radius: 12px;
border: 2px solid transparent;
}
.viewer-thumbnail:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.2);
}
.viewer-thumbnail.active {
border-color: #3b82f6;
background: rgba(59, 130, 246, 0.1);
}
.viewer-thumbnail img {
width: 80px;
height: 60px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.viewer-thumbnail span {
font-size: 0.85rem;
font-weight: 600;
color: #475569;
}
.viewer-thumbnail.active span {
color: #3b82f6;
}
/* Responsive for 360 Viewer */
@media (max-width: 768px) {
.product-360 {
padding: 60px 0;
}
.viewer-360-container {
padding: 30px 20px;
}
.viewer-360-main {
grid-template-columns: 1fr;
gap: 40px;
text-align: center;
}
.viewer-360-info {
text-align: center;
}
.viewer-360-info h3 {
font-size: 1.8rem;
}
.viewer-360-display {
padding: 20px;
}
.viewer-360-display iframe {
height: 300px !important;
max-width: 100% !important;
}
.viewer-360-thumbnails {
flex-wrap: wrap;
gap: 15px;
}
.viewer-thumbnail img {
width: 60px;
height: 45px;
}
}
@media (max-width: 480px) {
.product-360 {
padding: 40px 0;
}
.viewer-360-container {
padding: 20px 15px;
}
.viewer-360-info h3 {
font-size: 1.5rem;
}
.viewer-360-info p {
font-size: 1rem;
}
.viewer-360-display {
padding: 15px;
}
.viewer-360-display iframe {
height: 250px !important;
max-width: 100% !important;
}
.viewer-feature {
padding: 12px;
}
.viewer-feature-icon {
width: 40px;
height: 40px;
font-size: 1.2rem;
}
.viewer-feature span {
font-size: 0.9rem;
}
.viewer-thumbnail img {
width: 50px;
height: 38px;
}
.viewer-thumbnail span {
font-size: 0.75rem;
}
}
@media (max-width: 360px) {
.viewer-360-display {
padding: 10px;
}
.viewer-360-display iframe {
height: 220px !important;
}
.viewer-360-info h3 {
font-size: 1.3rem;
}
.viewer-360-info p {
font-size: 0.9rem;
}
.viewer-feature {
padding: 10px;
}
.viewer-feature-icon {
width: 35px;
height: 35px;
font-size: 1rem;
}
.viewer-feature span {
font-size: 0.85rem;
}
}
/* VOCOM Capabilities Section */
.vocom-capabilities {
padding: 80px 0;
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}
.capabilities-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.capability-card {
background: white;
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(59, 130, 246, 0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.capability-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3b82f6, #1e40af);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.capability-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}
.capability-card:hover::before {
transform: scaleX(1);
}
.capability-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #3b82f6, #1e40af);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin: 0 auto 20px auto;
box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}
.capability-card h3 {
font-size: 1.4rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
line-height: 1.3;
text-align: center;
}
.capability-card p {
font-size: 1rem;
color: #64748b;
line-height: 1.6;
margin-bottom: 20px;
}
.capability-card ul {
list-style: none;
margin: 0;
padding: 0;
}
.capability-card li {
padding: 8px 0;
display: flex;
align-items: center;
gap: 12px;
font-size: 0.95rem;
color: #475569;
font-weight: 500;
}
.capability-card li::before {
content: "✓";
background: linear-gradient(135deg, #10b981, #059669);
color: white;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
flex-shrink: 0;
}
.capabilities-cta {
text-align: center;
background: linear-gradient(135deg, #ffffff, #f8fafc);
border-radius: 20px;
padding: 40px;
border: 1px solid rgba(59, 130, 246, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.capabilities-cta h3 {
font-size: 2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.capabilities-cta p {
font-size: 1.1rem;
color: #64748b;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.capabilities-button {
background: linear-gradient(135deg, #10b981, #059669);
color: white;
padding: 18px 36px;
border: none;
border-radius: 14px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);
display: inline-flex;
align-items: center;
}
.capabilities-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(16, 185, 129, 0.4);
}
/* Responsive for Capabilities */
@media (max-width: 768px) {
.vocom-capabilities {
padding: 60px 0;
}
.capabilities-grid {
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 40px;
}
.capability-card {
padding: 25px;
text-align: center;
}
.capability-icon {
width: 60px;
height: 60px;
margin: 0 auto 20px auto;
}
.capability-card h3 {
font-size: 1.2rem;
text-align: center;
}
.capability-card p {
font-size: 0.95rem;
text-align: center;
}
.capability-card li {
font-size: 0.9rem;
}
.capabilities-cta {
padding: 30px 20px;
}
.capabilities-cta h3 {
font-size: 1.6rem;
}
.capabilities-cta p {
font-size: 1rem;
}
.capabilities-button {
width: 100%;
max-width: 280px;
padding: 16px 24px;
font-size: 1rem;
}
}
@media (max-width: 480px) {
.vocom-capabilities {
padding: 40px 0;
}
.capability-card {
padding: 20px;
text-align: center;
}
.capability-icon {
width: 50px;
height: 50px;
margin: 0 auto 20px auto;
}
.capability-card h3 {
font-size: 1.1rem;
text-align: center;
}
.capability-card p {
font-size: 0.9rem;
text-align: center;
}
.capability-card li {
font-size: 0.85rem;
padding: 6px 0;
}
.capability-card li::before {
width: 18px;
height: 18px;
font-size: 11px;
}
.capabilities-cta {
padding: 25px 15px;
}
.capabilities-cta h3 {
font-size: 1.4rem;
}
.capabilities-cta p {
font-size: 0.95rem;
}
}
/* Software Section Styles */
.software-section {
padding: 80px 0;
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.software-main {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
margin-bottom: 60px;
}
.software-visual {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.software-gallery {
width: 100%;
max-width: 450px;
}
.software-main-image {
position: relative;
width: 100%;
margin-bottom: 20px;
}
.software-image {
width: 100%;
height: 400px;
border-radius: 20px;
box-shadow:
0 25px 50px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
border: 2px solid rgba(59, 130, 246, 0.1);
object-fit: cover;
transition: opacity 0.3s ease;
}
.software-thumbnails {
display: flex;
gap: 12px;
justify-content: center;
}
.software-thumb {
width: 80px;
height: 60px;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
object-fit: cover;
opacity: 0.7;
}
.software-thumb:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}
.software-thumb.active {
border-color: #3b82f6;
opacity: 1;
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
}
/* Laptop Gallery Styles */
.laptop-gallery-container {
position: relative;
width: 100%;
}
.laptop-main-image {
width: 100%;
height: 350px;
border-radius: 20px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
border: 2px solid rgba(99, 102, 241, 0.1);
object-fit: cover;
transition: opacity 0.3s ease;
}
.laptop-thumbnails {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 20px;
}
.laptop-thumbnail {
width: 80px;
height: 60px;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
object-fit: cover;
opacity: 0.7;
}
.laptop-thumbnail:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3);
}
.laptop-thumbnail.active {
border-color: #6366f1;
opacity: 1;
box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}
.software-info {
text-align: left;
}
.software-info h3 {
font-size: 2.2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 20px;
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.software-info p {
font-size: 1.1rem;
color: #64748b;
margin-bottom: 30px;
line-height: 1.7;
}
.software-features {
display: flex;
flex-direction: column;
gap: 20px;
}
.software-feature {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
padding: 20px;
background: linear-gradient(135deg, #f8fafc, #e2e8f0);
border-radius: 16px;
border: 1px solid rgba(59, 130, 246, 0.1);
transition: all 0.3s ease;
}
.software-feature:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}
.software-feature-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #3b82f6, #1e40af);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
flex-shrink: 0;
margin: 0 auto;
}
.software-feature div h4 {
font-size: 1.1rem;
font-weight: 600;
color: #0f172a;
margin-bottom: 5px;
text-align: center;
}
.software-feature div p {
font-size: 0.95rem;
color: #64748b;
margin: 0;
line-height: 1.5;
text-align: center;
}
.software-specs {
margin-bottom: 60px;
}
.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
}
.spec-card {
background: white;
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(59, 130, 246, 0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.spec-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3b82f6, #1e40af);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.spec-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}
.spec-card:hover::before {
transform: scaleX(1);
}
.spec-card h4 {
font-size: 1.4rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.spec-card ul {
list-style: none;
margin: 0;
padding: 0;
}
.spec-card li {
padding: 10px 0;
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 0.95rem;
color: #475569;
border-bottom: 1px solid rgba(226, 232, 240, 0.5);
}
.spec-card li:last-child {
border-bottom: none;
}
.spec-card li strong {
color: #0f172a;
font-weight: 600;
min-width: 120px;
flex-shrink: 0;
}
.software-cta {
text-align: center;
background: linear-gradient(135deg, #ffffff, #f8fafc);
border-radius: 20px;
padding: 40px;
border: 1px solid rgba(59, 130, 246, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.software-cta h3 {
font-size: 2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.software-cta p {
font-size: 1.1rem;
color: #64748b;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.software-button {
background: linear-gradient(135deg, #6366f1, #4f46e5);
color: white;
padding: 18px 36px;
border: none;
border-radius: 14px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(99, 102, 241, 0.3);
display: inline-flex;
align-items: center;
}
.software-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(99, 102, 241, 0.4);
}
/* Responsive for Software Section */
@media (max-width: 768px) {
.software-section {
padding: 60px 0;
}
.software-main {
grid-template-columns: 1fr;
gap: 40px;
text-align: center;
}
.software-info {
text-align: center;
}
.software-info h3 {
font-size: 1.8rem;
}
.software-mockup {
max-width: 350px;
height: 280px;
}
.software-header {
margin-bottom: 15px;
padding-bottom: 12px;
}
.software-logo {
width: 40px;
height: 40px;
font-size: 14px;
}
.software-title {
font-size: 1rem;
}
.software-menu {
flex-wrap: wrap;
gap: 8px;
}
.menu-item {
padding: 6px 12px;
font-size: 0.8rem;
}
.data-row {
padding: 8px 12px;
}
.data-row span:first-child {
font-size: 0.8rem;
}
.data-value {
font-size: 0.85rem;
}
.software-feature {
padding: 16px;
text-align: center;
}
.software-feature-icon {
width: 40px;
height: 40px;
margin: 0 auto 15px auto;
}
.software-feature div h4 {
font-size: 1rem;
text-align: center;
}
.software-feature div p {
font-size: 0.9rem;
text-align: center;
}
.specs-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.spec-card {
padding: 25px;
text-align: center;
}
.spec-card h4 {
font-size: 1.2rem;
text-align: center;
justify-content: center;
}
.spec-card li {
font-size: 0.9rem;
padding: 8px 0;
justify-content: center;
}
.spec-card li strong {
min-width: 100px;
}
.software-cta {
padding: 30px 20px;
}
.software-cta h3 {
font-size: 1.6rem;
}
.software-cta p {
font-size: 1rem;
}
.software-button {
width: 100%;
max-width: 280px;
padding: 16px 24px;
font-size: 1rem;
}
}
@media (max-width: 480px) {
.software-section {
padding: 40px 0;
}
.software-mockup {
max-width: 280px;
height: 220px;
}
.software-screen {
padding: 15px;
}
.software-header {
gap: 10px;
margin-bottom: 12px;
padding-bottom: 10px;
}
.software-logo {
width: 35px;
height: 35px;
font-size: 12px;
}
.software-title {
font-size: 0.9rem;
}
.menu-item {
padding: 5px 10px;
font-size: 0.75rem;
}
.data-row {
padding: 6px 10px;
}
.data-row span:first-child {
font-size: 0.75rem;
}
.data-value {
font-size: 0.8rem;
}
.software-info h3 {
font-size: 1.5rem;
}
.software-info p {
font-size: 1rem;
}
.software-feature {
padding: 12px;
text-align: center;
}
.software-feature-icon {
width: 35px;
height: 35px;
margin: 0 auto 15px auto;
}
.software-feature div h4 {
font-size: 0.95rem;
text-align: center;
}
.software-feature div p {
font-size: 0.85rem;
text-align: center;
}
.spec-card {
padding: 20px;
text-align: center;
}
.spec-card h4 {
font-size: 1.1rem;
text-align: center;
justify-content: center;
}
.spec-card li {
font-size: 0.85rem;
padding: 6px 0;
justify-content: center;
}
.spec-card li strong {
min-width: 80px;
font-size: 0.8rem;
}
.software-cta {
padding: 25px 15px;
}
.software-cta h3 {
font-size: 1.4rem;
}
.software-cta p {
font-size: 0.95rem;
}
}
/* Additional Software Section Styles */
.additional-software-section {
padding: 80px 0;
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}
.additional-software-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.software-card {
background: white;
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(59, 130, 246, 0.1);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.software-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #6366f1, #4f46e5);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.software-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(99, 102, 241, 0.15);
}
.software-card:hover::before {
transform: scaleX(1);
}
.software-card-icon {
font-size: 3rem;
margin: 0 auto 20px auto;
display: block;
text-align: center;
}
.software-card h3 {
font-size: 1.4rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
line-height: 1.3;
text-align: center;
}
.software-card p {
font-size: 1rem;
color: #64748b;
line-height: 1.6;
margin-bottom: 20px;
}
.software-card ul {
list-style: none;
margin: 0;
padding: 0;
}
.software-card li {
padding: 8px 0;
display: flex;
align-items: center;
gap: 12px;
font-size: 0.95rem;
color: #475569;
font-weight: 500;
}
.software-card li::before {
content: "✓";
background: linear-gradient(135deg, #6366f1, #4f46e5);
color: white;
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 700;
flex-shrink: 0;
}
.additional-software-cta {
text-align: center;
background: linear-gradient(135deg, #ffffff, #f8fafc);
border-radius: 20px;
padding: 40px;
border: 1px solid rgba(99, 102, 241, 0.1);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.additional-software-cta h3 {
font-size: 2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 15px;
background: linear-gradient(135deg, #0f172a 0%, #6366f1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.additional-software-cta p {
font-size: 1.1rem;
color: #64748b;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.additional-software-button {
background: linear-gradient(135deg, #6366f1, #4f46e5);
color: white;
padding: 18px 36px;
border: none;
border-radius: 14px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(99, 102, 241, 0.3);
display: inline-flex;
align-items: center;
}
.additional-software-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(99, 102, 241, 0.4);
}
/* Responsive for Additional Software Section */
@media (max-width: 768px) {
.additional-software-section {
padding: 60px 0;
}
.additional-software-grid {
grid-template-columns: 1fr;
gap: 25px;
margin-bottom: 40px;
}
.software-card {
padding: 25px;
text-align: center;
}
.software-card-icon {
font-size: 2.5rem;
text-align: center;
}
.software-card h3 {
font-size: 1.2rem;
text-align: center;
}
.software-card p {
font-size: 0.95rem;
text-align: center;
}
.software-card li {
font-size: 0.9rem;
}
.additional-software-cta {
padding: 30px 20px;
}
.additional-software-cta h3 {
font-size: 1.6rem;
}
.additional-software-cta p {
font-size: 1rem;
}
.additional-software-button {
width: 100%;
max-width: 280px;
padding: 16px 24px;
font-size: 1rem;
}
}
@media (max-width: 480px) {
.additional-software-section {
padding: 40px 0;
}
.software-card {
padding: 20px;
text-align: center;
}
.software-card-icon {
font-size: 2rem;
text-align: center;
}
.software-card h3 {
font-size: 1.1rem;
text-align: center;
}
.software-card p {
font-size: 0.9rem;
text-align: center;
}
.software-card li {
font-size: 0.85rem;
padding: 6px 0;
}
.software-card li::before {
width: 18px;
height: 18px;
font-size: 11px;
}
.additional-software-cta {
padding: 25px 15px;
}
.additional-software-cta h3 {
font-size: 1.4rem;
}
.additional-software-cta p {
font-size: 0.95rem;
}
}
/* Responsive for Supported Vehicles Section */
@media (max-width: 768px) {
.supported-vehicles-section {
padding: 60px 0 !important;
}
.supported-vehicles-section h2 {
font-size: 2rem !important;
margin-bottom: 15px !important;
}
.supported-vehicles-section p {
font-size: 1rem !important;
margin-bottom: 40px !important;
padding: 0 15px;
}
.vehicles-grid,
.vehicles-grid-bottom {
grid-template-columns: 1fr !important;
gap: 25px !important;
margin-bottom: 40px !important;
}
.vehicles-grid-bottom {
margin-top: 25px !important;
}
.vehicles-grid > div,
.vehicles-grid-bottom > div {
padding: 25px 20px !important;
margin: 0 15px;
}
.vehicles-grid h3,
.vehicles-grid-bottom h3 {
font-size: 1.2rem !important;
}
.vehicles-grid p,
.vehicles-grid-bottom p {
font-size: 0.85rem !important;
}
.vehicles-grid > div > div > div,
.vehicles-grid-bottom > div > div > div {
width: 50px !important;
height: 50px !important;
}
.vehicles-grid i,
.vehicles-grid-bottom i {
font-size: 1.2rem !important;
}
}
@media (max-width: 480px) {
.supported-vehicles-section {
padding: 40px 0 !important;
}
.supported-vehicles-section h2 {
font-size: 1.6rem !important;
margin-bottom: 12px !important;
}
.supported-vehicles-section p {
font-size: 0.9rem !important;
margin-bottom: 30px !important;
padding: 0 10px;
}
.vehicles-grid,
.vehicles-grid-bottom {
gap: 20px !important;
margin-bottom: 30px !important;
}
.vehicles-grid-bottom {
margin-top: 20px !important;
}
.vehicles-grid > div,
.vehicles-grid-bottom > div {
padding: 20px 15px !important;
margin: 0 10px;
}
.vehicles-grid h3,
.vehicles-grid-bottom h3 {
font-size: 1.1rem !important;
}
.vehicles-grid p,
.vehicles-grid-bottom p {
font-size: 0.8rem !important;
}
.vehicles-grid > div > div > div,
.vehicles-grid-bottom > div > div > div {
width: 45px !important;
height: 45px !important;
}
.vehicles-grid i,
.vehicles-grid-bottom i {
font-size: 1.1rem !important;
}
}
@media (max-width: 360px) {
.supported-vehicles-section {
padding: 30px 0 !important;
}
.supported-vehicles-section h2 {
font-size: 1.4rem !important;
}
.supported-vehicles-section p {
font-size: 0.85rem !important;
padding: 0 5px;
}
.vehicles-grid > div,
.vehicles-grid-bottom > div {
padding: 15px 10px !important;
margin: 0 5px;
}
.vehicles-grid h3,
.vehicles-grid-bottom h3 {
font-size: 1rem !important;
}
.vehicles-grid p,
.vehicles-grid-bottom p {
font-size: 0.75rem !important;
}
.vehicles-grid > div > div > div,
.vehicles-grid-bottom > div > div > div {
width: 40px !important;
height: 40px !important;
}
.vehicles-grid i,
.vehicles-grid-bottom i {
font-size: 1rem !important;
}
}
/* Responsive for Package Contents Section */
@media (max-width: 768px) {
.package-contents-section {
padding: 60px 0 !important;
}
.package-contents-section h2 {
font-size: 2rem !important;
margin-bottom: 15px !important;
}
.package-contents-section p {
font-size: 1rem !important;
margin-bottom: 40px !important;
padding: 0 15px;
}
.package-contents-section > div > div {
max-width: 100% !important;
margin: 0 auto 40px !important;
}
.package-contents-section > div > div > div {
padding: 30px 20px !important;
margin: 0 15px;
}
/* Laptop Section Responsive */
.package-contents-section > div > div[style*="max-width: 1000px"] {
max-width: 100% !important;
margin: 0 15px 40px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div {
padding: 30px 20px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div[style*="grid-template-columns: 1fr 1fr"] {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] h3 {
font-size: 1.5rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div > div[style*="width: 60px"] {
width: 50px !important;
height: 50px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] ul {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] li {
font-size: 0.9rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="position: relative"] > div[style*="position: absolute"] {
position: static !important;
margin: 15px auto 0 !important;
width: fit-content !important;
}
/* Laptop Gallery Responsive - 768px */
.laptop-main-image {
height: 280px !important;
}
.laptop-thumbnails {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 8px !important;
max-width: 350px !important;
margin: 20px auto 0 !important;
}
.laptop-thumbnail {
width: 100% !important;
height: 60px !important;
}
/* Complete Set Summary Responsive */
.package-contents-section > div > div[style*="max-width: 900px"] {
max-width: 100% !important;
margin: 0 15px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div {
padding: 30px 20px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] h3 {
font-size: 1.5rem !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] {
grid-template-columns: 1fr !important;
gap: 15px !important;
}
.package-contents-section h3 {
font-size: 1.4rem !important;
margin-bottom: 8px !important;
}
.package-contents-section > div > div > div > div:nth-child(3) > p {
font-size: 0.95rem !important;
}
.package-contents-section ul {
grid-template-columns: 1fr !important;
gap: 15px !important;
}
.package-contents-section li {
padding: 10px 0 !important;
font-size: 0.9rem !important;
}
.package-contents-section li strong {
font-size: 0.9rem !important;
}
.package-contents-section li span {
width: 20px !important;
height: 20px !important;
font-size: 12px !important;
}
}
@media (max-width: 480px) {
.package-contents-section {
padding: 40px 0 !important;
}
.package-contents-section h2 {
font-size: 1.6rem !important;
margin-bottom: 12px !important;
}
.package-contents-section p {
font-size: 0.9rem !important;
margin-bottom: 30px !important;
padding: 0 10px;
}
.package-contents-section > div > div > div {
padding: 25px 15px !important;
margin: 0 10px;
}
/* Laptop Section Responsive - 480px */
.package-contents-section > div > div[style*="max-width: 1000px"] {
margin: 0 10px 30px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div {
padding: 25px 15px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] h3 {
font-size: 1.3rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div > div[style*="width: 60px"] {
width: 45px !important;
height: 45px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div > div[style*="width: 60px"] i {
font-size: 22px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] ul {
grid-template-columns: 1fr !important;
gap: 8px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] li {
font-size: 0.85rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #f0f9ff"] {
padding: 20px 15px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #fef3c7"] {
padding: 12px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #fef3c7"] p {
font-size: 0.85rem !important;
}
/* Laptop Gallery Responsive - 480px */
.laptop-main-image {
height: 250px !important;
}
.laptop-thumbnails {
grid-template-columns: repeat(4, 1fr) !important;
gap: 6px !important;
max-width: 300px !important;
}
.laptop-thumbnail {
height: 50px !important;
}
/* Complete Set Summary Responsive - 480px */
.package-contents-section > div > div[style*="max-width: 900px"] {
margin: 0 10px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div {
padding: 25px 15px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] h3 {
font-size: 1.3rem !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="width: 60px"] {
width: 50px !important;
height: 50px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] > div {
padding: 15px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] i {
font-size: 1.5rem !important;
}
.package-contents-section h3 {
font-size: 1.2rem !important;
margin-bottom: 6px !important;
}
.package-contents-section > div > div > div > div:nth-child(3) > p {
font-size: 0.85rem !important;
}
.package-contents-section > div > div > div > div:nth-child(1) > div {
width: 60px !important;
height: 60px !important;
margin: 0 auto 15px !important;
}
.package-contents-section ul {
gap: 12px !important;
}
.package-contents-section li {
padding: 8px 0 !important;
font-size: 0.85rem !important;
}
.package-contents-section li strong {
font-size: 0.85rem !important;
}
.package-contents-section li span {
width: 18px !important;
height: 18px !important;
font-size: 11px !important;
}
}
@media (max-width: 360px) {
.package-contents-section {
padding: 30px 0 !important;
}
.package-contents-section h2 {
font-size: 1.4rem !important;
}
.package-contents-section p {
font-size: 0.85rem !important;
padding: 0 5px;
}
.package-contents-section > div > div > div {
padding: 20px 10px !important;
margin: 0 5px;
}
/* Laptop Section Responsive - 360px */
.package-contents-section > div > div[style*="max-width: 1000px"] {
margin: 0 5px 25px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div {
padding: 20px 12px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] h3 {
font-size: 1.2rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div > div[style*="width: 60px"] {
width: 40px !important;
height: 40px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div > div[style*="width: 60px"] i {
font-size: 20px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] ul {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] li {
font-size: 0.8rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #f0f9ff"] {
padding: 15px 12px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #f0f9ff"] h4 {
font-size: 1rem !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #fef3c7"] {
padding: 10px !important;
}
.package-contents-section > div > div[style*="max-width: 1000px"] > div > div > div[style*="background: linear-gradient(135deg, #fef3c7"] p {
font-size: 0.8rem !important;
}
/* Laptop Gallery Responsive - 360px */
.laptop-main-image {
height: 220px !important;
}
.laptop-thumbnails {
grid-template-columns: repeat(4, 1fr) !important;
gap: 5px !important;
max-width: 280px !important;
}
.laptop-thumbnail {
height: 45px !important;
}
/* Complete Set Summary Responsive - 360px */
.package-contents-section > div > div[style*="max-width: 900px"] {
margin: 0 5px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div {
padding: 20px 12px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] h3 {
font-size: 1.2rem !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="width: 60px"] {
width: 45px !important;
height: 45px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] > div {
padding: 12px !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] i {
font-size: 1.3rem !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] h4 {
font-size: 1rem !important;
}
.package-contents-section > div > div[style*="max-width: 900px"] > div > div[style*="grid-template-columns: repeat(auto-fit"] p {
font-size: 0.8rem !important;
}
.package-contents-section h3 {
font-size: 1.1rem !important;
}
.package-contents-section > div > div > div > div:nth-child(3) > p {
font-size: 0.8rem !important;
}
.package-contents-section > div > div > div > div:nth-child(1) > div {
width: 50px !important;
height: 50px !important;
margin: 0 auto 12px !important;
}
.package-contents-section li {
padding: 6px 0 !important;
font-size: 0.8rem !important;
}
.package-contents-section li strong {
font-size: 0.8rem !important;
}
.package-contents-section li span {
width: 16px !important;
height: 16px !important;
font-size: 10px !important;
}
}
VOLVO VOCOM 88890300 Hazır Set
Volvo VOCOM 88890300 Hazır Set, Volvo uyumlu gelişmiş tanılama teknolojisi ile donatılmış
profesyonel arıza tespit cihazı, Windows 10/11 Professional işletim sistemi yüklü laptop ve
Premium Tech Tool ile Volvo Prosis yazılımları dahil kullanıma hazır tam paket çözümdür.
Volvo, Renault, Mack ve UD Trucks ağır vasıta araçlarında bayi seviyesi tanılama yetkisi sunar.
11,000+ programlanabilir parametreye erişim sağlayarak ECU programlama, kalibrasyon ve gelişmiş arıza tespiti
işlemlerini hemen başlatın.
Hazır Set paketimiz, kurulum gerektirmeden kullanıma hazır halde gelir. Tüm bileşenler
(VOCOM cihazı, laptop, kablolar ve yazılımlar) önceden test edilmiş ve konfigüre edilmiştir.
IP67 dayanıklılık standardı ile atölye koşullarına uygun tasarım,
USB 2.0 ve WLAN 802.11N bağlantı seçenekleri, J1708, J1939, CAN FD
protokol desteği ile VCADS'e göre %50 daha hızlı performans. Merkezi sunucu bağımsız
çalışma özelliği sayesinde her zaman erişilebilir profesyonel tanılama çözümü.
Yetkili Servis Kalitesi
Profesyonel tanılama standardı
Gelişmiş Tanılama
Detaylı arıza analizi ve çözüm
Kapsamlı Araç Desteği
Volvo ağır vasıta modelleri
Güvenilir Performans
Uzun ömürlü ve dayanıklı
Satın Al
Detaylı Bilgi
Volvo VOCOM'un Kapsamlı Yetenekleri
Volvo VOCOM 88890300, Premium Tech Tool yazılımı ile birlikte çalışarak ağır vasıta araçlarınızda yetkili servis kalitesinde tanılama gerçekleştirmenizi sağlar. Gelişmiş ECU programlama yetenekleri, gerçek zamanlı veri analizi ve kapsamlı arıza tespit sistemleri ile bakım süreçlerinizi hızlandırın ve maliyetlerinizi optimize edin.
11,000+ programlanabilir parametre erişimi, dinamik veri akışı ve otomatik arıza yönlendirme sistemi sayesinde karmaşık sorunları dakikalar içinde tespit edin. Volvo Group'un resmi tanılama teknolojisi ile donatılmış bu profesyonel çözüm, atölyenizde bayi seviyesi hizmet kalitesi sunmanızı mümkün kılar.
Gelişmiş Arıza Tespit
Elektronik kontrol ünitelerinde (ECU) detaylı arıza tespiti ve yönlendirme. Arızanın hangi parçada oluştuğunu teknik şemalarla gösterir.
- Canlı veri görüntüleme
- Hata kodları analizi ve silme
- Arıza yönlendirme sistemi
- Sensör değerleri izleme
ECU Programlama & Kalibrasyon
Premium Tech Tool ile 11,000+ programlanabilir parametreye erişim. Hız limiti, adaptasyon ve motor kalibrasyonu işlemleri.
- Enjektör testi ve kalibrasyonu
- SCR AdBlue sistemi ayarları
- DPF rejenerasyonu
- Motor tork yükseltme
Geniş Araç Uyumluluğu
Volvo Group markalarında yetki. Eski elektrik sisteminden VERSION4'e kadar nesilleri destekler.
- Volvo FH4/FM4 (VERSION4)
- Renault EURO 6, DXI, DTI
- Mack V-MAC I/II/III/IV+
- UD Trucks, Eicher, Volvo Penta
Çoklu İletişim Protokolleri
J1708, J1939, CAN FD, ISO15765, KWP2000 ve Otomotiv Ethernet desteği. VCADS'e göre %50 daha hızlı performans.
- USB 2.0 yüksek hızlı bağlantı
- WLAN 802.11N 5GHz kablosuz
- Akü voltaj kontrolü
- Askeri standart konektörler
Endüstriyel Dayanıklılık
IP67 suya ve kire dayanıklılık, 2 metre düşme direnci. Metal kasa ve kauçuk tamponlarla korunmuş tasarım.
- Atölye koşullarına dayanıklı
- Darbe ve aşınma koruması
- Gelişmiş LED göstergeler
- Uzun ömürlü kablo kalitesi
Premium Tech Tool Entegrasyonu
Bakım bilgi sistemleri, teknik brifingler, devre şemaları ve dinamik veri akışı ile kapsamlı teknik destek.
- Premium Tech Tool yazılımı
- Merkezi sunucu bağımsız çalışma
- Bayi seviyesi programlama
- Sürekli yazılım güncellemeleri
Desteklenen Araç Türleri
Volvo VOCOM 88890300, Volvo Group bünyesindeki ağır vasıta markalarında kapsamlı tanılama yetkisi sunan profesyonel bir arıza tespit cihazıdır. 2000 model yılından günümüze kadar üretilen araçlarda uyumluluk sağlar ve EURO 3'ten EURO 6'ya kadar emisyon standartlarını destekler.
Volvo Kamyonlar
Kamyon ve çekicilerde teşhis desteği
Volvo Otobüsler
Otobüs ve midibüslerde teşhis desteği
Renault Kamyonlar
Renault ağır vasıta araçlarında teşhis desteği
Volvo Penta
Deniz motorlarında teşhis desteği
Endüstriyel Motorlar
Endüstriyel uygulamalarda teşhis desteği
İş Makineleri
İş makinelerinde teşhis desteği
Neden Volvo VOCOM Tercih Edilmeli?
Volvo VOCOM 88890300, ağır vasıta tanılama alanında sektörün gelişmiş çözümlerinden biridir.
Profesyonel atölyeler ve teknisyenler için bayi seviyesi yetkiler sunan bu cihazın tercih edilme sebeplerini keşfedin.
Profesyonel Tercih Sebepleri
Volvo Group Uyumlu Ürün
Volvo Group'un resmi tanılama teknolojisi ile uyumlu. Güvenilir ve tam yetki sunar.
VCADS'e Göre %50 Daha Hızlı
Gelişmiş USB 2.0 ve WLAN teknolojisi ile tanılama süreçlerinizi hızlandırın. Zaman tasarrufu = maliyet tasarrufu.
11,000+ Programlanabilir Parametre
Bayi seviyesi programlama yetkisi ile ECU kalibrasyonu, motor optimizasyonu ve gelişmiş ayarlar yapabilirsiniz.
IP67 Endüstriyel Dayanıklılık
Atölye koşullarına dayanıklı tasarım. Su, kir ve darbelere karşı korumalı profesyonel kullanım için ideal.
Merkezi Sunucu Bağımsız Çalışma
İnternet bağlantısı olmadan da çalışabilir. Sürekli erişilebilir tanılama çözümü sunar.
İnteraktif Ürün Keşfi
360° döndürülebilir görünüm ile Volvo VOCOM'u her açıdan inceleyin ve
detaylı teknik özelliklerini keşfedin
Volvo VOCOM 88890300
Profesyonel tanılama cihazını her açıdan inceleyin. Cihazın detaylarını görmek için fareyle sürükleyin veya dokunmatik ekranda parmağınızla kaydırın.
Model:
88890300
Bağlantı:
USB 2.0 / WLAN
Dayanıklılık:
IP67 Standart
Protokol:
J1708, J1939, CAN FD
Gelişmiş Tanılama
Tüm ECU'larda detaylı arıza tespiti ve canlı veri görüntüleme
ECU Programlama
11,000+ parametre ile bayi seviyesi programlama yetkisi
Geniş Araç Uyumluluğu
Volvo, Renault, Mack ve UD Trucks desteği
Hızlı Performans
VCADS'e göre %50 daha hızlı
Gelişmiş iletişim protokolleri ve optimize edilmiş yazılım sayesinde tanılama işlemlerinizi daha hızlı tamamlayın.
Premium Tech Tool Yazılım Paketi
Premium Tech Tool yazılımı Volvo VOCOM ile uyumlu çalışan ayrı bir yazılım paketidir. Profesyonel tanılama ve gelişmiş programlama özellikleri sunar.
Premium Tech Tool
Windows tabanlı profesyonel tanılama yazılımı. Motor parametrelerini test etme, kalibre etme ve programlama için özel olarak tasarlanmıştır.
Bakım Bilgi Sistemleri
Kapsamlı teknik dokümantasyon ve servis kılavuzları
Dinamik Veri Akışı
Gerçek zamanlı sensör verileri ve sistem durumu izleme
Gelişmiş Programlama
11,000+ parametre ile bayi seviyesi programlama yetkisi
Sistem Gereksinimleri
- İşletim Sistemi: Windows 10/11 Professional
- İşlemci: Intel Core i5 veya üzeri
- RAM: 8 GB (Önerilen)
- Depolama: 120 GB SSD
- Bağlantı: USB 2.0/3.0
Yazılım Özellikleri
- Yazılım: Premium Tech Tool
- Dil Desteği: Çoklu dil seçeneği
- Güncelleme: Otomatik yazılım güncellemeleri
- Lisans: Merkezi sunucu bağımsız
Desteklenen İşlemler
- Tanılama: Tüm ECU'larda arıza tespiti
- Programlama: ECU yazılım güncelleme
- Kalibrasyon: Sensör ve sistem ayarları
- Test: Enjektör ve komponent testleri
Profesyonel Yazılım Çözümü
Premium Tech Tool ile Volvo VOCOM'un tüm potansiyelini ortaya çıkarın. Bayi seviyesi programlama yetkisi ve sürekli güncellemelerle her zaman güncel kalın.
Yazılım Detayları
OPSİYONEL YAZILIMLAR
Opsiyonel Yazılım Paketleri
Hazır Set paketine ek olarak, Volvo VOCOM ile birlikte kullanabileceğiniz opsiyonel profesyonel yazılım çözümleri
Önemli Bilgi: Opsiyonel Yazılımlar
Aşağıda listelenen tüm yazılımlar opsiyoneldir ve hazır set paketine dahil değildir.
Premium Tech Tool ve Volvo Prosis yazılımları hazır set paketine dahildir ve laptop üzerinde kurulu gelir.
Opsiyonel yazılımlar ayrı olarak satın alınabilir ve ihtiyacınıza göre eklenebilir.
OPSİYONEL
Developer Tool Pro
Elektronik Kontrol Ünitelerinin programlanması ve kalibrasyon atılmasını sağlayan yazılımdır.
- ECU programlama ve kalibrasyon
- Gelişmiş parametre ayarları
- Profesyonel tanılama araçları
- Sistem optimizasyonu
OPSİYONEL
Volvo Impact
Avrupa pazarındaki Volvo Kamyon ve Otobüsler için yedek parça kataloğu, onarım, bakım, teşhis, teknik özellik kılavuzları, servis bültenlerini içermektedir.
- Kamyon ve otobüs yedek parçaları
- Teknik özellik kılavuzları
- Servis bültenleri
- Teşhis ve bakım bilgileri
OPSİYONEL
Volvo Penta
Volvo Deniz Motorlarını teşhis etmek ve programlamak için tasarlanmış bir yazılımdır.
- Deniz motoru teşhisi
- Motor programlama
- Performans optimizasyonu
- Arıza tespiti ve çözümü
OPSİYONEL
Volvo Vodia
Volvo araçları için kapsamlı tanılama ve programlama yazılımı. Gelişmiş arıza tespiti, ECU programlama ve sistem kalibrasyonu için profesyonel çözüm sunar.
- Gelişmiş tanılama işlemleri
- ECU programlama ve güncelleme
- Sistem kalibrasyonu
- Detaylı arıza raporlama
OPSİYONEL
Volvo Matris
Volvo iş makinelerinin elektronik sistemlerine bağlanan ve makinenin geçmişini analiz etmenizi sağlayan özel bir analitik yazılımdır.
- İş makinesi analizi
- Makine geçmişi takibi
- Elektronik sistem bağlantısı
- Performans raporlama
Hazır Set Paketi İçeriği
Premium Tech Tool ve Volvo Prosis yazılımları hazır set paketine dahildir.
Laptop üzerinde önceden kurulu ve kullanıma hazır halde gelir.
Hazır Set Paket İçeriği
Volvo VOCOM 88890300 Hazır Set paketi ile birlikte gelen tüm donanım bileşenleri ve laptop.
Kurulum gerektirmeden kullanıma hazır profesyonel tanılama çözümü.
Profesyonel Laptop (İkinci El)
Hazır Set İçeriği - 3 Ay Garantili
Hazır Set paketimiz, Volvo VOCOM cihazınızı hemen kullanmaya başlamanız için
Windows 10/11 Professional ile önceden yapılandırılmış ikinci el profesyonel bir laptop içerir.
3 ay garanti ile güvenle kullanabilirsiniz.
Laptop Özellikleri
- İşletim Sistemi: Windows 10/11 Pro
- İşlemci: Intel Core i5 veya üzeri
- RAM: 8 GB (Önerilen)
- Depolama: 120 GB SSD
- USB Port: USB 2.0/3.0
- Durum: İkinci El - 3 Ay Garantili
Hazır Set İçeriği: İkinci el laptop üzerinde Premium Tech Tool ve Volvo Prosis yazılımları önceden kurulu ve kullanıma hazır halde gelir. 3 ay garanti kapsamındadır.
HAZIR SET
VOCOM Donanım Paketi
Tanılama işlemleri için gerekli kablo ve adaptörler
-
✓
Vocom Adaptörü -
✓
Vocom OBD2 Kablo -
✓
Vocom USB Data Kablo
-
✓
Vocom 8 Pin Kablo -
✓
Vocom 14 Pin Kablo -
✓
Vocom Renault 12 Pin Kablo
Yazılım Paketi (Dahil)
Laptop üzerinde önceden kurulu profesyonel yazılımlar
-
✓
Premium Tech Tool -
✓
Volvo Prosis
-
✓
Kurulum Durumu: Kurulu ve Hazır -
✓
Test Durumu: Test Edilmiş
Hazır Set Paketi Özeti
Hazır Set paketimiz, Volvo VOCOM tanılama sisteminizi hemen kullanmaya başlamanız için
gereken tüm bileşenleri içerir. Laptop, cihaz, tüm kablolar ve Premium Tech Tool ile Volvo Prosis
yazılımları önceden test edilmiş ve kurulum gerektirmeden kullanıma hazır halde gelir.
Profesyonel Laptop
Windows 10/11 Pro
VOCOM Cihazı
88890300 Model
Tüm Kablolar
6 Farklı Kablo
Premium Tech Tool
Kurulu ve Hazır
Volvo Prosis
Kurulu ve Hazır
Fiyat Bilgilendirme
Önemli Fiyat Bilgisi
Lütfen satın almadan önce okuyunuz
Fiyatlara KDV dahil değildir. KDV'siz özel fiyat için satış danışmanımızla iletişime geçin.
Özel İndirimler
Toplu alımlarda ve kurumsal müşteriler için özel indirim fırsatları
Fiyat Hesaplama
KDV dahil net fiyat hesaplaması ve ödeme seçenekleri hakkında bilgi
Kişisel Destek
Uzman satış danışmanlarımızdan birebir fiyat bilgisi ve teknik destek
WhatsApp ile İletişim
Merak Edilenler
Volvo VOCOM 88890300 hakkında sıkça sorulan sorular ve
detaylı yanıtları
Volvo VOCOM hangi araç modellerinde kullanılabilir?
Volvo VOCOM 88890300, geniş bir araç yelpazesinde kullanılabilir. Volvo Kamyonlar FH, FM, FMX, FL serisi (2000 model yılından itibaren), tüm Volvo otobüs modelleri, Renault Kamyonlar EURO 3, 4, 5, 6 standartlarında, Mack Kamyonlar V-MAC I/II/III/IV+ sistemleri, UD Trucks Japonya pazarı araçları, Volvo Penta deniz motorları ve Volvo Construction Equipment iş makinelerinde kullanılabilir.
Premium Tech Tool yazılımı dahil mi?
Evet, Hazır Set paketimizde Premium Tech Tool yazılımı dahildir. Laptop üzerinde önceden kurulu ve kullanıma hazır halde gelir. Ayrıca Volvo Prosis yazılımı da paket içeriğinde bulunmaktadır. Bu sayede ürünü aldığınızda hemen tanılama işlemlerine başlayabilirsiniz.
VOCOM ile hangi işlemler yapılabilir?
Volvo VOCOM ile tanılama işlemleri olarak arıza kodları okuma/silme, canlı veri görüntüleme, ECU durumu kontrolü, sensör değerleri izleme yapılabilir. Programlama işlemleri olarak ECU yazılım güncelleme, parametre programlama, enjektör kalibrasyonu, DPF rejenerasyonu gerçekleştirilebilir. 11,000+ programlanabilir parametre ile bayi seviyesi yetkiler sunar.
Sistem gereksinimleri nelerdir?
VOCOM kullanımı için minimum sistem gereksinimleri: Windows 10/11 Professional (64-bit) işletim sistemi, Intel Core i5 veya AMD Ryzen 5 işlemci (önerilen), 8 GB RAM (minimum 4 GB), 120 GB SSD depolama (önerilen), USB 2.0/3.0 portu, yazılım güncellemeleri için internet bağlantısı. Laptop kullanımı atölye ortamında daha pratik olacaktır.
VOCOM'un VCADS'e göre avantajları nelerdir?
VOCOM'un VCADS'e göre üstünlükleri performans açısından %50 daha hızlı tanılama, gelişmiş iletişim protokolleri ve USB 2.0 yüksek hız bağlantısıdır. Özellikler açısından kablosuz WLAN desteği, IP67 dayanıklılık standardı ve merkezi sunucu bağımsız çalışma imkanı sunar.
Garanti süresi ne kadar?
Volvo VOCOM 88890300 için 6 ay fabrikasyon arıza garantisi sunulmaktadır. Hazır Set paketindeki ikinci el laptop için 3 ay garanti verilmektedir. Bu garanti kapsamında üretim hatalarından kaynaklanan donanım arızaları karşılanır. Garanti kapsamı yalnızca fabrika çıkışı kusurları, malzeme hataları ve üretim kalitesinden kaynaklanan arızaları içermektedir. Kullanıcı kaynaklı hasarlar, yanlış kullanım, fiziksel darbe, sıvı teması, elektriksel aşırı yüklenme veya yetkisiz müdahale sonucu oluşan arızalar garanti kapsamı dışındadır. Garanti süresi ürün satın alma tarihinden itibaren başlar.
Destek ve İletişim
Volvo VOCOM ile ilgili sorularınız için
profesyonel destek hizmetimizden yararlanın
Teknik Destek
VOCOM kurulum, yazılım ve kullanım konularında uzman desteği
0850 532 0550
info@otoeko.com
Teknik Destek Al
E-posta Desteği
Ürün seçimi, fiyat bilgisi ve satın alma süreçleri
info@otoeko.com
24 Saat İçinde Yanıt
E-posta Gönder
WhatsApp Destek
Hızlı sorular ve anlık destek için WhatsApp hattımız
7/24 Aktif
Hızlı Yanıt
WhatsApp'tan Yaz
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
اكتب مراجعة
منتجات ذات صلة
عرض الكل
