@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;
}
.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: #9b000a;
}
.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: #9b000a;
letter-spacing: -1px;
line-height: 1;
margin-bottom: 25px;
position: relative;
text-shadow: 0 2px 10px rgba(155, 0, 10, 0.05);
}
.product-name::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 120px;
height: 4px;
background-color: #9b000a;
}
.tagline {
font-size: 1.4rem;
color: rgba(155, 0, 10, 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: #9b000a;
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;
}
.feature-icon i:hover {
transform: translateY(-3px) scale(1.1);
color: #c8000a;
}
.cta-button {
display: inline-block;
background-color: #9b000a;
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(155, 0, 10, 0.25);
border: 2px solid transparent;
margin-top: 20px;
}
.cta-button:hover {
background-color: white;
color: #9b000a;
border-color: #9b000a;
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: #9b000a;
color: white;
text-align: center;
padding: 15px 20px;
margin-top: 40px;
font-size: 0.9rem;
border-radius: 15px;
}
.vat-notice-hero {
background-color: #9b000a; /* Primary red color */
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-color: var(--primary); 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: var(--white); }
.ability-text { font-size: 0.82rem; font-weight: 500; line-height: 1.35; max-width: 95px; }
@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-dark); 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-color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; box-shadow: 0 5px 12px rgba(155,0,10,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(155,0,10,0.4); }
.service-functions-area .ability-icon-bg i.material-icons { font-size: 2.3rem; color: var(--white); }
.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: #9b000a;
--primary-light: #b5000c;
--primary-dark: #800008;
--white: #ffffff;
--light-gray: #f8f8f8;
--dark: #2c2c2c;
--border-radius: 16px;
--primary-red-hero: #9b000a;
--primary-red-rgb: 155, 0, 10;
--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(155, 0, 10, 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(155, 0, 10, 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(230, 0, 0, 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-red-hero);
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-red-hero);
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-red-hero);
transition: width 0.3s ease;
box-shadow: 0 0 5px var(--primary-red-hero);
}
.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-red-hero);
animation: spinner 0.6s linear infinite;
box-shadow: 0 0 15px var(--primary-red-hero);
}
@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(155, 0, 10, 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(155, 0, 10, 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)); color: var(--white); border-radius: 50%; font-size: 1.6rem; margin-bottom: 10px; box-shadow: 0 4px 12px rgba(155, 0, 10, 0.25); }
.product-section .feature-icon > i { font-size: 1.6rem; color: var(--white); margin: 0; transition: none; }
.feature-text { font-weight: 500; }
.floating-element { position: absolute; width: 200px; height: 200px; background: radial-gradient(circle, rgba(155, 0, 10, 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: #9b000a; 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: #9b000a; }
.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 #9b000a;
}
.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-color: #9b000a; color: white; 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: #9b000a; transform: scale(1.1); opacity: 1; }
.visual-specs-thumbnail.active { border-color: #9b000a; opacity: 1; transform: scale(1.1); box-shadow: 0 0 10px rgba(155,0,10,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: #9b000a;
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: #9b000a;
}
.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: #9b000a;
position: absolute;
left: 0;
top: 5px; /* İkonu dikeyde ortala */
font-size: 1rem;
}
.why-thinktool-content ul li strong {
color: #9b000a;
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 195

ThinkTool Expert 195: 9 inç HD Ekranlı, OE Seviyesi Profesyonel Arıza Teşhis ve ECU Programlama Cihazı

9" HD Ekran

Android 10 OS

125+ Marka

Kapsamlı Araç Desteği

DOIP & CAN FD

Modern Protokol Desteği

Satın Al

Fiyatlarımıza KDV dahil değildir.

OE SEVİYESİNDE TEŞHİS

ThinkTool Expert 195

Modern Araçlar İçin Profesyonel Arıza Teşhis Sistemi

OE Seviyesinde Teşhis

ThinkTool Expert 195, 9 inç HD ekranı ve Android 10 işletim sistemiyle profesyonel arıza teşhis ihtiyaçlarınızı OE (Orijinal Ekipman) seviyesinde karşılar. DOIP ve CAN FD protokolleriyle en yeni araçları destekler, 35+ bakım fonksiyonu sunar ve modüler genişletilebilirliği ile atölye ihtiyaçlarınıza tam uyum sağlar.

Arıza Kodlarını Oku/Sil
Canlı Veri Oku/Kaydet/Karşılaştır
Özel Fonksiyonlar
Aktivasyon Testleri

ThinkTool Expert 195 Servis Fonksiyonları

ThinkTool Expert 195, 35'ten fazla bakım sıfırlama fonksiyonu ve OE seviyesinde teşhis yetenekleriyle profesyonel servislerin tüm ihtiyaçlarını karşılar. DOIP ve CAN FD protokol desteği sayesinde en yeni araçlarla bile sorunsuz çalışır.

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
add_circle_outlineVe Daha Fazlası

Not: Listelenen servis fonksiyonları araç marka, model ve yılına göre değişiklik gösterebilir. Bazı fonksiyonlar harici modüllerle çalışabilir.

ThinkTool Expert 195 Teknik Özellikler

memory

İşletim Sistemi

Android 10

memory

RAM/ROM

4GB RAM
128GB Depolama

tablet_android

Ekran

9" HD
Dokunmatik Panel

directions_car

Araç Desteği

125+ Marka
DOIP & CAN FD

battery_full

Batarya

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

camera_alt

Kamera

8MP Arka Kamera
Belgeleme ve Destek

extension

Modülerlik

Genişletilebilir
Harici Modül Desteği

settings

Servis Fonksiyonları

35+ Bakım Sıfırlama

bluetooth

Bağlantı

Bluetooth

card_membership

Lisans Süresi

2 Yıl Ücretsiz
Güncellemeler

Neden ThinkTool Expert 195 Tercih Edilmelidir?

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

• 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.
• Modern Protokol Desteği: DOIP (Diagnostics over Internet Protocol) ve CAN FD (Controller Area Network Flexible Data-Rate) gibi en yeni iletişim protokollerini destekleyerek, en modern araçlar dahil 125'ten fazla araç markasıyla tam uyumluluk sağlar.
• Güçlü Donanım ve Geniş Ekran: 9 inç HD dokunmatik ekran, Android 10 işletim sistemi, 4GB RAM ve 128GB dahili depolama ile karmaşık teşhis işlemlerini hızlı ve sorunsuz gerçekleştirebilirsiniz. 12600mAh bataryası sayesinde uzun süreli çalışma imkanı sunar.
• 35+ 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 35'ten fazla bakım sıfırlama fonksiyonu ile servis işlemlerini kolaylaştırır.
• Gelişmiş Kodlama ve Çift Yönlü Kontrol: ECU kodlama ve adaptasyon işlemlerini gerçekleştirebilir, enjektörler, yakıt pompaları ve soğutma fanları gibi bileşenleri doğrudan tabletten test edebilirsiniz.
• Modüler Genişletilebilirlik: Yazıcılar, akü test cihazları, termal görüntüleyiciler, kamera probları ve osiloskoplar gibi harici modüllerle yeteneklerini genişletebilirsiniz. Bu, atölye ihtiyaçlarınıza göre özelleştirilebilir bir çözüm sunar.

ThinkTool Expert 195 ile servisinizin kapasitesini ve verimliliğini önemli ölçüde artırabilir, karmaşık teşhis ve onarım işlemlerini daha hızlı ve daha doğru gerçekleştirebilirsiniz. Modern protokollere 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 195 Kutu İçeriği

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

Paketinizde Neler Var?

• tablet_android
  ThinkTool Expert 195 Ana Ünite
• cable
  THINKLINK Lite VCI
• settings_input_component
  OBD-II Teşhis Kablosu
• power
  Güç Adaptörü
• usb
  USB Kablosu
• work
  Dayanıklı Taşıma Çantası
• menu_book
  Kullanım Kılavuzu
• mail
  Aktivasyon Kodu
• description
  Garanti Belgesi

Komple Set

Ana Tablet

VCI ve Kablo

Taşıma Çantası

Modüler Genişletilebilirlik

ThinkTool Expert 195, 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.

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 idealdir.

Termal Görüntüleyici

Isı farklılıklarını görselleştirerek elektriksel kısa devreler, sürtünme ve soğutma sistemi sorunları gibi arızaları tespit eder.

Video Kapsam (Boreskop)

59 inçlik IP67 dereceli kamera probu ile ulaşılması zor alanlarda 1280x720 çözünürlüklü görsel inceleme imkanı sunar.

Kapsam Kutusu (Osiloskop)

Karmaşık elektronik sorunları teşhis etmek için elektriksel sinyal analizi sağlar.

TPMS Modülü

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

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 195 Sıkça Sorulan Sorular

ThinkTool Expert 195'in OE seviyesi teşhis ne anlama geliyor?

OE (Orijinal Ekipman) seviyesi teşhis, yetkili bayi ve servislerindeki teşhis cihazlarına benzer derinlikte araç sistemleriyle etkileşim kurabilme yeteneğini ifade eder. ThinkTool Expert 195, motor, şanzıman, ABS, hava yastıkları ve diğer elektronik kontrol üniteleri (ECU'lar) dahil olmak üzere tüm araç modüllerinin kapsamlı taranmasını sağlar. Bu seviyede teşhis, sadece arıza kodlarını okuma ve silmenin ötesinde, çift yönlü kontrol, ECU kodlama, adaptasyon ve ayrıntılı veri akışı analizi gibi gelişmiş fonksiyonlara erişim sunar.

DOIP ve CAN FD protokolleri neden önemlidir?

DOIP (Diagnostics over Internet Protocol) ve CAN FD (Controller Area Network Flexible Data-Rate), modern araçlarda giderek daha yaygın hale gelen gelişmiş iletişim protokolleridir. DOIP, araç teşhis verilerinin Ethernet üzerinden iletilmesini sağlayarak, geleneksel protokollere göre çok daha hızlı veri aktarımı sunar. CAN FD ise standart CAN protokolünden 8 kat daha fazla veri taşıyabilir ve daha yüksek bant genişliği gerektirebilen karmaşık modern araç sistemleri için önemlidir. ThinkTool Expert 195'in bu protokolleri desteklemesi, en yeni araç modellerinin teşhis edilebilmesini ve gelecekteki modellere hazır olmasını sağlar, böylece yatırımınızın uzun vadeli korunmasını garanti eder.

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

ThinkTool Expert 195, Avrupa, Amerika ve Asya pazarlarından 125'ten 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 ve daha birçok popüler marka bulunmaktadır. Kapsamlı marka desteği, çok markalı atölyelerin tek bir cihazla geniş bir araç yelpazesine hizmet verebilmesini sağlar.

Cihazın yazılım güncelleme politikası nasıldır?

ThinkTool Expert 195, satın alındığı tarihten itibaren 2 yıl boyunca ücretsiz yazılım ve veritabanı güncellemesi sunar. Bu güncellemeler, yeni araç modelleri eklendikçe, teşhis algoritmaları iyileştirildikçe ve yeni özellikler sunuldukça cihazın güncel kalmasını sağlar. WiFi bağlantısı üzerinden cihazınızı kolayca güncelleyebilirsiniz. Ücretsiz güncelleme süresi sona erdikten sonra, güncel teşhis yeteneklerine sahip olmak için yıllık güncelleme paketi satın almanız gerekebilir.

Modüler genişletilebilirlik nasıl çalışır?

ThinkTool Expert 195, "orijinal THINKTOOL arka kapak tasarımını" koruyarak çeşitli harici modülleri destekler. Bu modüler tasarım, ihtiyaçlarınıza ve bütçenize göre cihazın yeteneklerini kademeli olarak genişletmenize olanak tanır. Örneğin, kablosuz yazıcı, akü test cihazı, termal görüntüleyici, video kapsam, TPMS modülü veya osiloskop gibi modülleri ekleyebilirsiniz. Her modül, belirli teşhis görevlerini kolaylaştırır ve cihazın standart OBD-II teşhislerinin ötesine geçmesini sağlar. Modüller ayrı olarak satılır ve ihtiyaç duyduğunuz zaman eklenebilir, böylece başlangıçta kullanmayacağınız özellikler için fazladan ödeme yapmanız gerekmez.

Destek ve İletişim

ThinkTool Expert 195 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

.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: #9b000a; /* Orijinal renk */
position: relative;
}
.main-title span::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 2px;
background-color: #9b000a; /* 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: #9b000a; /* 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: #9b000a; /* Orijinal renk */
display: flex;
align-items: center;
margin: 15px 0;
padding: 12px 15px;
background-color: #fff8f8; /* Orijinal arka plan */
border-left: 3px solid #9b000a; /* Orijinal border */
border-radius: 4px;
}
.special-item-box i {
color: #9b000a; /* Orijinal renk */
margin-right: 12px;
font-size: 22px;
flex-shrink: 0;
}
.special-item-box strong {
color: #9b000a; /* 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: #9b000a;
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: #9b000a;
}
.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: #9b000a; /* 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: #9b000a; /* 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: #9b000a;
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: #9b000a;
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: #9b000a;
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: #9b000a;
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: #9b000a;
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: #9b000a;
}
.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-fill, 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, #9b000a, #800008);
border-radius: 50%;
color: white;
}
.module-icon i {
font-size: 1.8rem;
}
.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;
}
}