Türkçe
English
العربية
Autool AS503 Dijital Ekranlı Motor Yağı Test Cihazı
AUTOOL AS503 Motor Yağı Test Cihazı | Resmi Distribütör otoeko.com
/* İzole stiller - sadece autool-as503-wrapper içindeki elementleri etkiler */
#autool-as503-wrapper {
font-family: 'Poppins', sans-serif;
color: #333;
line-height: 1.6;
max-width: 1300px;
margin: 0 auto;
padding: 0;
background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%);
border-radius: 0;
overflow-x: hidden; /* Prevent horizontal scroll */
position: relative;
}
#autool-as503-wrapper * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#autool-as503-wrapper .container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
position: relative;
padding: 0 20px;
}
/* Shared Styles */
#autool-as503-wrapper .section {
padding: 60px 0;
position: relative;
overflow: hidden;
}
#autool-as503-wrapper .section::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 1px;
background: linear-gradient(90deg,
rgba(255,209,0,0) 0%,
rgba(255,209,0,0.5) 50%,
rgba(255,209,0,0) 100%);
}
#autool-as503-wrapper .section:last-child::after {
display: none;
}
#autool-as503-wrapper .section-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 1;
}
#autool-as503-wrapper .subtitle-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin-bottom: 20px;
flex-wrap: wrap;
}
#autool-as503-wrapper .section-subtitle {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
background: rgba(255, 209, 0, 0.1);
color: #111;
padding: 8px 20px;
border-radius: 50px;
font-size: 0.9rem;
font-weight: 600;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
letter-spacing: 1px;
width: -moz-fit-content;
width: fit-content;
}
#autool-as503-wrapper .subtitle-wrapper .section-subtitle {
margin-bottom: 0;
}
#autool-as503-wrapper .subtitle-logo {
height: 36px; /* Default size */
width: auto;
display: block;
}
#autool-as503-wrapper .subtitle-logo-otoeko {
filter: brightness(1.05) saturate(1.1); /* Make logo more vibrant */
}
#autool-as503-wrapper .subtitle-text-icon-group {
display: flex;
align-items: center;
gap: 8px;
}
#autool-as503-wrapper .section-title {
font-size: 2.2rem;
font-weight: 800;
color: #111;
margin-bottom: 20px;
position: relative;
display: inline-block;
}
#autool-as503-wrapper .section-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
border-radius: 2px;
}
#autool-as503-wrapper .section-description {
max-width: 700px;
margin: 0 auto;
font-size: 1.1rem;
color: #555;
line-height: 1.7;
}
#autool-as503-wrapper .btn {
display: inline-block;
padding: 14px 32px;
border-radius: 50px;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
}
#autool-as503-wrapper .btn::after {
content: '';
position: absolute;
bottom: -50%;
left: -10%;
width: 120%;
height: 200%;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transition: all 0.5s ease;
z-index: -1;
transform: scale(0);
}
#autool-as503-wrapper .btn:hover::after {
transform: scale(1);
}
#autool-as503-wrapper .btn-primary {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
box-shadow: 0 8px 25px rgba(255, 209, 0, 0.3);
}
#autool-as503-wrapper .btn-primary:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(255, 209, 0, 0.4);
}
#autool-as503-wrapper .btn-secondary {
background: transparent;
color: #111;
border: 2px solid #111;
}
#autool-as503-wrapper .btn-secondary:hover {
background: rgba(0, 0, 0, 0.05);
transform: translateY(-5px);
}
/* Yellow pattern background */
#autool-as503-wrapper .pattern-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFD100' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.5;
z-index: 0;
}
/* Hero Section */
#autool-as503-wrapper .hero-section {
position: relative;
background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%);
padding: 60px 0;
overflow: hidden;
text-align: center;
}
#autool-as503-wrapper .hero-logo-container {
margin-bottom: 25px;
}
#autool-as503-wrapper .hero-logo {
max-width: 180px; /* Default size */
height: auto;
}
#autool-as503-wrapper .hero-bg {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: radial-gradient(circle at top right, rgba(255, 209, 0, 0.1), transparent 70%);
z-index: 0;
}
#autool-as503-wrapper .product-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
#autool-as503-wrapper .product-info {
flex: 1;
min-width: 300px;
padding-right: 40px;
text-align: left;
}
#autool-as503-wrapper .product-badge {
display: inline-block;
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
padding: 8px 16px;
border-radius: 50px;
font-weight: 600;
font-size: 0.9rem;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(255, 209, 0, 0.2);
position: relative;
}
#autool-as503-wrapper .product-badge i {
margin-right: 5px;
animation: pulse 2s infinite;
}
#autool-as503-wrapper .product-title {
font-size: 2.4rem;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.2;
color: #111;
}
#autool-as503-wrapper .product-title span {
color: #111;
position: relative;
display: inline-block;
z-index: 1;
}
#autool-as503-wrapper .product-title span::after {
content: '';
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 8px;
background: #FFD100;
z-index: -1;
opacity: 0.6;
}
#autool-as503-wrapper .product-description {
font-size: 1.1rem;
margin-bottom: 25px;
color: #444;
line-height: 1.7;
}
#autool-as503-wrapper .product-features {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 30px;
}
#autool-as503-wrapper .feature-item {
display: flex;
align-items: center;
background: rgba(255, 209, 0, 0.1);
padding: 8px 16px;
border-radius: 50px;
transition: all 0.3s ease;
}
#autool-as503-wrapper .feature-item:hover {
background: rgba(255, 209, 0, 0.2);
transform: translateY(-3px);
}
#autool-as503-wrapper .feature-icon {
margin-right: 10px;
color: #FFD100;
}
#autool-as503-wrapper .feature-text {
font-weight: 500;
font-size: 0.9rem;
color: #333;
}
#autool-as503-wrapper .product-buttons {
display: flex;
gap: 15px;
margin-top: 30px;
}
#autool-as503-wrapper .product-image {
flex: 1;
min-width: 300px;
position: relative;
padding: 20px;
}
#autool-as503-wrapper .product-image-main {
width: 100%;
max-width: 450px;
aspect-ratio: 1 / 1; /* Ensures a square aspect ratio for both img and iframe */
object-fit: cover; /* For img: ensures image covers the area, crops if necessary */
height: auto; /* Height is determined by width and aspect-ratio */
display: block;
margin: 0 auto;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#autool-as503-wrapper .product-image-main:hover {
transform: scale(1.03) perspective(1000px) rotateY(-5deg);
}
/* iframe için özel stiller */
#autool-as503-wrapper .iframe-container {
width: 100%;
max-width: 450px;
aspect-ratio: 1 / 1;
margin: 0 auto;
position: relative;
overflow: hidden;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#autool-as503-wrapper .iframe-container:hover {
transform: scale(1.03) perspective(1000px) rotateY(-5deg);
}
#autool-as503-wrapper .iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: #fff;
}
/* Removed specific iframe.product-image-main rule as general rule now covers it */
#autool-as503-wrapper .product-image-gallery {
display: flex;
flex-direction: column;
align-items: center;
}
#autool-as503-wrapper .main-image-display {
margin-bottom: 15px;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}
#autool-as503-wrapper .thumbnail-container {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
}
#autool-as503-wrapper .thumbnail-item img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 10px;
cursor: pointer;
border: 2px solid transparent;
transition: border-color 0.3s ease, transform 0.3s ease;
opacity: 0.7;
}
#autool-as503-wrapper .thumbnail-item img:hover {
opacity: 1;
transform: scale(1.05);
}
#autool-as503-wrapper .thumbnail-item.active img,
#autool-as503-wrapper .thumbnail-item.active i { /* Ensure active state applies to icon too */
border-color: #FFD100;
opacity: 1;
}
#autool-as503-wrapper .thumbnail-item i { /* Style for FA icon in thumbnail */
font-size: 32px; /* Adjust icon size */
color: #333; /* Icon color */
width: 80px; /* Match image thumbnail width */
height: 80px; /* Match image thumbnail height */
display: flex;
align-items: center;
justify-content: center;
background-color: #f8f8f8; /* Light background for the icon container */
border-radius: 10px; /* Match image thumbnail border-radius */
border: 2px solid transparent;
transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
opacity: 0.7;
cursor: pointer;
}
#autool-as503-wrapper .thumbnail-item:hover i {
opacity: 1;
color: #FFD100; /* Icon color on hover */
border-color: #FFD100;
}
#autool-as503-wrapper .thumbnail-item.active i {
color: #FFD100; /* Icon color when active */
}
#autool-as503-wrapper .product-badge-corner {
position: absolute;
top: 20px;
right: 20px;
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
width: auto;
height: auto;
padding: 10px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
transform: rotate(15deg);
animation: pulse 2s infinite;
z-index: 10;
text-align: center;
}
#autool-as503-wrapper .product-badge-corner .badge-big {
font-size: 1.2rem;
line-height: 1;
}
#autool-as503-wrapper .product-badge-corner .badge-small {
font-size: 0.7rem;
opacity: 0.9;
}
/* Features Section */
#autool-as503-wrapper .features-specs {
padding: 80px 0;
background: #fff;
position: relative;
}
#autool-as503-wrapper .features-specs::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at bottom left, rgba(255, 209, 0, 0.05), transparent 60%);
}
#autool-as503-wrapper .features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 50px;
position: relative;
z-index: 1;
}
#autool-as503-wrapper .feature-card {
background: #fff;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
padding: 30px;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.03);
height: 100%;
text-align: center;
}
#autool-as503-wrapper .feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: linear-gradient(180deg, #FFD100 0%, #FFA500 100%);
transition: all 0.3s ease;
z-index: 0;
}
#autool-as503-wrapper .feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
#autool-as503-wrapper .feature-card:hover::before {
width: 100%;
opacity: 0.05;
}
#autool-as503-wrapper .feature-card-icon {
width: 60px;
height: 60px;
border-radius: 15px;
background: rgba(255, 209, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-size: 24px;
color: #FFD100;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
#autool-as503-wrapper .feature-card:hover .feature-card-icon {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
}
#autool-as503-wrapper .feature-card-title {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 15px;
color: #111;
position: relative;
z-index: 1;
}
#autool-as503-wrapper .feature-card-text {
color: #666;
font-size: 1rem;
line-height: 1.7;
position: relative;
z-index: 1;
}
/* How It Works Section */
#autool-as503-wrapper .how-it-works {
background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
position: relative;
}
#autool-as503-wrapper .how-it-works::before {
content: '';
position: absolute;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 209, 0, 0.1) 0%, rgba(255, 209, 0, 0) 70%);
top: -150px;
right: -150px;
z-index: 0;
}
#autool-as503-wrapper .how-it-works::after {
content: '';
position: absolute;
width: 300px;
height: 300px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 165, 0, 0.1) 0%, rgba(255, 165, 0, 0) 70%);
bottom: -100px;
left: -100px;
z-index: 0;
}
#autool-as503-wrapper .steps-container {
display: flex;
position: relative;
margin-top: 80px;
z-index: 1;
}
#autool-as503-wrapper .step-line {
position: absolute;
top: 50px;
left: 50px;
right: 50px;
height: 4px;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
z-index: -1;
border-radius: 2px;
}
#autool-as503-wrapper .step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 15px;
position: relative;
transition: all 0.4s ease;
}
#autool-as503-wrapper .step:hover {
transform: translateY(-10px);
}
#autool-as503-wrapper .step:hover .step-icon {
transform: scale(1.1) rotate(10deg);
box-shadow: 0 15px 30px rgba(255, 209, 0, 0.3);
}
#autool-as503-wrapper .step-icon {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
border-radius: 50%;
font-size: 2.5rem;
margin-bottom: 25px;
position: relative;
box-shadow: 0 10px 25px rgba(255, 209, 0, 0.2);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 2;
}
#autool-as503-wrapper .step-number {
position: absolute;
top: -5px;
right: -5px;
width: 30px;
height: 30px;
background: #111;
color: #FFD100;
border-radius: 50%;
font-size: 1rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
#autool-as503-wrapper .step-title {
font-size: 1.3rem;
font-weight: 700;
color: #111;
margin-bottom: 15px;
}
#autool-as503-wrapper .step-description {
font-size: 1rem;
color: #666;
line-height: 1.6;
}
#autool-as503-wrapper .steps-cta {
text-align: center;
margin-top: 60px;
}
#autool-as503-wrapper .animation-wave {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 40px;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRDEwMCI+PHBhdGggZD0iTTEyODAgMEw2NDAgNzAgMCAwdjE0MGgxMjgweiIgZmlsbC1vcGFjaXR5PSIuMDUiLz48L2c+PC9zdmc+') center/cover no-repeat;
opacity: 0.3;
z-index: 0;
animation: wave 15s linear infinite;
}
@keyframes wave {
0% {
background-position-x: 0;
}
100% {
background-position-x: 1280px;
}
}
/* Düzeltilmiş Teknik Özellikler Bölümü */
#autool-as503-wrapper .tech-specs-section {
padding: 100px 0;
position: relative;
overflow: hidden;
background: #fff;
}
#autool-as503-wrapper .tech-specs-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255, 209, 0, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);
z-index: 0;
}
#autool-as503-wrapper .tech-specs-header {
text-align: center;
margin-bottom: 70px;
position: relative;
z-index: 1;
}
#autool-as503-wrapper .tech-specs-panels {
position: relative;
margin: 0 auto;
max-width: 1100px;
z-index: 1;
}
#autool-as503-wrapper .specs-tabs {
display: flex;
justify-content: center;
position: relative;
margin-bottom: 40px;
border-radius: 50px;
background: rgba(255, 209, 0, 0.1);
padding: 8px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
#autool-as503-wrapper .specs-tab {
flex: 1;
text-align: center;
padding: 15px 20px;
font-weight: 600;
color: #333;
cursor: pointer;
border-radius: 50px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 5px;
}
#autool-as503-wrapper .specs-tab.active {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
box-shadow: 0 5px 15px rgba(255, 209, 0, 0.2);
}
#autool-as503-wrapper .specs-tab:hover:not(.active) {
background: rgba(255, 209, 0, 0.2);
}
#autool-as503-wrapper .specs-tab i {
margin-right: 8px;
font-size: 1.1rem;
position: relative;
top: 1px;
}
/* 3D Rotating Specs Display - Düzeltilmiş */
#autool-as503-wrapper .specs-3d-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
min-height: 450px;
perspective: 1000px;
overflow: hidden;
}
#autool-as503-wrapper .specs-3d-model {
width: 60%;
position: relative;
transform-style: preserve-3d;
animation: rotate3d 30s infinite linear;
display: flex;
justify-content: center;
}
#autool-as503-wrapper .specs-3d-model:hover {
animation-play-state: paused;
}
#autool-as503-wrapper .specs-3d-item {
position: absolute;
transform-style: preserve-3d;
backface-visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #fff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
opacity: 0.8;
transition: all 0.3s ease;
cursor: pointer;
}
#autool-as503-wrapper .specs-3d-item:hover {
opacity: 1;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
z-index: 10;
}
#autool-as503-wrapper .specs-3d-item-1 { transform: translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-2 { transform: rotateY(45deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-3 { transform: rotateY(90deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-4 { transform: rotateY(135deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-5 { transform: rotateY(180deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-6 { transform: rotateY(225deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-7 { transform: rotateY(270deg) translateZ(135px); }
#autool-as503-wrapper .specs-3d-item-8 { transform: rotateY(315deg) translateZ(135px); }
@keyframes rotate3d {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(360deg);
}
}
#autool-as503-wrapper .specs-3d-item-icon {
font-size: 1.3rem;
color: #FFD100;
margin-bottom: 8px;
}
#autool-as503-wrapper .specs-3d-item-label {
font-size: 0.7rem;
color: #555;
text-align: center;
font-weight: 500;
}
#autool-as503-wrapper .specs-3d-item-value {
font-size: 1.0rem;
font-weight: 700;
color: #111;
text-align: center;
}
/* 3D Product Image - BÜYÜTÜLMüŞ VERSİYON */
#autool-as503-wrapper .specs-image-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%; /* MODIFIED */
max-width: 450px; /* MODIFIED */
z-index: 0;
opacity: 0.9;
}
#autool-as503-wrapper .specs-product-image {
width: 100%;
height: auto;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
/* Specs Detail Panels */
#autool-as503-wrapper .specs-panel {
position: relative;
display: none;
max-width: 1000px;
margin: 0 auto;
background: #fff;
border-radius: 20px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
overflow: hidden;
z-index: 1;
}
#autool-as503-wrapper .specs-panel.active {
display: block;
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* General Specs Panel */
#autool-as503-wrapper .general-specs {
display: flex;
flex-wrap: wrap;
padding: 30px;
}
#autool-as503-wrapper .general-specs-diagram {
flex: 1;
min-width: 300px;
position: relative;
}
#autool-as503-wrapper .specs-diagram {
position: relative;
width: 100%;
height: 400px;
}
#autool-as503-wrapper .specs-diagram-image {
width: 100%;
height: 100%;
object-fit: contain;
}
#autool-as503-wrapper .specs-hotspot {
position: absolute;
width: 24px;
height: 24px;
border-radius: 50%;
background: #FFD100;
box-shadow: 0 0 0 5px rgba(255, 209, 0, 0.3);
cursor: pointer;
transition: all 0.3s ease;
z-index: 2;
animation: pulse-hotspot 2s infinite;
}
@keyframes pulse-hotspot {
0% {
box-shadow: 0 0 0 0 rgba(255, 209, 0, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(255, 209, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 209, 0, 0);
}
}
#autool-as503-wrapper .specs-hotspot-lcd { top: 38%; left: 50%; } /* New hotspot for LCD */
#autool-as503-wrapper .specs-hotspot-probe { top: 15%; left: 30%; } /* New hotspot for Probe */
#autool-as503-wrapper .specs-hotspot-buttons { top: 68%; left: 50%; } /* New hotspot for Buttons */
#autool-as503-wrapper .specs-hotspot-2 { top: 40%; left: 20%; } /* This can be removed if not used or repurposed */
#autool-as503-wrapper .specs-hotspot:hover {
transform: scale(1.2);
}
#autool-as503-wrapper .specs-tooltip {
position: absolute;
top: -70px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 10px 15px;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
font-size: 0.9rem;
color: #333;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
width: max-content;
max-width: 200px;
text-align: center;
z-index: 3;
}
#autool-as503-wrapper .specs-tooltip::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
border-width: 8px 8px 0;
border-style: solid;
border-color: #fff transparent transparent;
}
#autool-as503-wrapper .specs-hotspot:hover .specs-tooltip {
opacity: 1;
visibility: visible;
top: -80px;
}
#autool-as503-wrapper .general-specs-details {
flex: 1;
min-width: 300px;
padding-left: 40px;
}
#autool-as503-wrapper .specs-detail-title {
font-size: 1.5rem;
font-weight: 700;
color: #111;
margin-bottom: 20px;
position: relative;
display: inline-block;
}
#autool-as503-wrapper .specs-detail-title::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
border-radius: 2px;
}
#autool-as503-wrapper .specs-detail-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
}
#autool-as503-wrapper .specs-detail-item {
display: flex;
flex-direction: column;
}
#autool-as503-wrapper .specs-detail-label {
font-size: 0.9rem;
color: #666;
margin-bottom: 5px;
}
#autool-as503-wrapper .specs-detail-value {
font-size: 1.1rem;
font-weight: 600;
color: #111;
}
/* Performance Specs Panel */
#autool-as503-wrapper .performance-specs {
padding: 30px;
}
#autool-as503-wrapper .specs-gauges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
margin: 30px 0;
}
#autool-as503-wrapper .specs-gauge {
position: relative;
width: 220px;
height: 220px;
}
#autool-as503-wrapper .gauge-bg {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(255, 209, 0, 0.1);
}
#autool-as503-wrapper .gauge-fill {
position: absolute;
width: 80%;
height: 80%;
top: 10%;
left: 10%;
border-radius: 50%;
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 2;
}
#autool-as503-wrapper .gauge-value {
font-size: 2.5rem;
font-weight: 700;
color: #111;
margin-bottom: 5px;
}
#autool-as503-wrapper .gauge-label {
font-size: 0.9rem;
color: #666;
text-align: center;
}
#autool-as503-wrapper .gauge-meter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
#autool-as503-wrapper .gauge-meter-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0);
background: conic-gradient(
from 0deg,
#FFD100 0%,
#FFA500 var(--percentage, 75%),
transparent var(--percentage, 75%)
);
transform: rotate(0deg);
}
#autool-as503-wrapper .gauge-power .gauge-meter-fill { --percentage: 72%; }
#autool-as503-wrapper .gauge-frequency .gauge-meter-fill { --percentage: 80%; }
#autool-as503-wrapper .gauge-temp .gauge-meter-fill { --percentage: 65%; }
/* Technical Specs Comparison */
#autool-as503-wrapper .specs-comparison {
margin-top: 40px;
}
#autool-as503-wrapper .comparison-title {
font-size: 1.3rem;
font-weight: 700;
color: #111;
margin-bottom: 20px;
text-align: center;
}
#autool-as503-wrapper .comparison-bars {
display: flex;
flex-direction: column;
gap: 25px;
}
#autool-as503-wrapper .comparison-item {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#autool-as503-wrapper .comparison-label {
flex: 0 0 200px;
font-size: 1rem;
font-weight: 600;
color: #333;
padding-right: 20px;
}
#autool-as503-wrapper .comparison-bar-container {
flex: 1;
height: 30px;
background: rgba(255, 209, 0, 0.1);
border-radius: 15px;
overflow: hidden;
position: relative;
}
#autool-as503-wrapper .comparison-bar {
height: 100%;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
border-radius: 15px;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 15px;
box-shadow: 0 5px 15px rgba(255, 209, 0, 0.2);
/* animation: growBar 1.5s ease-out forwards; _/ /_ Animation will be applied when panel is active */
transform-origin: left;
transform: scaleX(0);
}
#autool-as503-wrapper .specs-panel#performance-specs.active .comparison-bar {
animation: growBar 1.5s ease-out forwards;
}
@keyframes growBar {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
#autool-as503-wrapper .comparison-bar-1 { width: 90%; }
#autool-as503-wrapper .comparison-bar-2 { width: 75%; }
#autool-as503-wrapper .comparison-bar-3 { width: 95%; }
#autool-as503-wrapper .comparison-bar-4 { width: 80%; }
#autool-as503-wrapper .comparison-value {
color: #111;
font-weight: 700;
font-size: 0.9rem;
}
/* Physical Specs Panel */
#autool-as503-wrapper .physical-specs {
padding: 30px;
}
#autool-as503-wrapper .dimension-container {
display: flex;
flex-wrap: wrap;
margin: 30px 0;
gap: 40px;
justify-content: center;
}
#autool-as503-wrapper .dimension-diagram {
flex: 1;
min-width: 300px;
max-width: 500px;
position: relative;
}
#autool-as503-wrapper .dimension-image {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
#autool-as503-wrapper .dimension-marker {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
color: #111;
font-weight: 700;
font-size: 0.9rem;
background: rgba(255, 209, 0, 0.8);
padding: 5px 10px;
border-radius: 5px;
}
#autool-as503-wrapper .marker-width {
bottom: 10%;
left: 50%;
transform: translateX(-50%);
}
#autool-as503-wrapper .marker-height {
top: 50%;
right: 10%;
transform: translateY(-50%);
}
#autool-as503-wrapper .marker-depth {
top: 10%;
left: 10%;
}
#autool-as503-wrapper .dimension-details {
flex: 1;
min-width: 300px;
display: flex;
flex-direction: column;
justify-content: center;
}
#autool-as503-wrapper .dimension-title {
font-size: 1.5rem;
font-weight: 700;
color: #111;
margin-bottom: 20px;
position: relative;
display: inline-block;
}
#autool-as503-wrapper .dimension-title::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 50px;
height: 3px;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
border-radius: 2px;
}
#autool-as503-wrapper .dimension-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#autool-as503-wrapper .dimension-item {
display: flex;
flex-direction: column;
}
#autool-as503-wrapper .dimension-label {
font-size: 0.9rem;
color: #666;
margin-bottom: 5px;
}
#autool-as503-wrapper .dimension-value {
font-size: 1.1rem;
font-weight: 600;
color: #111;
}
#autool-as503-wrapper .materials-section {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#autool-as503-wrapper .materials-title {
font-size: 1.5rem;
font-weight: 700;
color: #111;
margin-bottom: 30px;
text-align: center;
}
#autool-as503-wrapper .materials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
}
#autool-as503-wrapper .material-item {
background: #fff;
border-radius: 15px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
text-align: center;
transition: all 0.3s ease;
}
#autool-as503-wrapper .material-item:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
#autool-as503-wrapper .material-icon {
font-size: 2rem;
color: #FFD100;
margin-bottom: 15px;
}
#autool-as503-wrapper .material-name {
font-size: 1.1rem;
font-weight: 700;
color: #111;
margin-bottom: 10px;
}
#autool-as503-wrapper .material-desc {
font-size: 0.9rem;
color: #666;
}
/* Distributor Section */
#autool-as503-wrapper .distributor-section {
background: #fff;
color: #333;
padding: 100px 0 80px;
border-radius: 0;
margin: 0;
position: relative;
overflow: hidden;
}
#autool-as503-wrapper .distributor-section::after {
display: none;
}
#autool-as503-wrapper .distributor-waves {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmOGY4ZjgiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2Mi4xIDExNi4yNmE3My4yOSA3My4yOSAwIDAgMS0zOS4wOSA2TDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==') center top no-repeat;
background-size: 100% 120px;
z-index: 1;
transform: rotateX(180deg);
}
#autool-as503-wrapper .distributor-section .container {
position: relative;
z-index: 2;
}
#autool-as503-wrapper .distributor-subtitle {
background: rgba(255, 209, 0, 0.1);
color: #111;
}
#autool-as503-wrapper .distributor-title {
color: #111;
font-size: 2.5rem;
margin-bottom: 25px;
}
#autool-as503-wrapper .distributor-title::after {
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
height: 5px;
bottom: -15px;
}
#autool-as503-wrapper .distributor-description {
color: #555;
max-width: 800px;
margin-bottom: 60px;
font-size: 1.15rem;
line-height: 1.8;
}
#autool-as503-wrapper .distributor-content {
text-align: center;
}
#autool-as503-wrapper .distributor-benefits {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
#autool-as503-wrapper .benefit-item {
background: #f8f8f8;
padding: 30px 25px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
border: 1px solid #eee;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
text-align: center; /* Center align title and text */
position: relative;
overflow: hidden;
}
#autool-as503-wrapper .benefit-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #FFD100, #FFA500);
opacity: 0;
transition: opacity 0.3s ease;
}
#autool-as503-wrapper .benefit-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
border-color: #ddd;
}
#autool-as503-wrapper .benefit-item:hover::before {
opacity: 1;
}
#autool-as503-wrapper .benefit-header {
display: flex;
flex-direction: column; /* Stack icon and title vertically */
align-items: center; /* Center items horizontally */
justify-content: center;
margin-bottom: 15px; /* Adjusted margin */
}
#autool-as503-wrapper .benefit-icon-wrapper {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(255, 209, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
border-radius: 50%;
margin-right: 0; /* Removed margin-right as items are stacked */
margin-bottom: 10px; /* Add space between icon and title */
transition: all 0.3s ease;
}
#autool-as503-wrapper .benefit-item:hover .benefit-icon-wrapper {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
}
#autool-as503-wrapper .benefit-icon {
font-size: 1.8rem;
color: #FFD100;
transition: all 0.3s ease;
}
#autool-as503-wrapper .benefit-item:hover .benefit-icon {
color: #111;
transform: scale(1.1);
}
#autool-as503-wrapper .benefit-title {
font-size: 1.25rem;
font-weight: 700;
color: #111;
margin: 0;
}
#autool-as503-wrapper .benefit-text {
font-size: 0.95rem;
color: #666;
line-height: 1.6;
}
#autool-as503-wrapper .distributor-contact-cta {
margin-top: 40px;
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
#autool-as503-wrapper .distributor-btn {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
padding: 16px 40px;
font-size: 1.1rem;
box-shadow: 0 10px 30px rgba(255, 209, 0, 0.2);
display: inline-flex;
align-items: center;
gap: 10px;
}
#autool-as503-wrapper .distributor-btn:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(255, 209, 0, 0.3);
}
#autool-as503-wrapper .distributor-btn-alt {
background: transparent;
color: #111;
border: 2px solid #111;
padding: 16px 40px;
font-size: 1.1rem;
display: inline-flex;
align-items: center;
gap: 10px;
}
#autool-as503-wrapper .distributor-btn-alt:hover {
background: rgba(0,0,0,0.05);
transform: translateY(-5px);
}
/* Added floating elements */
#autool-as503-wrapper .floating-element {
position: absolute;
border-radius: 50%;
background: linear-gradient(135deg, rgba(255, 209, 0, 0.1) 0%, rgba(255, 165, 0, 0.1) 100%);
z-index: 0;
animation: float 15s infinite ease-in-out;
}
#autool-as503-wrapper .floating-1 {
width: 100px;
height: 100px;
top: 10%;
left: 5%;
animation-delay: 0s;
}
#autool-as503-wrapper .floating-2 {
width: 150px;
height: 150px;
bottom: 20%;
right: 10%;
animation-delay: -5s;
}
#autool-as503-wrapper .floating-3 {
width: 80px;
height: 80px;
top: 40%;
right: 20%;
animation-delay: -10s;
}
/* Scroll Reveal Animation */
#autool-as503-wrapper .reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
#autool-as503-wrapper .reveal.active {
opacity: 1;
transform: translateY(0);
}
/* Sıkça Sorulan Sorular Bölümü */
#autool-as503-wrapper .faq-section {
background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
position: relative;
padding: 80px 0;
}
#autool-as503-wrapper .faq-container {
max-width: 900px;
margin: 50px auto 0;
}
#autool-as503-wrapper .faq-item {
background: #fff;
border-radius: 10px;
margin-bottom: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
overflow: hidden;
transition: all 0.3s ease;
border: 1px solid rgba(0,0,0,0.03);
}
#autool-as503-wrapper .faq-item:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
#autool-as503-wrapper .faq-question {
padding: 20px 25px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
transition: all 0.3s ease;
position: relative;
}
#autool-as503-wrapper .faq-question::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 5px;
background: linear-gradient(180deg, #FFD100 0%, #FFA500 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
#autool-as503-wrapper .faq-item.active .faq-question::before,
#autool-as503-wrapper .faq-question:hover::before {
opacity: 1;
}
#autool-as503-wrapper .faq-question h3 {
font-size: 1.1rem;
font-weight: 600;
color: #333;
margin: 0;
padding-right: 20px;
}
#autool-as503-wrapper .faq-icon {
color: #FFD100;
font-size: 1rem;
transition: all 0.3s ease;
}
#autool-as503-wrapper .faq-item.active .faq-icon {
transform: rotate(180deg);
}
#autool-as503-wrapper .faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 25px;
transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
#autool-as503-wrapper .faq-item.active .faq-answer {
max-height: 1000px;
padding: 0 25px 20px;
}
#autool-as503-wrapper .faq-answer p {
margin-top: 10px;
margin-bottom: 10px;
color: #666;
line-height: 1.6;
}
#autool-as503-wrapper .faq-answer ul {
margin: 10px 0;
padding-left: 20px;
}
#autool-as503-wrapper .faq-answer li {
margin-bottom: 5px;
color: #666;
}
/* Destek ve İletişim Bölümü */
#autool-as503-wrapper .support-contact-section {
background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%);
padding: 80px 0;
position: relative;
}
#autool-as503-wrapper .support-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 25px;
margin: 50px 0;
}
#autool-as503-wrapper .support-card {
background: #fff;
border-radius: 15px;
padding: 30px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
border: 1px solid rgba(0,0,0,0.03);
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
#autool-as503-wrapper .support-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
#autool-as503-wrapper .support-icon {
width: 70px;
height: 70px;
border-radius: 50%;
background: rgba(255, 209, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
transition: all 0.3s ease;
}
#autool-as503-wrapper .support-card:hover .support-icon {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
}
#autool-as503-wrapper .support-icon i {
font-size: 1.8rem;
color: #FFD100;
transition: all 0.3s ease;
}
#autool-as503-wrapper .support-card:hover .support-icon i {
color: #111;
}
#autool-as503-wrapper .support-title {
font-size: 1.3rem;
font-weight: 700;
color: #111;
margin-bottom: 15px;
}
#autool-as503-wrapper .support-text {
color: #666;
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 20px;
flex-grow: 1;
}
#autool-as503-wrapper .support-link {
display: inline-block;
padding: 8px 20px;
background: rgba(255, 209, 0, 0.1);
color: #111;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
font-size: 0.9rem;
}
#autool-as503-wrapper .support-link:hover {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(255, 209, 0, 0.2);
}
/* İletişim Formu */
#autool-as503-wrapper .contact-form-container {
max-width: 800px;
margin: 0 auto;
background: #fff;
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0,0,0,0.03);
}
#autool-as503-wrapper .contact-form-title {
font-size: 1.5rem;
font-weight: 700;
color: #111;
margin-bottom: 30px;
text-align: center;
position: relative;
}
#autool-as503-wrapper .contact-form-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: linear-gradient(90deg, #FFD100 0%, #FFA500 100%);
border-radius: 2px;
}
#autool-as503-wrapper .form-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
}
#autool-as503-wrapper .form-group {
flex: 1;
min-width: 250px;
}
#autool-as503-wrapper .form-group label {
display: block;
margin-bottom: 8px;
font-weight: 500;
color: #333;
font-size: 0.95rem;
}
#autool-as503-wrapper .form-group input,
#autool-as503-wrapper .form-group select,
#autool-as503-wrapper .form-group textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-family: 'Poppins', sans-serif;
font-size: 0.95rem;
transition: all 0.3s ease;
}
#autool-as503-wrapper .form-group input:focus,
#autool-as503-wrapper .form-group select:focus,
#autool-as503-wrapper .form-group textarea:focus {
outline: none;
border-color: #FFD100;
box-shadow: 0 0 0 2px rgba(255, 209, 0, 0.1);
}
#autool-as503-wrapper .form-consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 20px 0;
}
#autool-as503-wrapper .form-consent input {
width: auto;
margin-top: 5px;
}
#autool-as503-wrapper .form-consent label {
font-size: 0.85rem;
color: #666;
}
#autool-as503-wrapper .contact-submit {
display: block;
width: 100%;
max-width: 250px;
margin: 30px auto 0;
padding: 14px 20px;
text-align: center;
}
/* Mobile responsive adjustments */
@media (max-width: 992px) { /* Tablet and larger mobile */
#autool-as503-wrapper .section {
padding: 40px 0;
}
#autool-as503-wrapper .product-info {
padding-right: 0;
margin-bottom: 25px;
text-align: center;
}
#autool-as503-wrapper .product-features {
justify-content: center;
}
#autool-as503-wrapper .product-buttons {
justify-content: center;
}
#autool-as503-wrapper .steps-container {
flex-direction: column;
align-items: center;
margin-top: 25px;
}
#autool-as503-wrapper .step {
margin-bottom: 25px;
max-width: 380px;
}
#autool-as503-wrapper .step-line {
display: none;
}
#autool-as503-wrapper .specs-3d-container {
min-height: 450px;
perspective: 1100px;
}
#autool-as503-wrapper .specs-3d-model {
width: 65%;
}
#autool-as503-wrapper .specs-3d-item {
width: 120px;
height: 120px;
padding: 15px;
}
#autool-as503-wrapper .specs-3d-item-1 { transform: translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-2 { transform: rotateY(45deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-3 { transform: rotateY(90deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-4 { transform: rotateY(135deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-5 { transform: rotateY(180deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-6 { transform: rotateY(225deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-7 { transform: rotateY(270deg) translateZ(140px); }
#autool-as503-wrapper .specs-3d-item-8 { transform: rotateY(315deg) translateZ(140px); }
#autool-as503-wrapper .specs-image-container {
width: 70%;
max-width: 350px;
opacity: 0.8;
}
#autool-as503-wrapper .general-specs {
flex-direction: column;
}
#autool-as503-wrapper .general-specs-diagram {
margin-bottom: 30px;
}
#autool-as503-wrapper .general-specs-details {
padding-left: 0;
margin-top: 30px;
}
#autool-as503-wrapper .dimension-container {
flex-direction: column;
align-items: center;
}
#autool-as503-wrapper .dimension-details {
margin-top: 30px;
}
/* Distributor Section Responsive */
#autool-as503-wrapper .distributor-benefits {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
}
@media (max-width: 768px) {
#autool-as503-wrapper .container {
padding: 0 10px;
}
#autool-as503-wrapper .section {
padding: 20px 0;
}
#autool-as503-wrapper .section-header {
margin-bottom: 20px;
}
#autool-as503-wrapper .subtitle-wrapper {
gap: 5px; /* Further Reduced gap */
margin-bottom: 15px;
}
#autool-as503-wrapper .section-subtitle {
font-size: 0.75rem; /* Slightly smaller font for subtitle text */
padding: 4px 8px; /* Further Reduced padding for subtitle text */
margin-bottom: 10px;
}
#autool-as503-wrapper .subtitle-logo {
height: 22px; /* Further Reduced logo height */
}
#autool-as503-wrapper .section-title {
font-size: 1.6rem;
margin-bottom: 15px;
}
#autool-as503-wrapper .section-title::after {
bottom: -8px;
width: 60px;
height: 3px;
}
#autool-as503-wrapper .section-description {
font-size: 0.9rem;
line-height: 1.5;
}
#autool-as503-wrapper .product-title {
font-size: 1.8rem;
margin-bottom: 15px;
}
#autool-as503-wrapper .product-description {
font-size: 0.9rem;
line-height: 1.5;
margin-bottom: 20px;
}
#autool-as503-wrapper .product-info {
margin-bottom: 20px;
}
#autool-as503-wrapper .product-hero {
flex-direction: column;
}
#autool-as503-wrapper .product-image-main {
max-width: 280px;
}
#autool-as503-wrapper .iframe-container {
max-width: 280px;
}
#autool-as503-wrapper .product-badge-corner {
width: 60px; /* Reduced size for mobile */
height: 60px; /* Reduced size for mobile */
top: 20px; /* Adjusted position */
right: 20px; /* Adjusted position */
}
#autool-as503-wrapper .badge-big {
font-size: 1.1rem; /* Reduced font size for mobile */
}
#autool-as503-wrapper .badge-small {
font-size: 0.65rem; /* Reduced font size for mobile */
}
#autool-as503-wrapper .product-buttons {
flex-direction: column;
width: 100%;
gap: 8px;
}
#autool-as503-wrapper .btn {
width: 100%;
margin-bottom: 8px;
padding: 10px 20px;
font-size: 0.85rem;
}
#autool-as503-wrapper .features-grid {
grid-template-columns: 1fr;
gap: 15px;
margin-top: 20px;
}
#autool-as503-wrapper .feature-card {
padding: 15px;
}
#autool-as503-wrapper .feature-card-icon {
width: 50px; height: 50px; font-size: 20px; margin-bottom: 10px; /* Reduced margin */
}
#autool-as503-wrapper .feature-card-title {
font-size: 1rem;
margin-bottom: 10px;
}
#autool-as503-wrapper .feature-card-text {
font-size: 0.85rem;
line-height: 1.5;
}
#autool-as503-wrapper .steps-container {
margin-top: 20px;
}
#autool-as503-wrapper .step {
margin-bottom: 15px;
padding: 0 5px;
}
#autool-as503-wrapper .step-icon {
width: 80px; height: 80px; font-size: 2rem; margin-bottom: 10px; /* Reduced margin */
}
#autool-as503-wrapper .step-number {
width: 25px; height: 25px; font-size: 0.9rem;
}
#autool-as503-wrapper .step-title {
font-size: 1.1rem;
margin-bottom: 10px;
}
#autool-as503-wrapper .step-description {
font-size: 0.85rem;
line-height: 1.5;
}
#autool-as503-wrapper .step-description {
font-size: 0.85rem;
line-height: 1.5;
}
#autool-as503-wrapper .steps-cta {
margin-top: 20px;
}
#autool-as503-wrapper .tech-specs-header { margin-bottom: 20px; }
#autool-as503-wrapper .specs-tabs {
flex-direction: column;
border-radius: 10px;
gap: 5px;
padding: 5px;
margin-top: 15px;
margin-bottom: 15px;
}
#autool-as503-wrapper .specs-tab {
width: 100%;
padding: 8px 10px;
font-size: 0.85rem;
}
#autool-as503-wrapper .specs-3d-container {
min-height: 280px;
perspective: 800px;
}
#autool-as503-wrapper .specs-3d-model {
width: 85%;
}
#autool-as503-wrapper .specs-3d-item {
width: 70px; /* Further Reduced size */
height: 70px; /* Further Reduced size */
padding: 4px; /* Further Reduced padding */
}
#autool-as503-wrapper .specs-3d-item-icon {
font-size: 0.9rem; /* Further Reduced font size */
margin-bottom: 2px; /* Further Reduced margin */
}
#autool-as503-wrapper .specs-3d-item-label {
font-size: 0.55rem; /* Further Reduced font size */
}
#autool-as503-wrapper .specs-3d-item-value {
font-size: 0.7rem; /* Further Reduced font size */
}
#autool-as503-wrapper .specs-3d-item-1 { transform: translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-2 { transform: rotateY(45deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-3 { transform: rotateY(90deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-4 { transform: rotateY(135deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-5 { transform: rotateY(180deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-6 { transform: rotateY(225deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-7 { transform: rotateY(270deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-3d-item-8 { transform: rotateY(315deg) translateZ(80px); } /* Adjusted translateZ */
#autool-as503-wrapper .specs-image-container {
width: 70%; /* Increased size */
max-width: 230px; /* Increased max-width */
opacity: 0.65; /* Slightly less transparent */
}
#autool-as503-wrapper .specs-panel {
padding: 15px; /* Reduced padding for panels */
}
#autool-as503-wrapper .general-specs-details { /* Reverted: remove #general-specs specificity and text-align */
padding-left: 0; /* Remove left padding */
}
#autool-as503-wrapper .specs-detail-title { /* Reverted: remove #general-specs specificity */
font-size: 1.3rem; /* Reduced font size */
margin-bottom: 15px; /* Reduced margin */
/* display: inline-block; is default for this element if not overridden elsewhere */
}
#autool-as503-wrapper .specs-detail-title::after { /* Reverted: remove #general-specs specificity and centering */
/* left: 50%; transform: translateX(-50%); _/ /_ Default is left: 0; transform: none; */
}
#autool-as503-wrapper .specs-detail-list { /* Reverted: remove #general-specs specificity and centering */
grid-template-columns: 1fr;
gap: 10px; /* Reduced gap */
/* margin-left: auto; margin-right: auto; width: fit-content; */
}
/* Removed: #autool-as503-wrapper #general-specs .specs-detail-item { text-align: center; } */
#autool-as503-wrapper .specs-detail-label { font-size: 0.85rem; }
#autool-as503-wrapper .specs-detail-value { font-size: 1rem; }
#autool-as503-wrapper .specs-gauges {
flex-direction: column;
align-items: center;
gap: 20px; /* Reduced gap */
margin: 20px 0; /* Reduced margin */
}
#autool-as503-wrapper .specs-gauge {
width: 160px; /* Reduced size */
height: 160px; /* Reduced size */
}
#autool-as503-wrapper .gauge-value {
font-size: 1.8rem; /* Reduced font size */
}
#autool-as503-wrapper .gauge-label { font-size: 0.8rem; }
#autool-as503-wrapper .specs-comparison { margin-top: 20px; }
#autool-as503-wrapper .comparison-title { font-size: 1.1rem; margin-bottom: 15px; }
#autool-as503-wrapper .comparison-bars { gap: 15px; }
#autool-as503-wrapper .comparison-item {
flex-direction: column;
align-items: stretch;
}
#autool-as503-wrapper .comparison-label {
flex: none;
width: 100%;
margin-bottom: 5px;
padding-right: 0;
text-align: center;
font-size: 0.9rem; /* Reduced font size */
}
#autool-as503-wrapper .comparison-bar-container {
flex: none;
width: 100%;
height: 20px;
}
#autool-as503-wrapper .comparison-value { font-size: 0.8rem; }
#autool-as503-wrapper .physical-specs { padding: 15px; }
#autool-as503-wrapper .dimension-container { margin: 20px 0; gap: 20px; flex-direction: column; align-items: stretch;} /* align-items: stretch for full width */
#autool-as503-wrapper .dimension-details { margin-top: 20px; text-align: left; } /* Reverted to left align */
#autool-as503-wrapper .dimension-title { font-size: 1.3rem; margin-bottom: 15px; display: block; } /* Changed to block */
#autool-as503-wrapper .dimension-title::after {
left: 0; /* Reverted to left */
transform: none; /* Reverted to none */
}
#autool-as503-wrapper .dimension-grid {
grid-template-columns: 1fr;
gap: 10px; /* Reduced gap */
/* Removed margin-left, margin-right, width: fit-content */
}
#autool-as503-wrapper .dimension-item {
text-align: left; /* Reverted to left align */
}
#autool-as503-wrapper .dimension-label { font-size: 0.85rem; }
#autool-as503-wrapper .dimension-value { font-size: 1rem; }
#autool-as503-wrapper .materials-section { margin-top: 30px; padding-top: 20px; }
#autool-as503-wrapper .materials-title { font-size: 1.3rem; margin-bottom: 20px; text-align: left; } /* Align title left */
#autool-as503-wrapper .materials-grid {
grid-template-columns: 1fr;
gap: 10px; /* Reduced gap */
}
#autool-as503-wrapper .material-item { padding: 15px; text-align: left; } /* Align content left */
#autool-as503-wrapper .material-icon { font-size: 1.8rem; margin-bottom: 10px; margin-left:0; margin-right:auto; display:block; width:fit-content;} /* Ensure icon is block and left aligned if needed, or adjust wrapper */
#autool-as503-wrapper .material-name { font-size: 1rem; margin-bottom: 8px; }
#autool-as503-wrapper .material-desc { font-size: 0.85rem; }
#autool-as503-wrapper .floating-element {
display: none;
}
/* Distributor Section Responsive */
#autool-as503-wrapper .distributor-section {
padding: 30px 0 20px;
}
#autool-as503-wrapper .distributor-title {
font-size: 1.8rem;
}
#autool-as503-wrapper .distributor-description {
font-size: 0.9rem;
margin-bottom: 20px;
}
#autool-as503-wrapper .distributor-benefits {
grid-template-columns: 1fr;
gap: 15px;
margin-bottom: 20px; /* Reduced margin */
}
#autool-as503-wrapper .benefit-item {
padding: 15px 10px;
}
#autool-as503-wrapper .benefit-icon-wrapper {
width: 45px; /* Reduced size */
height: 45px; /* Reduced size */
margin-right: 10px; /* Reduced margin */
}
#autool-as503-wrapper .benefit-icon {
font-size: 1.3rem; /* Reduced size */
}
#autool-as503-wrapper .benefit-title {
font-size: 1.1rem;
}
#autool-as503-wrapper .benefit-text {
font-size: 0.85rem;
}
#autool-as503-wrapper .distributor-contact-cta {
flex-direction: column;
gap: 10px;
margin-top: 20px; /* Reduced margin */
}
#autool-as503-wrapper .distributor-btn,
#autool-as503-wrapper .distributor-btn-alt {
width: 100%;
padding: 12px 15px;
font-size: 0.9rem;
justify-content: center;
}
/* FAQ section responsive */
#autool-as503-wrapper .faq-section,
#autool-as503-wrapper .support-contact-section {
padding: 40px 0;
}
#autool-as503-wrapper .faq-container {
margin-top: 30px;
}
#autool-as503-wrapper .faq-question {
padding: 15px 20px;
}
#autool-as503-wrapper .faq-question h3 {
font-size: 0.95rem;
}
#autool-as503-wrapper .faq-answer {
padding: 0 20px;
}
#autool-as503-wrapper .faq-item.active .faq-answer {
padding: 0 20px 15px;
}
#autool-as503-wrapper .faq-answer p,
#autool-as503-wrapper .faq-answer li {
font-size: 0.85rem;
}
#autool-as503-wrapper .support-grid {
grid-template-columns: 1fr;
gap: 15px;
margin: 30px 0;
}
#autool-as503-wrapper .support-card {
padding: 20px;
}
#autool-as503-wrapper .support-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
#autool-as503-wrapper .support-icon i {
font-size: 1.5rem;
}
#autool-as503-wrapper .support-title {
font-size: 1.1rem;
margin-bottom: 10px;
}
#autool-as503-wrapper .support-text {
font-size: 0.85rem;
}
#autool-as503-wrapper .contact-form-container {
padding: 20px;
}
#autool-as503-wrapper .form-row {
flex-direction: column;
gap: 15px;
margin-bottom: 0;
}
#autool-as503-wrapper .form-group {
margin-bottom: 15px;
}
#autool-as503-wrapper .contact-form-title {
font-size: 1.3rem;
margin-bottom: 20px;
}
}
/* Desktop specific logo sizes */
@media (min-width: 993px) {
#autool-as503-wrapper .hero-logo {
max-width: 220px; /* Increased size for desktop */
}
#autool-as503-wrapper .subtitle-logo {
height: 48px; /* Increased size for desktop */
}
}
/* Detaylı Görsel Galeri Bölümü Stilleri */
#autool-as503-wrapper .detail-gallery-section {
background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
padding: 80px 0;
position: relative;
}
#autool-as503-wrapper .detail-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 50px;
}
#autool-as503-wrapper .detail-gallery-item {
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
border: 1px solid rgba(0,0,0,0.03);
}
#autool-as503-wrapper .detail-gallery-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
#autool-as503-wrapper .detail-gallery-image {
width: 100%;
height: 380px;
object-fit: contain;
object-position: center;
display: block;
transition: transform 0.3s ease;
background: #f8f8f8;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
image-rendering: high-quality;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
padding: 10px;
box-sizing: border-box;
}
#autool-as503-wrapper .detail-gallery-item:hover .detail-gallery-image {
transform: scale(1.02);
}
#autool-as503-wrapper .detail-gallery-content {
padding: 25px;
text-align: center;
}
#autool-as503-wrapper .detail-gallery-icon {
width: 60px;
height: 60px;
border-radius: 15px;
background: rgba(255, 209, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 15px;
font-size: 1.8rem;
color: #FFD100;
transition: all 0.3s ease;
}
#autool-as503-wrapper .detail-gallery-item:hover .detail-gallery-icon {
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
transform: scale(1.1);
}
#autool-as503-wrapper .detail-gallery-title {
font-size: 1.2rem;
font-weight: 700;
color: #111;
margin-bottom: 12px;
text-align: center;
}
#autool-as503-wrapper .detail-gallery-description {
font-size: 0.95rem;
color: #666;
line-height: 1.7;
}
/* Mobile responsive adjustments for detail gallery */
@media (max-width: 768px) {
#autool-as503-wrapper .detail-gallery-grid {
grid-template-columns: 1fr;
gap: 20px;
margin-top: 30px;
}
#autool-as503-wrapper .detail-gallery-image {
height: 250px;
object-fit: contain;
}
#autool-as503-wrapper .detail-gallery-content {
padding: 20px;
}
#autool-as503-wrapper .detail-gallery-title {
font-size: 1.1rem;
}
#autool-as503-wrapper .detail-gallery-description {
font-size: 0.9rem;
}
}
/* 360° Badge için özel stil */
#autool-as503-wrapper .iframe-360-badge {
position: absolute;
top: 20px;
right: 20px;
background: linear-gradient(135deg, #FFD100 0%, #FFA500 100%);
color: #111;
width: auto;
height: auto;
padding: 10px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
transform: rotate(15deg);
animation: pulse 2s infinite;
z-index: 100;
text-align: center;
min-width: 60px;
min-height: 60px;
}
#autool-as503-wrapper .iframe-360-badge .badge-big {
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
}
#autool-as503-wrapper .iframe-360-badge .badge-small {
font-size: 0.7rem;
opacity: 0.9;
font-weight: 600;
}
Premium Model
AUTOOL AS503 Motor Yağı Test Cihazı
Benzinli veya dizel motorlardaki motor yağının şeffaflığını ölçen profesyonel cihaz. Yağdaki safsızlıkları ve kirleticileri göstererek yağ değişim zamanını doğru tespit etmenizi sağlar.
2.8" LCD Ekran
Sıcaklık Ölçümü
Sesli Alarm
Hemen Satın Al
Detaylı Bilgi
360°
GÖRÜNÜM
Premium Özellikler
Üstün Teknoloji ile AUTOOL AS503
AUTOOL AS503, profesyonel atölyeler ve araç sahipleri için tasarlanmış, motor yağı kalitesini anında ölçebilen dijital bir test cihazıdır. Kullanıcı dostu ara yüzü ile herkesin kolayca kullanabileceği şekilde geliştirilmiştir.
Dijital Ekran
2.8 inç arkadan aydınlatmalı LCD ekran, test sonuçlarını net ve anlaşılır biçimde gösterir. Değişen ışık koşullarında bile verimli çalışma sağlar.
Yüksek Hassasiyetli Sensör
Yüksek hassasiyetli fotoelektrik alıcı-verici sensör algılama probu ile daha doğru ölçüm sonuçları elde edilir. ±2% hassasiyet sağlar.
Yağ Sıcaklık Ölçümü
Dahili sıcaklık sensörü, motorun çalışma durumunu yansıtan gerçek yağ sıcaklığını ölçer. Sıcaklık birimi °C veya °F olarak değiştirilebilir.
Sesli Alarm Sistemi
Yağ kalitesi kritik seviyeye düştüğünde (%30'un altı) sesli uyarı vererek güvenlik için derhal yağ değişimi yapılması gerektiğini hatırlatır.
Çok Yönlü Uyumluluk
Piyasada bulunan benzinli ve dizel motor yağlarının çoğuna uyumludur. Farklı motor tipleri için ayrı örnekleme ve ölçüm yapabilir.
800mm Hortum Tasarımı
800mm uzunluğundaki PTFE hortum, testleri yürütmenin daha esnek ve rahat bir yolunu sunar. Yağa ve oksidasyona karşı dayanıklıdır.
Detaylı Görseller
AUTOOL AS503 Detaylı Görsel Galeri
AUTOOL AS503'ün tüm özelliklerini, kullanım adımlarını ve teknik detaylarını görsel olarak keşfedin. Her görsel, cihazın farklı bir yönünü ve işlevini açıklamaktadır.
Yağ Sıcaklığı Göstergesi
AUTOOL AS503, motorun çalışma durumunun kolayca değerlendirilmesi için entegre sıcaklık sensörü ile donatılmıştır. Bu gelişmiş sensör teknolojisi, motor yağının gerçek zamanlı sıcaklık değerlerini hassas bir şekilde ölçerek, motorun termal durumu hakkında kritik bilgiler sağlar. Sıcaklık ölçümü, yağın viskozite özelliklerinin doğru değerlendirilmesi ve optimal çalışma koşullarının belirlenmesi için vazgeçilmez bir parametredir. Cihaz, °C ve °F birimlerinde sıcaklık gösterimi yapabilir ve motorun soğuk start, normal çalışma veya aşırı ısınma durumlarını net bir şekilde ayırt eder. Bu özellik, profesyonel teknisyenlerin motor performansını optimize etmelerine ve potansiel sorunları erken tespit etmelerine olanak tanır.
Yüksek Çözünürlüklü Büyük LCD Ekran
AUTOOL AS503, parlak gün ışığında veya loş gecede bile değişen aydınlatma koşullarında kullanıcılara verimli çalışma için net bir görüntü sağlayan, arkadan aydınlatmalı 2,8 inç LCD ekranla donatılmıştır. Bu gelişmiş görüntüleme teknolojisi, yüksek kontrast oranı ve optimum parlaklık seviyesi ile test sonuçlarının her detayını kristal netliğinde sunar. Ekranın geniş görüş açısı ve anti-glare özelliği, farklı çalışma pozisyonlarında bile mükemmel okunabilirlik sağlar. Kullanıcı dostu arayüz tasarımı, menü navigasyonunu kolaylaştırırken, renkli göstergeler test sonuçlarının hızlı yorumlanmasına olanak tanır. Profesyonel atölye ortamlarında uzun süreli kullanım için optimize edilmiş bu ekran teknolojisi, göz yorgunluğunu minimize ederek operatör konforunu maksimize eder.
Kullanıcı Dostu El Tipi Tasarım
AUTOOL AS503, cihazın tutma yeri silikon bir alt tabaka ile kaplanmış olup, mükemmel kavrama ve hafif tasarım sağlayarak tek elle kolay kullanım imkanı sunar. Bu ergonomik tasarım yaklaşımı, uzun süreli kullanım sırasında el yorgunluğunu minimize ederken, güvenli ve kararlı tutuş sağlar. Silikon kaplama, kaygan yüzeylerde bile güvenilir kavrama sunarken, darbe emici özelliği sayesinde cihazı düşürme riskine karşı koruma sağlar. Kompakt boyutları ve dengeli ağırlık dağılımı, dar motor bölmelerinde bile rahat manevrabilite sunar. Profesyonel teknisyenler için optimize edilmiş bu tasarım, günlük yoğun kullanımda bile konfor ve hassasiyet sağlayarak iş verimliliğini artırır.
Kolay Test İçin Esnek Hortum Probu
AUTOOL AS503, 800 mm uzunluğundaki prob tasarımı ile testlerin daha esnek ve kullanışlı bir şekilde yapılmasını sağlar. Bu optimal uzunluk, farklı araç tiplerinde ve motor konfigürasyonlarında rahat erişim imkanı sunar. Hortum, yağa ve oksidasyona karşı son derece dayanıklı olan ve olağanüstü korozyon direncine sahip PTFE malzemeden üretilmiştir, bu da ürünün kullanım ömrünü etkili bir şekilde uzatır. PTFE'nin kimyasal inertliği, motor yağının çeşitli katkı maddelerinden etkilenmemesini garanti ederken, yüksek sıcaklık direnci sayesinde sıcak yağ testlerinde bile güvenilir performans sergiler. Esnek yapısı, dar ve erişimi zor alanlarda bile hassas ölçüm yapılmasına olanak tanırken, prob ucundaki gelişmiş sensör teknolojisi, minimum yağ miktarı ile bile doğru sonuçlar elde edilmesini sağlar.
Görüntüleme Ayrıntıları
AUTOOL AS503, kapsamlı görüntüleme ayrıntıları ile kullanıcıya detaylı bilgi sunar. Ekranda Pil Seviyesi göstergesi ile cihazın şarj durumu, Yağ/Benzin seçimi ile test edilecek sıvı tipi, Benzinli/Dizel Motor ayarı ile motor tipi belirlenir. Arka Işık Göstergesi ve Ses Göstergesi ile cihaz durumu kontrol edilir. Ana ekranda Analog Çubuk Grafiği ile yağ kalitesi görsel olarak sunulurken, Geçirgenlik İyidir, Geçirgenlik Uyarısı ve Değiştirilmesi Önerilen durumları renkli göstergelerle belirtilir. Motor Yağı Sıcaklığı gerçek zamanlı olarak izlenirken, Motor Yağının İletimi parametresi ile yağın fiziksel özellikleri değerlendirilir. Bu detaylı görüntüleme sistemi, profesyonel teknisyenlerin hızlı ve doğru karar vermelerine olanak tanır.
Yüksek Hassasiyetli Optik Prob
AUTOOL AS503, yüksek hassasiyetli optoelektronik sensörle entegre edilmiş olup, daha doğru ölçüm sonuçları sağlar. Bu gelişmiş optik teknoloji, motor yağının şeffaflık seviyesini mikron düzeyinde hassasiyetle analiz ederek, geleneksel test yöntemlerinin çok ötesinde bir doğruluk sunar. Optoelektronik sensör, ışık geçirgenliği prensibine dayalı olarak çalışır ve yağ içerisindeki partiküllerin, kirleticilerin ve aşınma ürünlerinin konsantrasyonunu hassas bir şekilde tespit eder. Kalibre edilmiş ışık kaynağı ve yüksek çözünürlüklü fotodetektör kombinasyonu, ±2% hassasiyet oranı ile tutarlı ve tekrarlanabilir sonuçlar garanti eder. Bu teknoloji, farklı yağ tiplerinin optik özelliklerini dikkate alarak, benzinli ve dizel motorlar için optimize edilmiş ölçüm algoritmaları kullanır.
Çeşitli Yağlama Yağı Standartlarıyla Uyumlu
AUTOOL AS503, piyasada bulunan benzinli ve dizel motor yağlarının büyük çoğunluğu için uygundur. Benzinli ve dizel motorlar için ayrı ayrı numune alma ve ölçüm yapma özelliği, yağın durumunun daha hassas bir şekilde değerlendirilmesini sağlar. Cihaz, SAE viskozite standartları, API servis sınıflandırmaları ve ACEA spesifikasyonları dahil olmak üzere uluslararası yağ standartlarıyla tam uyumluluk gösterir. Mineral, yarı sentetik ve tam sentetik yağ formülasyonlarının her biri için optimize edilmiş test algoritmaları, farklı katkı maddesi paketlerinin optik özelliklerini dikkate alarak doğru sonuçlar üretir. Bu kapsamlı uyumluluk, otomotiv servislerinin tek bir cihazla geniş araç yelpazesine hizmet verebilmesini sağlayarak operasyonel verimliliği artırır.
Çalışma Adımları
AUTOOL AS503'ün kullanımı altı basit adımda tamamlanır: 01 Test probunu temizleyin - Doğru sonuçlar için prob ucunun temiz olması kritiktir. 02 Yağ seviye çubuğunu çıkarın - Motor yağına erişim sağlamak için standart prosedür. 03 Aracın motor tipini seçmek için [ ] düğmesine basın - Benzinli/dizel seçimi test algoritmasını optimize eder. 04 Test probunu motor yağına batırın - Prob ucunun tamamen yağ içinde olması gerekir. 05 Testi başlatmak için [▷] düğmesine basın - Otomatik ölçüm süreci başlar. 06 Arayüzde test sonuçları görüntülenecektir - Şeffaflık yüzdesi, sıcaklık ve durum göstergeleri ekranda belirir. Bu sistematik yaklaşım, tutarlı ve güvenilir sonuçlar garanti ederken kullanıcı hatasını minimize eder.
Kolay Kullanım
AUTOOL AS503 Nasıl Çalışır?
AUTOOL AS503 kullanımı son derece kolaydır. Yağ kalitesini anında ölçmek için aşağıdaki basit adımları izlemeniz yeterlidir. Karmaşık bilgilerle uğraşmanıza gerek kalmadan aracınıza ihtiyaç duyduğu bakımı yapabilirsiniz.
1
Hazırlık
Cihazı açın ve ölçüm yapacağınız motor tipini (benzinli/dizel) seçin. Motor ılık veya çalışma sıcaklığında olmalıdır.
2
Probun Yerleştirilmesi
Esnek probu yağ çubuğu deliğinden motor yağı içine yerleştirin. Probun tamamını yağın içine daldırın.
3
Ölçüm
Cihaz otomatik olarak ölçüme başlayacak ve birkaç saniye içinde motor yağının şeffaflık değerini gösterecektir.
4
Sonuç ve Değerlendirme
Ekrandaki değerleri kontrol edin. %50'nin üzerindeki değerler yağın iyi durumda olduğunu, %30'un altındaki değerler ise yağ değişimi gerektiğini gösterir.
Teknik Detaylar
AUTOOL AS503 Teknik Özellikleri
AUTOOL AS503 Motor Yağı Test Cihazı, profesyonel kullanım için tasarlanmış yüksek hassasiyetli bir cihazdır. Yüksek kaliteli malzemeler ve gelişmiş teknoloji ile üretilmiştir.
LCD Ekran
Algılama Probu
Kontrol Düğmeleri
Model
AUTOOL AS503
Ürün Tipi
Motor Yağı Test Cihazı
Ekran Boyutu
2.8 inç LCD
Ekran
Arkadan Aydınlatmalı
Prob Uzunluğu
800mm PTFE Hortum
Batarya
3.7V Lityum İyon
Şarj Süresi
~2.5 Saat
Sürekli Çalışma
~6 Saat
Ölçüm Hassasiyeti
±2%
Ölçüm Aralığı
%0-100 Şeffaflık
Sıcaklık Ölçümü
°C / °F Değiştirilebilir
Sertifikalar
CE, FCC, ROHS
Güvenilir Kaynak
Resmi Türkiye Distribütörü: otoeko.com
AUTOOL ürünlerini otoeko.com güvencesiyle, doğrudan resmi distribütöründen temin edin.
Orijinal ürün garantisi, 1 Yıl resmi Türkiye garantisi ve uzman teknik destek otoeko.com'da.
Orijinal Ürün Garantisi
Tüm AUTOOL ürünleri %100 orijinaldir ve doğrudan üreticiden temin edilir. Sahte ürün riski olmadan güvenle alışveriş yapın.
1 Yıl Resmi Garanti
Türkiye genelinde geçerli, fatura tarihinden itibaren 1 yıl resmi otoeko.com garantisi. Herhangi bir sorun yaşarsanız hızlı çözüm.
Uzman Teknik Destek
Satın alma öncesi ve sonrası tüm sorularınız için profesyonel teknik destek hizmeti. Kullanım ve bakım konusunda uzman desteği.
Hızlı ve Güvenli Teslimat
Siparişiniz özenle paketlenir ve en kısa sürede adresinize teslim edilir. Kargo takibi ve güvenli teslimat garantisi.
Özel Kampanyalar
Resmi distribütör olarak sunduğumuz özel fiyatlar ve kampanyalardan yararlanın. Düzenli olarak sunulan fırsatları kaçırmayın.
Ödeme Kolaylığı
Kredi kartı, havale/EFT seçenekleriyle size en uygun ödeme yöntemini seçin. Güvenli alışveriş deneyimi.
Neden Tercih Edilir
Neden AUTOOL AS503?
Firmamız, araç sahiplerinin güvenli ve ekonomik sürüş deneyimleri yaşamasını önemser. AUTOOL AS503, motorunuzun uzun ömürlü ve verimli bir şekilde çalışması için gerekli olan bakım süreçlerini kolaylaştırır.
AUTOOL AS503, motor yağının hangi özelliklerini test eder?
AUTOOL AS503 temel olarak motor yağının şeffaflığını ölçer. Bu şeffaflık ölçümü, yağın içindeki kir, metal parçacıkları, yakıt ve diğer kirleticilerin oranını gösterir. Cihaz aynı zamanda yağın sıcaklığını da ölçerek daha doğru sonuçlar elde etmenizi sağlar. Şeffaflık değeri %100'e yaklaştıkça yağın temiz olduğunu, değer düştükçe yağın kirlenmiş olduğunu gösterir.
Ölçüm sonuçlarını nasıl yorumlamalıyım?
AUTOOL AS503 ölçüm sonuçlarını aşağıdaki gibi yorumlayabilirsiniz:
- %100-%50 arası: Yağ iyi durumda, değişime gerek yok.
- %50-%30 arası: Yağ orta derecede kirlenmiş, yakın zamanda değişim düşünülebilir. Cihaz ekranında uyarı işareti görünür.
- %30'un altı: Yağ kritik seviyede kirlenmiş, acilen değiştirilmesi gerekir. Cihaz sesli uyarı verir.
Motor tipine, kullanım koşullarına ve yağ türüne göre bu değerler biraz değişiklik gösterebilir.
Hem benzinli hem dizel araçlarda kullanılabilir mi?
Evet, AUTOOL AS503 hem benzinli hem de dizel motorlarda kullanılabilir. Cihazda bu iki motor tipi için ayrı ölçüm modu bulunur. Test yapmadan önce doğru motor tipini seçmeniz önemlidir, çünkü benzinli ve dizel motorlardaki yağ özellikleri ve kirlenme biçimleri farklılık gösterebilir. Cihaz, her iki motor tipi için de hassas ve güvenilir sonuçlar verecek şekilde kalibre edilmiştir.
Cihazın batarya ömrü ne kadardır ve nasıl şarj edilir?
AUTOOL AS503, 3.7V lityum iyon batarya ile çalışır. Tam şarjla yaklaşık 6 saat sürekli kullanım sağlar. Cihazı şarj etmek için standart bir micro-USB kablo kullanabilirsiniz. Şarj işlemi yaklaşık 2.5 saat sürer. Ekrandaki batarya göstergesi şarj seviyesini gösterir. Uzun süre kullanılmayacaksa, batarya ömrünü korumak için en az 3 ayda bir şarj edilmesi önerilir.
Doğru sonuç almak için nelere dikkat etmeliyim?
Doğru sonuçlar almak için aşağıdaki noktalara dikkat etmeniz önemlidir:
- Testi motor ılık veya çalışma sıcaklığında iken yapın.
- Motorun çalışması durdurduktan sonra en az 5-10 dakika bekleyin ki yağ karterinde toplanabilsin.
- Probu yağın içine tam olarak daldırın ve ölçüm sırasında sabit tutun.
- Doğru motor tipini (benzinli/dizel) seçtiğinizden emin olun.
- Probu her kullanımdan sonra temiz bir bezle silin, kirli prob yanlış ölçüme neden olabilir.
- Probun ucundaki sensörü çizmeyin veya sert cisimlerle temas ettirmeyin.
Cihazın garanti süresi nedir?
AUTOOL AS503, otoeko.com tarafından sağlanan 1 yıl resmi Türkiye garantisi kapsamındadır. Bu garanti sadece fabrikasyon hatalara karşı geçerlidir. Yanlış kullanım, düşürme, sıvı teması, yetkisiz tamir girişimleri gibi durumlar garanti kapsamı dışındadır. Garanti hizmeti için faturanızla birlikte otoeko.com ile iletişime geçmeniz yeterlidir.
Size Özel Destek
Destek ve İletişim
AUTOOL AS503 ile ilgili her türlü soru ve destek talebiniz için otoeko.com yanınızda. Size yardımcı olmaktan mutluluk duyarız.
Telefon Desteği
Hafta içi 09:00-18:00 saatleri arasında telefon ile teknik destek ve sipariş konularında yardım alabilirsiniz.
E-posta Desteği
7/24 e-posta desteğimiz ile sorularınızı iletebilir, en geç 24 saat içinde yanıt alabilirsiniz.
WhatsApp Desteği
WhatsApp üzerinden bize ulaşarak hızlı destek alabilirsiniz.
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
اكتب مراجعة
منتجات ذات صلة
عرض الكل
