@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Exo 2', sans-serif;
margin: 0;
padding: 0;
}
:root {
--primary: #d0a868; /* Bronz/altın renk */
--primary-light: #e0b878; /* Daha açık bronz tonu */
--primary-dark: #b89050; /* Daha koyu bronz tonu */
--white: #ffffff;
--light-gray: #f8f8f8;
--dark: #2c2c2c;
--border-radius: 16px;
--primary-red-hero: #d0a868; /* Bronz renk */
--primary-red-rgb: 208, 168, 104; /* Bronz renk RGB */
}
.background-container {
width: 100%;
padding: 60px 20px;
background-color: white;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.master-container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
color: var(--primary);
}
.page-logo {
display: block;
margin: 0 auto 20px auto;
max-width: 150px !important;
height: auto !important;
}
.product-name {
font-size: 4.5rem;
font-weight: 800;
text-transform: uppercase;
color: var(--primary);
letter-spacing: -1px;
line-height: 1;
margin-bottom: 25px;
position: relative;
text-shadow: 0 2px 10px rgba(208, 168, 104, 0.05);
}
.product-name::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 4px;
background-color: var(--primary);
}
.tagline {
font-size: 1.4rem;
color: rgba(208, 168, 104, 0.8);
margin-bottom: 20px;
font-weight: 300;
max-width: 800px;
margin-left: auto;
margin-right: auto;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.feature-icons {
display: flex;
justify-content: center;
margin: 30px 0;
gap: 60px;
}
.feature-icon {
display: flex;
flex-direction: column;
align-items: center;
}
.feature-icon i {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 10px;
transition: all 0.2s ease-in-out;
}
.feature-icon span {
font-size: 1rem;
color: #333333;
font-weight: 600;
text-align: center;
}
.feature-icon p {
font-size: 0.9rem;
color: #555555;
text-align: center;
}
.hero-update-description { /* Yeni stil */
font-size: 0.75rem !important; /* Daha küçük font boyutu */
}
.feature-icon i:hover {
transform: translateY(-3px) scale(1.1);
color: var(--primary-light);
}
.cta-button {
display: inline-block;
background-color: var(--primary);
color: white;
font-size: 1.2rem;
font-weight: 600;
padding: 18px 55px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(208, 168, 104, 0.25);
border: 2px solid transparent;
margin-top: 20px;
}
.cta-button:hover {
background-color: white;
color: var(--primary);
border-color: var(--primary);
transform: translateY(-3px);
}
.scroll-indicator {
margin-top: 30px;
margin-bottom: 20px;
animation: bounce 2s infinite;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
.scroll-indicator svg {
width: 100%;
height: 100%;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
.vat-notice-bottom {
background-color: var(--primary);
color: white;
text-align: center;
padding: 15px 20px;
margin-top: 40px;
font-size: 0.9rem;
border-radius: 15px;
}
.vat-notice-hero {
background-color: var(--primary);
color: white; /* White text for contrast */
font-size: 0.95rem; /* Slightly larger font */
font-weight: 500;
padding: 12px 40px; /* Further increased padding for more width */
border-radius: 10px; /* Slightly larger border radius */
margin: 25px auto 10px auto; /* Centering and vertical margin */
max-width: 450px; /* Increased Max width to control extreme wideness on large screens */
width: fit-content; /* Adjust width to content, but allow max-width to take effect */
box-shadow: 0 3px 7px rgba(0,0,0,0.15); /* Slightly more pronounced shadow */
text-align: center;
}
@media (max-width: 900px) {
.product-name { font-size: 2.8rem; }
.tagline { font-size: 1.1rem; }
.feature-icons { gap: 60px; }
.feature-icon i { font-size: 2rem; }
.feature-icon span { font-size: 0.9rem; text-align: center; }
.feature-icon p { font-size: 0.8rem; text-align: center; }
.cta-button { font-size: 0.9rem; padding: 14px 35px; }
.background-container { border-radius: 15px; padding: 40px 15px; }
}
@media (max-width: 600px) {
.product-name { font-size: 1.8rem; line-height: 1.2; margin-bottom: 20px; }
.product-name::after { bottom: -6px; width: 70px; height: 2px; }
.tagline { font-size: 0.8rem; margin-bottom: 15px; }
.page-logo { max-width: 135px !important; margin-bottom: 15px; }
.background-container { padding: 20px 10px; border-radius: 10px; }
.feature-icons { flex-direction: column; gap: 30px; margin: 15px 0; }
.feature-icon i { font-size: 1.8rem; margin-bottom: 5px; }
.feature-icon span { font-size: 0.9rem; text-align: center; }
.feature-icon p { font-size: 0.75rem; text-align: center; }
.cta-button { font-size: 0.8rem; padding: 10px 25px; margin-top: 10px; }
}
.superior-abilities-section { margin-top: 60px; padding: 0 15px; margin-bottom: 40px; }
.superior-abilities-section .content-title { font-size: 1.9rem; margin-bottom: 35px; }
.abilities-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); gap: 25px 15px; justify-items: center; }
.ability-item { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--white); }
.ability-icon-bg {
width: 68px;
height: 68px;
border-radius: 50%;
background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ability-icon-bg:hover { transform: translateY(-5px) scale(1.08); box-shadow: 0 6px 18px rgba(0,0,0,0.3); }
.ability-icon-bg i { font-size: 2rem; color: white !important; }
.ability-text { font-size: 0.82rem; font-weight: 500; line-height: 1.35; max-width: 95px; color: #333; }
@media (max-width: 768px) {
.abilities-grid { grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); gap: 20px 10px; }
.ability-icon-bg { width: 60px; height: 60px; }
.ability-icon-bg i { font-size: 1.7rem; }
.ability-text { font-size: 0.78rem; }
.superior-abilities-section .content-title { font-size: 1.7rem; }
}
@media (max-width: 480px) {
.abilities-grid { grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); gap: 18px 8px; }
.ability-icon-bg { width: 54px; height: 54px; }
.ability-icon-bg i { font-size: 1.5rem; }
.ability-text { font-size: 0.72rem; }
.superior-abilities-section .content-title { font-size: 1.6rem; }
}
.service-functions-area { padding: 60px 20px; background-color: var(--white); margin-top: 15px; }
.service-functions-area .sfa-container { max-width: 1200px; margin: 0 auto; text-align: center; }
.sfa-title {
font-family: 'Montserrat', sans-serif;
font-size: 2.2rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 20px;
text-transform: uppercase;
position: relative;
padding-bottom: 15px;
}
.sfa-title::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background-color: var(--primary);
border-radius: 2px;
}
.sfa-description { font-size: 1rem; color: var(--dark); margin-bottom: 40px; line-height: 1.7; max-width: 900px; margin-left: auto; margin-right: auto; }
/* .abilities-grid for service-functions-area (overwrites the one in superior-abilities) */
.service-functions-area .abilities-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px 25px; justify-items: center; }
.service-functions-area .ability-item { display: flex; flex-direction: column; align-items: center; text-align: center; }
.service-functions-area .ability-icon-bg {
width: 70px;
height: 70px;
border-radius: 50%;
background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
box-shadow: 0 5px 12px rgba(208, 168, 104, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-functions-area .ability-icon-bg:hover { transform: translateY(-6px) scale(1.1); box-shadow: 0 8px 20px rgba(208, 168, 104, 0.4); }
.service-functions-area .ability-icon-bg i.material-icons { font-size: 2.3rem; color: white !important; }
.service-functions-area .ability-text { font-size: 0.88rem; font-weight: 500; line-height: 1.4; color: var(--dark); max-width: 100px; }
@media (max-width: 992px) { .service-functions-area .abilities-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 25px 20px; } }
@media (max-width: 768px) {
.service-functions-area .sfa-title { font-size: 1.8rem; }
.service-functions-area .abilities-grid { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 20px 15px; }
.service-functions-area .ability-icon-bg { width: 60px; height: 60px; }
.service-functions-area .ability-icon-bg i.material-icons { font-size: 1.8rem; }
.service-functions-area .ability-text { font-size: 0.8rem; }
}
@media (max-width: 480px) {
.service-functions-area .sfa-title { font-size: 1.6rem; }
.service-functions-area .abilities-grid { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 20px 10px; }
.service-functions-area .ability-icon-bg { width: 55px; height: 55px; }
.service-functions-area .ability-icon-bg i.material-icons { font-size: 1.6rem; }
.service-functions-area .ability-text { font-size: 0.75rem; }
}
.service-note { font-size: 0.85rem; font-style: italic; line-height: 1.5; }
.service-note-container { background-color: var(--primary); color: var(--white); padding: 15px 20px; border-radius: 15px; margin-top: 40px; text-align: center; }
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
:root {
--primary: #d0a868; /* Bronz/altın renk */
--primary-light: #e0b878; /* Daha açık bronz tonu */
--primary-dark: #b89050; /* Daha koyu bronz tonu */
--white: #ffffff;
--light-gray: #f8f8f8;
--dark: #2c2c2c;
--border-radius: 16px;
--primary-red-hero: #d0a868; /* Bronz renk */
--primary-red-rgb: 208, 168, 104; /* Bronz renk RGB */
--white-hero: #ffffff;
--light-gray-hero: #f8f8f8;
--darker-bg-rgb: 20, 20, 20;
}
.product-section {
overflow: hidden;
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border-radius: var(--border-radius);
box-shadow: 0 15px 50px rgba(208, 168, 104, 0.2);
margin-top: 50px;
margin-bottom: 50px;
position: relative;
font-family: 'Montserrat', sans-serif;
color: var(--dark);
line-height: 1.6;
width: 100%;
}
.product-section-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }
.product-section::after { content: ''; position: absolute; bottom: -50px; right: -50px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(208, 168, 104, 0.3) 0%, transparent 70%); z-index: 0; }
.product-header { text-align: center; padding: 40px 20px 20px; position: relative; z-index: 1; }
.product-badge { display: inline-block; background-color: rgba(255, 255, 255, 0.2); color: var(--white); padding: 8px 16px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; margin-bottom: 20px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); }
.product-section .product-title { font-size: 3.5rem; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; letter-spacing: -1px; color: var(--white); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
.product-section .product-subtitle { font-size: 1.5rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 30px; font-weight: 300; }
.divider { width: 100px; height: 4px; background: var(--white); margin: 0 auto 30px; border-radius: 2px; }
.product-container { display: grid; grid-template-columns: 1fr 1fr; position: relative; z-index: 1; }
.product-visual { padding: 30px; display: flex; flex-direction: column; justify-content: center; }
/* Yeni Görüntü Galerisi Stilleri */
.main-image-container {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 15px;
overflow: hidden;
background: var(--light-gray-hero);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.1);
border: 1px solid #ddd;
}
.main-image {
display: block;
max-width: 90%;
max-height: 90%;
object-fit: contain;
transition: opacity 0.3s ease;
border-radius: 15px !important;
}
.viewer-360 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--white-hero);
border-radius: 15px;
overflow: hidden;
transition: opacity 0.3s ease;
}
.viewer-360 iframe {
width: 100%;
height: 100%;
border: none;
}
.viewer-360-tag {
position: absolute;
top: 15px;
right: 15px;
background-color: rgba(208, 168, 104, 0.7);
color: var(--white-hero);
padding: 6px 12px;
border-radius: 5px;
font-size: 0.85rem;
font-weight: 600;
z-index: 10;
font-family: 'Orbitron', sans-serif;
letter-spacing: 0.5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.thumbnails-container {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-top: 25px;
}
.thumbnail {
width: 80px;
height: 80px;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
border: 1px solid #ccc;
background-color: var(--white-hero);
transition: all 0.3s ease, border-color 0.2s ease;
padding: 4px;
position: relative;
box-shadow: 0 3px 10px rgba(var(--darker-bg-rgb), 0.1);
}
.thumbnail.active {
border-color: var(--primary);
transform: translateY(-5px) scale(1.05);
box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.15), 0 0 10px rgba(var(--primary-red-rgb), 0.3);
}
.thumbnail:hover {
border-color: var(--primary);
transform: translateY(-5px) scale(1.05);
box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.15), 0 0 10px rgba(var(--primary-red-rgb), 0.3);
}
.thumbnail::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--primary);
transition: width 0.3s ease;
box-shadow: 0 0 5px var(--primary);
}
.thumbnail:hover::after, .thumbnail.active::after { width: 100%; }
.thumbnail img {
width: 90%;
height: 90%;
object-fit: contain;
margin: 0 auto;
display: block;
border-radius: 8px !important;
}
.loading-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
display: none;
z-index: 2;
}
.loading-spinner::before {
content: '';
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--primary);
animation: spinner 0.6s linear infinite;
box-shadow: 0 0 15px var(--primary);
}
@keyframes spinner { to {transform: rotate(360deg);} }
/* Responsive styles for gallery */
@media (max-width: 768px) {
.thumbnail {
width: 65px;
height: 65px;
}
}
@media (max-width: 576px) {
.thumbnail {
width: 50px;
height: 50px;
}
}
.product-content { padding: 30px 40px 60px; display: flex; flex-direction: column; justify-content: center; position: relative; color: var(--white); }
.content-title {
font-size: 2rem;
font-weight: 600;
margin-bottom: 20px;
position: relative;
color: var(--white);
text-align: center;
}
.content-title::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: var(--white);
border-radius: 2px;
}
.product-description { font-size: 1.1rem; margin-bottom: 30px; font-weight: 300; line-height: 1.8; }
.feature-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }
.product-section .feature-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 25px 20px; background: var(--white); color: var(--primary); border-radius: 8px; box-shadow: 0 6px 20px rgba(208, 168, 104, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.product-section .feature-item:hover { background: var(--white); transform: translateY(-8px) scale(1.03); box-shadow: 0 10px 30px rgba(208, 168, 104, 0.2); }
.product-section .feature-icon {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(145deg, var(--primary-light), var(--primary-dark)) !important;
color: var(--white) !important;
border-radius: 50%;
font-size: 1.6rem;
margin-bottom: 10px;
box-shadow: 0 4px 12px rgba(208, 168, 104, 0.25);
}
.product-section .feature-icon > i { font-size: 1.6rem; color: var(--white) !important; margin: 0; transition: none; }
.feature-text { font-weight: 500; }
.floating-element { position: absolute; width: 200px; height: 200px; background: radial-gradient(circle, rgba(208, 168, 104, 0.3) 0%, transparent 70%); border-radius: 50%; z-index: 0; animation: float 8s ease-in-out infinite; }
.float-1 { top: -100px; left: -100px; }
.float-2 { bottom: -50px; right: 30%; width: 150px; height: 150px; animation-delay: 2s; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
@media (max-width: 992px) {
.product-container { grid-template-columns: 1fr; }
.product-visual { order: 1; }
.product-content { order: 2; padding: 20px 30px 40px; }
.product-section .product-title { font-size: 2.8rem; }
.feature-highlights { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.product-section { margin: 30px 0; border-radius: calc(var(--border-radius) - 4px); }
.product-section .product-title { font-size: 2.0rem; word-break: keep-all; line-height: 1.1; }
.product-section .product-subtitle { font-size: 1.2rem; }
.content-title { font-size: 1.5rem; }
.product-description { font-size: 1rem; }
.product-visual { padding: 20px; }
.product-action { flex-direction: column; }
.product-btn { width: 100%; text-align: center; }
}
/* GÖRSEL ODAKLI TEKNİK ÖZELLİKLER STİLLERİ */
.visual-specs-section {
padding: 60px 0;
background-color: #fff;
font-family: 'Exo 2', sans-serif;
margin-top: 50px;
}
.visual-specs-section .master-container { color: #333; }
.specs-title {
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 50px;
position: relative;
}
.specs-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.visual-specs-layout {
display: grid;
grid-template-areas:
"processor ram screen"
"left-spec1 central-image right-spec1"
"left-spec2 central-image right-spec2"
"disk-capacity connectivity license" /* battery -> license olarak güncellendi */
"durability software battery"; /* license -> battery olarak güncellendi */
grid-template-columns: 1fr 1.5fr 1fr;
grid-template-rows: auto auto auto auto auto;
gap: 20px;
max-width: 1100px;
margin: 0 auto;
position: relative;
}
.specs-feature {
background-color: #f8f8f8;
border-radius: 10px;
padding: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
border-left: 4px solid var(--primary);
}
.specs-feature:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
.specs-feature .feature-icon {
width: 45px;
height: 45px;
min-width: 45px;
background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
color: white !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 10px auto; /* margin-right: 0 kaldırıldı, margin: 0 auto 10px auto eklendi */
}
.specs-feature .feature-icon i.material-icons { font-size: 22px; color: white !important; }
.feature-content { display: flex; flex-direction: column; align-items: center; width: 100%; }
.feature-content h3 { font-size: 1rem; font-weight: 600; margin: 0 0 5px; color: #333; }
.feature-content p { font-size: 0.85rem; color: #555; margin: 0; line-height: 1.4; }
.central-image { grid-area: central-image; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; background-color: #fdfdfd; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.07); }
.central-image #visualSpecsMainImage { width: 300px; height: 300px; object-fit: cover; border-radius: 50%; ; margin-bottom: 20px; border: 5px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.central-image #visualSpecsMainImage:hover { transform: scale(1.05); }
.visual-specs-thumbnails-container { display: flex; gap: 10px; justify-content: center; margin-top: 15px; }
.visual-specs-thumbnail { width: 65px; height: 65px; object-fit: cover; border-radius: 50%; cursor: pointer; border: 3px solid #ddd; transition: border-color 0.3s ease, transform 0.3s ease; opacity: 0.7; }
.visual-specs-thumbnail:hover { border-color: var(--primary); transform: scale(1.1); opacity: 1; }
.visual-specs-thumbnail.active { border-color: var(--primary); opacity: 1; transform: scale(1.1); box-shadow: 0 0 10px rgba(208, 168, 104, 0.3); }
.specs-feature.processor { grid-area: processor; }
.specs-feature.ram { grid-area: ram; }
.specs-feature.screen { grid-area: screen; }
.specs-feature.left-spec1 { grid-area: left-spec1; } /* Araç Desteği */
.specs-feature.right-spec1 { grid-area: right-spec1; } /* Pil */
.specs-feature.left-spec2 { grid-area: left-spec2; } /* Dayanıklılık */
.specs-feature.right-spec2 { grid-area: right-spec2; } /* Yazılım */
.specs-feature.disk-capacity { grid-area: disk-capacity; }
.specs-feature.connectivity { grid-area: connectivity; }
.specs-feature.license { grid-area: license; }
.specs-feature.battery { grid-area: battery; }
.specs-feature.durability { grid-area: durability; }
.specs-feature.software { grid-area: software; }
@media (max-width: 992px) {
.visual-specs-layout {
grid-template-areas:
"processor ram"
"screen disk-capacity"
"left-spec1 right-spec1"
"left-spec2 right-spec2"
"central-image central-image"
"connectivity license" /* battery -> license */
"battery software"; /* license -> battery */
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.central-image #visualSpecsMainImage { width: 200px; height: 200px; }
.visual-specs-thumbnail { width: 50px; height: 50px; }
}
@media (max-width: 768px) {
.visual-specs-section { padding: 40px 15px; }
.specs-title { font-size: 1.8rem; margin-bottom: 30px; }
.visual-specs-layout {
grid-template-areas:
"central-image"
"processor"
"ram"
"screen"
"left-spec1"
"right-spec1"
"left-spec2"
"right-spec2"
"disk-capacity"
"connectivity"
"license" /* battery -> license */
"battery" /* license -> battery */
"durability"
"software";
grid-template-columns: 1fr;
}
.central-image { margin: 20px 0; }
.central-image #visualSpecsMainImage { width: 180px; height: 180px; }
.visual-specs-thumbnail { width: 45px; height: 45px; }
}
/* Neden ThinkTool Tercih Edilmelidir Bölümü Stilleri */
.why-thinktool-section {
padding: 60px 20px;
background-color: #f9f9f9; /* Açık gri bir arka plan */
font-family: 'Exo 2', sans-serif;
margin-top: 50px;
margin-bottom: 50px;
border-radius: 16px; /* Değişken yerine doğrudan değer atandı */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.why-thinktool-section .master-container {
max-width: 900px; /* Daha dar bir içerik alanı */
text-align: left; /* Metinleri sola hizala */
color: #333;
}
.why-thinktool-title {
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 40px;
position: relative;
}
.why-thinktool-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.why-thinktool-content p {
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 20px;
color: #555;
}
.why-thinktool-content ul {
list-style: none; /* Madde işaretlerini kaldır */
padding-left: 0; /* Sol boşluğu sıfırla */
margin-bottom: 20px;
}
.why-thinktool-content ul li {
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 15px;
padding-left: 30px; /* İkon için yer bırak */
position: relative;
color: #555;
}
.why-thinktool-content ul li::before {
content: "f00c"; /* FontAwesome check ikonu */
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: var(--primary);
position: absolute;
left: 0;
top: 5px; /* İkonu dikeyde ortala */
font-size: 1rem;
}
.why-thinktool-content ul li strong {
color: var(--primary);
font-weight: 600;
}
@media (max-width: 768px) {
.why-thinktool-title {
font-size: 1.8rem;
}
.why-thinktool-content p,
.why-thinktool-content ul li {
font-size: 1rem;
}
}

.scroll-reveal-element {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-reveal-element.visible {
opacity: 1;
transform: translateY(0);
}

ThInkTool Expert 394

ThinkTool Expert 394: 11 inç 4K Ekranlı, Yapay Zeka Destekli OE Seviyesi Profesyonel Arıza Teşhis ve ECU Programlama Cihazı

Güncelleme Desteği

Binek ve Elektrikli Araçlar: 2 Yıl Güncelleme.
Ağır Vasıta: Ek Lisans Gerekli.

Yapay Zeka

Akıllı Arıza Teşhisi

Gelişmiş Protokoller

DOIP/CAN FD/Ethernet

Satın Al

Fiyatlarımıza KDV dahil değildir.

YAPAY ZEKA DESTEKLİ TEŞHİS

ThinkTool Expert 394

Yeni Nesil Araçlar İçin Akıllı Arıza Teşhis Sistemi

Yapay Zeka Destekli OE Seviyesi Teşhis

ThinkTool Expert 394, 11 inç 4K ekranı ve Android 12 işletim sistemiyle profesyonel arıza teşhis ihtiyaçlarınızı OE (Orijinal Ekipman) seviyesinde karşılar. Entegre yapay zeka teknolojisi sayesinde karmaşık arızaları analiz eder, çözüm önerileri sunar ve öğrenmeye devam eder. DOIP, CAN FD ve Ethernet protokolleriyle en yeni araçları destekler, 50+ bakım fonksiyonu sunar ve modüler genişletilebilirliği ile atölye ihtiyaçlarınıza tam uyum sağlar.

Yapay Zeka Destekli Arıza Analizi
Gelişmiş Veri Analizi ve Trend Takibi
Kapsamlı ECU Programlama
Çift Yönlü Kontrol ve Aktivasyon

ThinkTool Expert 394 Servis Fonksiyonları

ThinkTool Expert 394, 50'den fazla bakım sıfırlama fonksiyonu ve OE seviyesinde teşhis yetenekleriyle profesyonel servislerin tüm ihtiyaçlarını karşılar. Yapay zeka entegrasyonu ve DOIP, CAN FD ve Ethernet protokol desteği sayesinde en yeni araçlarla bile sorunsuz çalışır, arıza tespitinde öngörüsel analizler sunar.

sync_altA/F Sıfırlama
aspect_ratioADAS Kalibrasyonu
tire_repairLastik Sıfırlama
local_shippingTaşıma Modu
sensorsTPMS Sıfırlama
speedKilometre Sayacı
heightSüspansiyon Sıfırlama
wb_sunnySunroof Sıfırlama
power_settings_newStop/Start Sıfırlama
event_seatKoltuk Kalibrasyonu
exploreDireksiyon Açı Sıfırlama
oil_barrelYağ Sıfırlama
thermostatNOx Sensör Sıfırlama
opacityEnjektör Kodlama
vpn_keyAnahtar Programlama
settings_applicationsŞanzıman Öğrenme
settingsVites Öğrenme
tuneGaz Kelebeği Adaptasyonu
recyclingEGR Adaptasyonu
filter_altDPF Rejenerasyonu
securityİmmobilizer Programlama
memoryECU Kodlama
hdr_autoABS Hava Alma
scienceAdBlue Sıfırlama
visibilityYağmur Işık Sensörü
compare_arrowsDebriyaj Eşleştirme
buildFren Balata Sıfırlama
electric_carHibrit/Elektrikli Araç Bakımı
battery_charging_fullBatarya Yönetim Sistemi
self_improvementSürücü Asistanı Kalibrasyonu
smart_toyYapay Zeka Teşhisi
add_circle_outlineVe Daha Fazlası

Not: Listelenen servis fonksiyonları araç marka, model ve yılına göre değişiklik gösterebilir. Yapay zeka desteği sürekli güncellenen veri tabanıyla etkinliğini artırır.

ThinkTool Expert 394 Teknik Özellikler

memory

İşletim Sistemi

Android 12

memory

RAM/ROM

8GB RAM
256GB Depolama

developer_board

Yüksek Performanslı İşlemci

8 Çekirdekli, 2.0GHz
Hızlı ve Akıcı Deneyim

directions_car

Araç Desteği

150+ Marka
DOIP/CAN FD/Ethernet

battery_full

Batarya

15000mAh / 3.8V
Uzun Çalışma Süresi

psychology

Yapay Zeka

Otomatik Teşhis
Öngörüsel Analiz

extension

Modülerlik

Genişletilebilir
Harici Modül Desteği

settings

Servis Fonksiyonları

50+ Bakım Sıfırlama

wifi

Bağlantı

Wi-Fi 6
Bluetooth 5.2

card_membership

Lisans ve Güncellemeler

Binek araçlar için 2 yıl ve elektrikli araçlar için 2 yıl yazılım güncelleme desteği. Ağır vasıta araçlar için ek lisanslama ile destek sağlanır.

ThinkTool Expert 394'ün Yapay Zeka Özellikleri

ThinkTool Expert 394, entegre yapay zeka teknolojisiyle arıza teşhis süreçlerini otomatikleştirerek zaman kazandırır ve teşhis doğruluğunu artırır.

Akıllı Arıza Teşhisi

Arıza kodlarını analiz eder, önceki vakalarla karşılaştırır ve en olası nedenleri öncelik sırasına göre listeler. Bu, teşhis süresini %60'a kadar azaltır.

Bulut Tabanlı Öğrenme

Sürekli güncellenen bulut veritabanıyla, dünya genelindeki diğer ThinkTool cihazlarının çözümlediği vakalardan öğrenir ve teşhis yeteneğini sürekli geliştirir.

Öngörüsel Analiz

Araç verilerini analiz ederek potansiyel sorunları henüz arıza oluşmadan tespit eder ve önleyici bakım tavsiyeleri sunar.

Doğal Dil İşleme

Arıza semptomlarını doğal dil kullanarak arayabilir, karmaşık teknik terimleri basitleştirir ve müşteriye anlaşılır açıklamalar sunar.

Görsel Tanıma

Kamera ile çekilen parça, sensör veya bileşen görsellerini tanıyarak ilgili teknik bilgileri ve teşhis prosedürlerini hızla gösterir.

Adım Adım Rehberlik

Belirlenen arızanın giderilmesi için, teknisyenlere adım adım görsel ve sesli talimatlarla rehberlik eder, zamandan tasarruf sağlar.

Neden ThinkTool Expert 394 Tercih Edilmelidir?

ThinkTool Expert 394, modern otomotiv teşhis ihtiyaçlarını karşılamak üzere geliştirilmiş, yapay zeka destekli, OE seviyesinde güçlü bir arıza tespit ve programlama cihazıdır. Profesyonel atölyeler için ideal olan bu cihaz, çığır açan özellikleri ve modüler yapısıyla öne çıkar:

• Yapay Zeka Destekli Teşhis: Entegre yapay zeka teknolojisi, karmaşık arızaları analiz eder, önceki vakalarla karşılaştırır ve en olası çözümleri öncelik sırasına göre listeler. Bu, arıza teşhis süresini %60'a kadar azaltır ve doğruluk oranını artırır.
• OE Seviyesi Tam Sistem Teşhisi: Orijinal Ekipman seviyesinde teşhis yetenekleri sayesinde, motor, şanzıman, ABS, hava yastıkları ve diğer tüm araç sistemlerini derinlemesine analiz edebilirsiniz. Bu, bayi seviyesinde teşhisleri kendi atölyenizde gerçekleştirebilmenizi sağlar.
• Gelişmiş Protokol Desteği: DOIP (Diagnostics over Internet Protocol), CAN FD (Controller Area Network Flexible Data-Rate) ve Ethernet gibi en yeni iletişim protokollerini destekleyerek, en modern araçlar dahil 150'den fazla araç markasıyla tam uyumluluk sağlar.
• Üstün Donanım ve 4K Ekran: 11 inç 4K dokunmatik ekran, Android 12 işletim sistemi, 8GB RAM ve 256GB dahili depolama ile karmaşık teşhis işlemlerini hızlı ve sorunsuz gerçekleştirebilirsiniz. 15000mAh bataryası sayesinde uzun süreli çalışma imkanı sunar.
• 50+ Kapsamlı Bakım Fonksiyonu: Yağ sıfırlama, gaz kelebeği adaptasyonu, ABS hava alma, akü yönetimi, enjektör kodlama, DPF rejenerasyonu, AdBlue sıfırlama gibi 50'den fazla bakım sıfırlama fonksiyonu ile servis işlemlerini kolaylaştırır.
• Bulut Tabanlı Sürekli Öğrenme: Cihaz, tüm dünyadan toplanan anonim teşhis verilerinden öğrenerek zamanla daha akıllı hale gelir ve teşhis yeteneklerini sürekli olarak geliştirir.
• Gelişmiş Modüler Genişletilebilirlik: Yazıcılar, akü test cihazları, termal görüntüleyiciler, kamera probları, osiloskoplar ve yeni nesil ADAS kalibrasyon modülleri gibi harici ekipmanlarla yeteneklerini genişletebilirsiniz.

ThinkTool Expert 394 ile servisinizin kapasitesini ve verimliliğini önemli ölçüde artırabilir, karmaşık teşhis ve onarım işlemlerini yapay zeka desteğiyle daha hızlı ve daha doğru gerçekleştirebilirsiniz. Modern protokollere, yapay zeka teknolojisine ve geleceğe yönelik uyumluluğu sayesinde, otomotiv teknolojisi geliştikçe hızla değişen araç elektroniği pazarında rekabetçi kalmanızı sağlar.

ThinkTool Expert 394 Kutu İçeriği

ThinkTool Expert 394'ü satın aldığınızda sizi bekleyen donanım ve aksesuarlar.

Paketinizde Neler Var?

• tablet_android
  ThinkTool Expert 394 Ana Ünite
• cable
  THINKLINK Pro VCI
• settings_input_component
  OBD-II Teşhis Kablosu
• power
  Hızlı Şarj Adaptörü
• usb
  USB-C Kablosu
• work
  Sert Koruma Çantası
• menu_book
  Kullanım Kılavuzu
• mail
  Aktivasyon Kodu
• description
  Garanti Belgesi
• shield
  Ekran Koruyucu Film

Komple Set

Ana Tablet

VCI ve Kablo

Koruma Çantası

Modüler Genişletilebilirlik

ThinkTool Expert 394, ihtiyaçlarınıza göre genişletilebilen modüler bir tasarıma sahiptir. Teşhis yeteneklerini aşağıdaki opsiyonel modüllerle artırabilirsiniz:

Kablosuz Yazıcı

Teşhis raporlarının anında basılması için termal yazıcı. 3.1 inç'e kadar kağıt ruloları destekler.

Gelişmiş Akü Test Cihazı

Akünün voltajını, iç direncini ve servis ömrünü hassas şekilde ölçer. Hibrit ve elektrikli araçlar için kapsamlı batarya analizi yapar.

Termal Görüntüleyici

Yüksek çözünürlüklü termal kamera ile ısı farklılıklarını görselleştirerek elektriksel kısa devreler, sürtünme ve soğutma sistemi sorunları gibi arızaları tespit eder.

HD Video Kapsam

Esnekliği artırılmış, 72 inçlik IP67 dereceli kamera probu ile ulaşılması zor alanlarda 1920x1080 çözünürlüklü görsel inceleme imkanı sunar.

Profesyonel Osiloskop

8 kanallı, yüksek örnekleme hızlı osiloskop ile karmaşık elektronik sorunları teşhis etmek için detaylı elektriksel sinyal analizi sağlar.

TPMS Elite Modülü

Tüm marka ve modellerde Lastik Basınç İzleme Sistemi sensör aktivasyonu, programlama, yeniden öğrenme ve sistem teşhisi için kullanılır.

ADAS Kalibrasyon Sistemi

Sürücü asistan sistemlerinin kamera ve radar sensörlerinin hassas kalibrasyonu için tam teçhizatlı kalibrasyon sistemi.

DoIP/XCP Protokol Genişletici

En yeni araçlarda kullanılan genişletilmiş protokolleri destekler, güvenli geçit ve ECU flaşlama işlemleri için idealdir.

Not: Modüller ayrı olarak satılır ve atölye ihtiyaçlarınıza göre cihazınızın yeteneklerini genişletmenize olanak tanır. ThinkTool Expert 394'ün yapay zeka yetenekleri, eklenen modüllerle birlikte daha da etkin hale gelir.

ThinkTool Expert 394 Sıkça Sorulan Sorular

ThinkTool Expert 394'ün yapay zeka özellikleri nasıl çalışır?

ThinkTool Expert 394'ün yapay zeka teknolojisi, arıza semptomları, araç verileri ve tarihsel teşhis bilgilerini analiz ederek çalışır. Bulut tabanlı geniş bir veritabanı ile entegre çalışan sistem, benzer arıza vakaları ve çözümlerini değerlendirir. Cihaz, arıza kodlarını okuduktan sonra yapay zeka algoritması devreye girerek, olası nedenleri öncelik sırasına göre listeler, onarım tavsiyeleri sunar ve teknisyene adım adım rehberlik eder. Sistem ayrıca sürekli öğrenir; yeni arıza vakaları ve çözümleri veritabanına eklendikçe teşhis yetenekleri gelişir. Bu sayede teşhis doğruluğu artarken, arıza tespiti için harcanan süre önemli ölçüde azalır.

ThinkTool Expert 394, önceki modellerden ne gibi farklar sunuyor?

ThinkTool Expert 394, önceki modellerden birçok önemli özellikle ayrılır: 1) Entegre yapay zeka teknolojisi ile arıza teşhisinde devrim yaratır, 2) 11 inç 4K ekranı ile daha detaylı ve net görüntü sağlar, 3) Android 12 işletim sistemi, 8GB RAM ve 256GB depolama ile çok daha hızlı çalışır, 4) DOIP, CAN FD ve Ethernet gibi en gelişmiş protokolleri destekler, 5) 50'den fazla bakım fonksiyonu ile daha kapsamlı servis imkanı sunar, 6) Bulut tabanlı otomatik öğrenme sistemi ile zamanla daha akıllı hale gelir, 7) Genişletilmiş modülerlik ile ADAS kalibrasyonu gibi ileri teşhis sistemlerini destekler, 8) Binek araçlar için 2 yıl ve elektrikli araçlar için 2 yıl yazılım güncelleme desteği sunulmaktadır. Ayrıca, ek lisanslama ile ağır vasıta araçlar için de destek sağlanmaktadır (önceki modellerde genellikle 2 yıl). Bu özellikleriyle ThinkTool Expert 394, sadece mevcut arıza teşhisinde değil, geleceğin araç teknolojilerine de hazırlıklıdır.

ThinkTool Expert 394 hangi araç markalarını destekliyor?

ThinkTool Expert 394, Avrupa, Amerika, Asya ve diğer pazarlardan 150'den fazla araç markasını desteklemektedir. Bu markalar arasında Audi, Mercedes, BMW, VW, Toyota, Lexus, Honda, Mazda, Nissan, Ford, GM, Chrysler, Hyundai, Kia, Fiat, Renault, Peugeot, Volvo, Opel, Landrover, Porsche, Maserati, Jeep, Subaru, Tesla, Rivian, BYD, NIO ve diğer yeni nesil elektrikli araç üreticileri bulunmaktadır. Ayrıca, ağır hizmet araçları ve ticari filolar için genişletilmiş teşhis yetenekleri sunar. ThinkTool Expert 394'ün sürekli güncellenen veritabanı sayesinde yeni çıkan araç modelleri için de düzenli destek sağlanır.

Yapay zeka özelliklerinin kullanımı için internet bağlantısı gerekli mi?

ThinkTool Expert 394'ün yapay zeka özelliklerinin tam kapasitede çalışabilmesi için internet bağlantısı önerilir, ancak zorunlu değildir. Cihaz, temel yapay zeka işlevlerini internet olmadan da gerçekleştirebilecek şekilde tasarlanmıştır; cihazda bulunan yerel veritabanı temel teşhis yeteneklerini destekler. Ancak, bulut tabanlı genişletilmiş veritabanına erişim, en güncel arıza çözümleri ve gelişmiş öğrenme özellikleri için internet bağlantısı gereklidir. Cihaz, bağlantı olmadığı durumlarda bile önceden indirilmiş verileri kullanabilir ve daha sonra bağlantı sağlandığında otomatik olarak senkronize olur, böylece atölye ortamında kesintisiz çalışma sağlar.

ThinkTool Expert 394 elektrikli ve hibrit araçları destekliyor mu?

Evet, ThinkTool Expert 394 özellikle elektrikli ve hibrit araçlar için genişletilmiş destek sunar. Cihaz, batarya yönetim sistemleri (BMS), güç aktarma kontrol modülleri, termal yönetim sistemleri, yüksek voltaj sistemleri ve rejeneratif frenleme gibi elektrikli/hibrit araçlara özgü sistemlerin tam teşhisini yapabilir. Ayrıca, yüksek voltaj izolasyon testleri, batarya hücre dengesizliği analizi ve elektrikli motor kontrolü gibi özel fonksiyonlar da desteklenir. ThinkTool Expert 394'ün yapay zeka yetenekleri, elektrikli araçların karmaşık arızalarını anlamak ve çözmek için sürekli geliştirilmektedir. Tesla, Rivian, BYD, NIO ve diğer tüm büyük elektrikli araç üreticileri tam olarak desteklenmektedir.

Cihazın güncelleme ve veri gizliliği politikası nasıldır?

ThinkTool Expert 394, binek araçlar için 2 yıl ve elektrikli araçlar için 2 yıl yazılım güncelleme desteği sunmaktadır. Ayrıca, ek lisanslama ile ağır vasıta araçlar için de destek sağlanmaktadır. Güncellemeler WiFi bağlantısı üzerinden otomatik veya manuel olarak gerçekleştirilebilir. Veri gizliliği konusunda, ThinkCar uluslararası standartlara uygun bir politika izler. Teşhis verileri anonimleştirilerek buluta gönderilir ve yapay zeka sisteminin öğrenmesi için kullanılır. Müşteri ve araç sahiplerinin kişisel bilgileri hiçbir şekilde bu süreçte yer almaz. Kullanıcılar, veri paylaşımını cihaz ayarlarından kontrol edebilir ve isterlerse sınırlandırabilirler. Şirket, veri güvenliği için end-to-end şifreleme ve gelişmiş güvenlik protokolleri kullanır.

Yapay Zeka Farkı: Geleneksel vs ThinkTool Expert 394

ThinkTool Expert 394'ün yapay zeka teknolojisi, geleneksel arıza tespit cihazlarına kıyasla nasıl fark yaratıyor?

Özellik	Geleneksel Teşhis Cihazları	ThinkTool Expert 394 Yapay Zeka
Arıza Tespiti	Yalnızca DTC (arıza kodları) okuyarak teknisyenin yorumlaması gerekir	DTC'leri analiz eder, semptomlarla eşleştirir ve en olası nedenleri önceliklendirir
Veri Analizi	Ham sensör verilerini gösterir, yorumlama uzmanlığı gerektirir	Sensör verilerini otomatik analiz eder, anormallikleri tespit eder ve görselleştirir
Teşhis Süresi	Uzun araştırma ve deneme-yanılma süreci gerektirir	Teşhis süresini ortalama %60 azaltır
Onarım Rehberliği	Sınırlı veya manuel araştırma gerektirir	Adım adım görsel talimatlar ve onarım videolarıyla rehberlik eder
Öğrenme Yeteneği	Statik veritabanı, yalnızca manuel güncellemeler	Sürekli öğrenir, yeni çözümleri otomatik olarak entegre eder
Kullanıcı Deneyimi	Karmaşık menüler, teknik terimler	Sezgisel arayüz, doğal dil işleme, sesli komutlar
Öngörüsel Analiz	Mevcut değil	Potansiyel sorunları önceden tespit ederek önleyici bakım önerir
Uzman Desteği	Dış kaynaklara bağımlı	Yerleşik sanal asistan ve uzman bilgi tabanı

ThinkTool Expert 394'ün yapay zeka teknolojisi, teşhis süreçlerini otomatikleştirerek teknisyenlerin daha verimli çalışmasını sağlar. Özellikle karmaşık elektronik sistemlere sahip modern araçlarda, doğru ve hızlı teşhis yapılmasına yardımcı olur.

Destek ve İletişim

ThinkTool Expert 394 ile ilgili her türlü soru, öneri veya teknik destek talepleriniz için bize ulaşabilirsiniz.

Telefon

+90 850 532 05 50

E-posta

info@otoeko.com

WhatsApp

0850 532 05 50

/* Yapay Zeka Özellikleri Bölümü Stilleri */
.ai-features-section {
padding: 70px 20px;
background-color: #f9f9f9;
border-radius: 16px;
margin: 50px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.ai-title {
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
position: relative;
}
.ai-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.ai-subtitle {
text-align: center;
color: #555;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 40px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.ai-features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.ai-feature-item {
background-color: #fff;
border-radius: 12px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-align: center;
}
.ai-feature-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}
.ai-feature-icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
border-radius: 50%;
color: white !important;
}
.ai-feature-icon i {
font-size: 1.8rem;
color: white !important;
}
.ai-feature-title {
font-size: 1.3rem;
color: #333;
margin-bottom: 15px;
font-weight: 600;
}
.ai-feature-description {
font-size: 0.95rem;
color: #666;
line-height: 1.6;
}
/* Yapay Zeka Karşılaştırma Tablosu Stilleri */
.ai-comparison-section {
padding: 70px 20px;
background-color: #f0f0f0;
border-radius: 16px;
margin: 50px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.comparison-title {
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
position: relative;
}
.comparison-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.comparison-subtitle {
text-align: center;
color: #555;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 40px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.comparison-table-container {
max-width: 1000px;
margin: 0 auto;
overflow-x: auto;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
border-radius: 8px;
overflow: hidden;
}
.comparison-table th {
background-color: var(--primary);
color: white;
text-align: left;
padding: 15px 20px;
font-size: 1rem;
font-weight: 600;
}
.comparison-table th:first-child {
width: 25%;
}
.comparison-table td {
padding: 15px 20px;
border-bottom: 1px solid #eee;
font-size: 0.95rem;
color: #555;
line-height: 1.5;
}
.comparison-table tr:last-child td {
border-bottom: none;
}
.comparison-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.comparison-note {
max-width: 800px;
margin: 30px auto 0;
text-align: center;
font-size: 0.95rem;
color: #666;
line-height: 1.6;
}
@media (max-width: 992px) {
.ai-features-grid, .comparison-table-container {
max-width: 95%;
}
}
@media (max-width: 768px) {
.ai-title, .comparison-title {
font-size: 1.8rem;
}
.ai-subtitle, .comparison-subtitle {
font-size: 1rem;
}
.ai-features-grid {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.ai-feature-item {
padding: 25px;
}
.comparison-table th, .comparison-table td {
padding: 12px 15px;
font-size: 0.9rem;
}
}
@media (max-width: 576px) {
.ai-features-section, .ai-comparison-section {
padding: 50px 15px;
}
.ai-features-grid {
grid-template-columns: 1fr;
}
.comparison-table {
font-size: 0.85rem;
}
.comparison-table th, .comparison-table td {
padding: 10px 12px;
font-size: 0.85rem;
}
}
.box-contents-section {
font-family: 'Exo 2', sans-serif;
padding: 70px 0;
background-color: #fff; /* Beyaz arka plana geri dönüldü */
border-radius: 8px; /* Orijinal border-radius */
margin: 50px 0;
/* color: var(--white); Bu satır kaldırıldı, ana renkler CSS'in başından miras alınacak */
}
.box-contents-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.main-title {
text-align: center;
font-size: 32px;
font-weight: 700;
color: #333; /* Orijinal renk */
text-transform: uppercase;
margin-bottom: 15px;
}
.main-title span {
color: var(--primary); /* Orijinal renk */
position: relative;
}
.main-title span::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 2px;
background-color: var(--primary); /* Orijinal renk */
}
.contents-subtitle {
text-align: center;
color: #666; /* Orijinal renk */
font-size: 15px;
margin-bottom: 40px;
}
.contents-layout {
display: flex;
gap: 30px;
align-items: stretch;
}
.contents-list-column {
flex: 0.9;
display: flex;
flex-direction: column;
justify-content: center; /* İçeriği dikeyde ortalamak için */
}
.list-heading {
font-size: 22px;
color: #333; /* Orijinal renk */
margin-bottom: 20px;
font-weight: 600;
padding-bottom: 5px;
border-bottom: 1px solid #eee; /* Orijinal border */
}
.contents-list {
list-style: none;
padding: 0;
margin: 0;
/* flex-grow: 1; kaldırıldı, dikey ortalama için */
}
.list-item {
display: flex;
align-items: center; /* Dikeyde ortalamak için flex-start'tan center'a değiştirildi */
margin-bottom: 18px; /* Boşluk artırıldı */
color: #333; /* Orijinal renk */
font-size: 1.05rem; /* Yazı boyutu artırıldı */
line-height: 1.6; /* Satır yüksekliği artırıldı */
}
.list-item i {
color: var(--primary); /* Orijinal renk */
margin-right: 12px;
font-size: 1.4rem; /* İkon boyutu artırıldı */
flex-shrink: 0;
margin-top: 0; /* align-items: center ile dikey hizalama sağlandığı için sıfırlandı */
}
.special-item-box {
color: var(--primary); /* Orijinal renk */
display: flex;
align-items: center;
margin: 15px 0;
padding: 12px 15px;
background-color: #fff8f8; /* Orijinal arka plan */
border-left: 3px solid var(--primary); /* Orijinal border */
border-radius: 4px;
}
.special-item-box i {
color: var(--primary); /* Orijinal renk */
margin-right: 12px;
font-size: 22px;
flex-shrink: 0;
}
.special-item-box strong {
color: var(--primary); /* Orijinal renk */
text-decoration: underline;
}
.contents-note {
margin-top: 20px;
font-size: 14px;
color: #666; /* Orijinal renk */
line-height: 1.5;
margin-top: auto;
padding-top: 15px;
}
.contents-images-column {
flex: 1.1;
display: flex;
flex-direction: column;
}
.images-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Masaüstünde 2 sütun */
gap: 20px; /* Öğeler arası boşluk biraz artırıldı */
flex-grow: 1; /* Sütun içinde kalan dikey alanı doldurması için */
}
.image-cell { /* Yeni sarmalayıcı için stiller */
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.grid-image-container { /* Sadece görseli içeren konteyner */
background-color: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
padding: 15px;
margin-bottom: 10px; /* Başlıkla arasında boşluk */
width: 100%; /* Genişliği hücreye yay */
aspect-ratio: 1 / 1; /* Kare oranını koru, görsellerin sığması için */
display: flex;
align-items: center;
justify-content: center;
}
.grid-image-container img { /* .grid-item img yerine */
max-width: 100%;
max-height: 100%;
object-fit: contain;
/* margin-bottom: 15px; kaldırıldı, .grid-image-container'a eklendi */
}
.grid-caption {
font-size: 14px;
color: #333;
font-weight: 500;
margin-top: 0; /* Üstteki boşluk kaldırıldı, image-container'dan geliyor */
}
@media (max-width: 992px) {
.contents-layout {
flex-direction: column;
}
.images-grid {
/* grid-template-rows: repeat(2, 1fr); kaldırıldı */
/* aspect-ratio: 2/2; kaldırıldı */
}
.contents-note {
margin-top: 20px;
}
}
@media (max-width: 768px) {
.main-title {
font-size: 28px;
}
.list-heading {
font-size: 20px;
}
}
@media (max-width: 576px) {
.main-title {
font-size: 24px;
}
.contents-subtitle {
font-size: 14px;
}
.images-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.grid-image-container { /* Mobil için görsel konteynerı */
padding: 10px;
margin-bottom: 8px;
aspect-ratio: 1/0.8; /* Mobil için biraz daha dikey olabilir */
}
.grid-image-container img {
/* max-height: 120px; kaldırıldı, aspect-ratio belirleyecek */
}
.grid-caption {
font-size: 13px; /* Mobil için biraz daha küçük olabilir */
line-height: 1.2;
}
}
/* Merak Edilenler (SSS) Bölümü Yeni Stilleri */
.faq-section {
padding: 60px 20px;
background-color: #f8f9fa; /* Bölüm için açık bir arka plan */
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
margin-top: 50px;
margin-bottom: 50px;
}
.faq-section .master-container {
max-width: 900px; /* Daha dar bir içerik alanı */
margin: 0 auto;
}
.faq-section .faq-title { /* .faq-title zaten global olarak tanımlı olabilir, bu section içindeki spesifik olanı hedefler */
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 40px;
position: relative;
}
.faq-section .faq-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.faq-item {
background-color: #ffffff; /* Her SSS öğesi için beyaz arka plan */
border-radius: 8px;
margin-bottom: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
transition: box-shadow 0.3s ease;
overflow: hidden; /* İçerik taşmasını engellemek ve border-radius'u korumak için */
}
.faq-item:hover {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.faq-question {
padding: 20px 25px;
font-size: 1.1rem;
font-weight: 600;
color: #333;
cursor: pointer;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
.faq-item.active .faq-question {
color: var(--primary); /* Aktif soru için ana renk */
background-color: #fff8f8; /* Aktif soru için hafif arka plan */
}
.faq-question::after { /* Ok ikonu */
content: 'f078'; /* FontAwesome chevron-down */
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 0.9rem;
color: var(--primary); /* Ana renk */
transition: transform 0.3s ease;
margin-left: 15px; /* Soru metni ile ikon arasına boşluk */
display: inline-block; /* İkonun render edilmesini garantilemek için */
}
.faq-item.active .faq-question::after {
transform: rotate(180deg); /* Cevap açıkken ikon döner */
}
.faq-answer {
padding: 0px 25px; /* Yatay padding kalsın, dikey padding animasyonla gelecek */
font-size: 1rem;
line-height: 1.7;
color: #555;
max-height: 0; /* Başlangıçta kapalı */
overflow: hidden;
transition: max-height 0.35s ease-out, padding-top 0.35s ease-out, padding-bottom 0.35s ease-out;
margin:0;
background-color: #ffffff; /* Cevap alanı için de beyaz arka plan */
}
.faq-item.active .faq-answer {
border-top: 1px solid #e9ecef; /* Sadece aktifken soru ile cevap arasına ince bir çizgi */
}
.faq-item.active .faq-answer {
max-height: 600px; /* Cevabın sığacağı bir yükseklik, içeriğe göre ayarlanabilir */
padding-top: 20px;
padding-bottom: 20px;
}
/* Responsive iyileştirmeler */
@media (max-width: 768px) {
.faq-section {
padding: 40px 15px;
}
.faq-section .faq-title {
font-size: 1.8rem;
margin-bottom: 30px;
}
.faq-question {
font-size: 1rem;
padding: 15px 20px;
}
.faq-answer {
font-size: 0.9rem;
padding: 0px 20px;
}
.faq-item.active .faq-answer {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* Destek ve İletişim Bölümü Stilleri */
.contact-support-section {
padding: 60px 20px;
background-color: #ffffff; /* Diğer bölümlerden ayırmak için beyaz veya çok açık gri */
font-family: 'Exo 2', sans-serif;
margin-top: 50px;
margin-bottom: 50px; /* Altına boşluk bırakmak için */
text-align: center;
border-top: 1px solid #eee; /* Üstüne ince bir çizgi */
}
.contact-support-section .master-container {
max-width: 1100px; /* İçerik alanını biraz daha geniş tutabiliriz */
}
.contact-support-section .section-title {
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px; /* Alt başlıkla arasını aç */
position: relative;
}
.contact-support-section .section-title::after {
content: '';
position: absolute;
bottom: -10px; /* Çizgiyi başlığa yaklaştır */
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
border-radius: 2px;
}
.contact-support-section .section-subtitle {
font-size: 1.1rem;
color: #555;
margin-bottom: 50px; /* Grid ile arasını aç */
max-width: 750px;
margin-left: auto;
margin-right: auto;
line-height: 1.7;
}
.contact-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 35px; /* Kutular arası boşluk */
max-width: 1000px;
margin: 0 auto;
}
.contact-item {
background-color: #f8f9fa; /* SSS item arka planıyla uyumlu */
padding: 35px 30px;
border-radius: 12px; /* Daha yuvarlak köşeler */
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}
.contact-item i {
font-size: 2.8rem; /* İkonları büyüt */
color: var(--primary);
margin-bottom: 20px; /* İkonla başlık arasını aç */
}
.contact-item h3 {
font-size: 1.4rem; /* Başlıkları büyüt */
font-weight: 600;
color: #333;
margin-bottom: 12px;
}
.contact-item p {
font-size: 1rem;
color: #555;
line-height: 1.65;
margin-bottom: 8px;
}
.contact-item p a {
color: var(--primary);
text-decoration: none;
font-weight: 500;
}
.contact-item p a:hover {
text-decoration: underline;
}
.contact-item p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.contact-support-section .section-title {
font-size: 1.9rem;
}
.contact-support-section .section-subtitle {
font-size: 1rem;
margin-bottom: 40px;
}
.contact-info-grid {
gap: 25px;
}
.contact-item {
padding: 30px 25px;
}
.contact-item i {
font-size: 2.5rem;
}
.contact-item h3 {
font-size: 1.25rem;
}
}
/* Modüler Genişletilebilirlik Bölümü Stilleri */
.modularity-section {
padding: 70px 20px;
background-color: #f0f0f0;
border-radius: 16px;
margin: 50px 0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.modularity-title {
text-align: center;
color: var(--primary);
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
position: relative;
}
.modularity-title:after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background-color: var(--primary);
}
.modularity-subtitle {
text-align: center;
color: #555;
font-size: 1.1rem;
line-height: 1.7;
margin-bottom: 40px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.modules-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.module-item {
background-color: #fff;
border-radius: 12px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-align: center;
}
.module-item:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}
.module-icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
border-radius: 50%;
color: white !important;
}
.module-icon i {
font-size: 1.8rem;
color: white !important;
}
.module-title {
font-size: 1.3rem;
color: #333;
margin-bottom: 15px;
font-weight: 600;
}
.module-description {
font-size: 0.95rem;
color: #666;
line-height: 1.6;
}
.modularity-note {
margin-top: 40px;
text-align: center;
font-size: 0.9rem;
color: #666;
font-style: italic;
}
@media (max-width: 768px) {
.modularity-section {
padding: 50px 15px;
}
.modularity-title {
font-size: 1.8rem;
}
.modularity-subtitle {
font-size: 1rem;
margin-bottom: 30px;
}
.modules-grid {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.module-item {
padding: 25px 20px;
}
.module-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.module-icon i {
font-size: 1.5rem;
}
.module-title {
font-size: 1.2rem;
margin-bottom: 12px;
}
.module-description {
font-size: 0.9rem;
}
}
@media (max-width: 576px) {
.modules-grid {
grid-template-columns: 1fr;
}
}