Türkçe
English
العربية
Launch CRP919E BT Arıza Tespit Cihazı / Orjinal
Launch CRP919E BT | Profesyonel Arıza Tespit Çözümü
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');
/* Combined CSS Variables */
:root {
--primary-red-hero: #E60000;
--secondary-red-hero: #B30000;
--light-red-hero: #FF3333;
--dark-gray-hero: #222;
--light-gray-hero: #f4f4f4;
--white-hero: #fff;
--black-hero: #000;
--primary-red: var(--primary-red-hero);
--neon-red: var(--light-red-hero);
--dark-red: var(--secondary-red-hero);
--neon-glow: 0 0 15px rgba(var(--neon-red-rgb), 0.85), 0 0 30px rgba(var(--neon-red-rgb), 0.5);
--dark-bg: transparent;
--darker-bg: transparent;
--light-text: #333333;
--gray-text: #555555;
--darker-bg-rgb: 34, 40, 49;
--neon-red-rgb: 255, 51, 51;
--primary-red-rgb: 230, 0, 0;
}
/* Global Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Outfit', sans-serif;
line-height: 1.6;
color: var(--dark-gray-hero);
overflow-x: hidden;
background-color: var(--white-hero);
}
/* --- Hero Section Styles --- */
.tech-font {
font-family: "Courier New", Courier, monospace;
}
.hero {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden; /* KDV bandının hero dışına taşmasını engellemek için önemli */
flex-direction: column;
padding: 20px 10px 0 10px; /* Alt padding KDV bandı tarafından sağlanacak */
z-index: 10;
border-radius: 25px;
margin: 20px 20px;
min-height: 100vh;
border: 1px solid #ddd;
}
.hero-logo {
position: relative;
z-index: 4; /* KDV bandından yukarıda olması için */
margin-bottom: 12px;
opacity: 0;
animation: fadeInLogo 1s ease forwards 0.1s;
max-width: 180px;
height: auto;
}
@keyframes fadeInLogo {
to {
opacity: 1;
}
}
.hero-content {
position: relative;
z-index: 3; /* KDV bandından yukarıda olması için */
text-align: center;
padding: 10px 12px;
color: var(--dark-gray-hero);
max-width: 1200px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 60px; /* KDV bandı ve scroll indicator için yer aç */
}
.hero h1 {
font-size: 3.8rem;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
letter-spacing: 3px;
color: var(--dark-gray-hero);
text-shadow: 0 0 15px rgba(var(--dark-gray-hero), 0.3), 0 0 5px rgba(var(--dark-gray-hero), 0.2);
position: relative;
display: inline-block;
padding-bottom: 8px;
padding-left: 30px;
padding-right: 30px;
}
.hero h1::before,
.hero h1::after {
content: '';
position: absolute;
width: 18px;
height: 18px;
border-color: var(--primary-red-hero);
border-style: solid;
opacity: 0;
animation: fadeInBrackets 0.5s ease forwards 0.8s;
}
.hero h1::before {
top: 0;
left: 0;
border-width: 4px 0 0 4px;
}
.hero h1::after {
bottom: 0;
right: 0;
border-width: 0 4px 4px 0;
}
@keyframes fadeInBrackets {
to {
opacity: 0.8;
}
}
.hero-content > * {
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.8s ease forwards;
}
.hero-content h1 { animation-delay: 0.2s; }
.hero-content .hero-subtitle { animation-delay: 0.4s; }
.hero-content .feature-icons { animation-delay: 0.6s; }
.hero-content .cta-buttons-container { animation-delay: 0.8s; }
/* KDV uyarısı için animasyon kaldırıldı, çünkü absolute pozisyonda ve en altta olacak */
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.hero-subtitle {
font-size: 1.4rem;
margin-bottom: 5px;
font-weight: 300;
text-shadow: 0 0 10px rgba(var(--dark-gray-hero), 0.2);
}
.feature-icons {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 5px auto;
gap: 25px; /* Azaltıldı */
width: 100%;
max-width: 700px; /* Daha dar bir alana sığması için */
}
.feature-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
width: 120px; /* Küçültüldü */
}
.feature-icon:hover {
transform: translateY(-5px);
}
.feature-icon i {
color: var(--primary-red-hero);
font-size: 2.0rem; /* Küçültüldü */
margin-bottom: 10px; /* Azaltıldı */
background-color: rgba(255, 255, 255, 0.1);
width: 60px; /* Küçültüldü */
height: 60px; /* Küçültüldü */
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.feature-icon:hover i {
background-color: var(--primary-red-hero);
color: var(--white-hero);
box-shadow: 0 5px 15px rgba(230, 0, 0, 0.4);
}
.feature-icon span {
color: var(--dark-gray-hero);
font-size: 0.8rem; /* Küçültüldü */
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
width: 100%;
}
.cta-button {
display: inline-block;
background: linear-gradient(45deg, var(--primary-red-hero), var(--light-red-hero));
color: var(--white-hero);
padding: 10px 20px;
min-width: 180px;
text-align: center;
font-size: 0.95rem;
font-weight: 600;
text-decoration: none;
border-radius: 50px;
margin-top: 15px;
transition: all 0.3s ease;
border: none;
text-transform: uppercase;
letter-spacing: 1.5px;
box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2);
position: relative;
overflow: hidden;
z-index: 1;
animation: pulseGlow 2.5s infinite ease-in-out;
}
@keyframes pulseGlow {
0% { box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2); }
50% { box-shadow: 0 6px 18px rgba(230, 0, 0, 0.6), 0 0 20px rgba(255, 51, 51, 0.4); }
100% { box-shadow: 0 4px 12px rgba(230, 0, 0, 0.4), 0 0 10px rgba(230, 0, 0, 0.2); }
}
.cta-button i {
margin-right: 8px;
font-size: 1rem;
}
.cta-button::before {
content: '';
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
transform: skewX(-25deg);
transition: left 0.6s ease;
z-index: 2;
}
.cta-button:hover::before {
left: 125%;
}
.cta-button:hover {
background: linear-gradient(45deg, var(--secondary-red-hero), var(--primary-red-hero));
color: var(--white-hero);
transform: translateY(-3px) scale(1.03);
box-shadow: 0 6px 18px rgba(230, 0, 0, 0.6);
}
.cta-buttons-container {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 3px;
width: 100%;
}
.hero-kdv-notice {
background-color: var(--primary-red-hero);
color: var(--white-hero);
text-align: center;
padding: 10px 20px;
font-size: 0.85rem;
font-weight: 600;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 4;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.hero-kdv-notice i {
margin-right: 8px;
font-size: 1em;
}
.hero-kdv-notice p {
margin: 0;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mobile-cta-container {
display: none;
}
.scroll-indicator {
position: absolute;
bottom: 55px; /* KDV bandının yüksekliği (10+10 padding + ~15 font = ~35px) + 15px boşluk */
left: 50%;
transform: translateX(-50%);
color: var(--dark-gray-hero);
animation: bounce 2s infinite;
font-size: 1.5rem;
z-index: 5;
text-shadow: 0 0 10px rgba(var(--dark-gray-hero), 0.3);
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
40% { transform: translateY(-20px) translateX(-50%); }
60% { transform: translateY(-10px) translateX(-50%); }
}
@media (max-width: 768px) {
.hero {
justify-content: flex-start;
padding-top: 15px;
padding-bottom: 0; /* Alt padding KDV bandı tarafından yönetilecek */
min-height: auto;
margin-left: 0;
margin-right: 0;
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
}
.hero-content {
margin-bottom: 70px; /* Mobil KDV bandı ve scroll indicator için daha fazla yer */
}
.hero-kdv-notice {
font-size: 0.8rem; /* Mobil için biraz daha küçük */
padding: 8px 15px;
/* border-bottom-left-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
/* border-bottom-right-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
}
.hero-logo {
margin-top: 20px;
margin-bottom: 18px;
max-width: 160px;
}
.hero h1 {
font-size: 2.4rem;
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 8px;
}
.feature-icons {
flex-direction: column;
gap: 18px;
margin-top: 12px;
margin-bottom: 12px;
align-items: center;
width: 100%;
}
.feature-icon {
width: 100%;
max-width: 260px;
}
.feature-icon i {
font-size: 1.9rem;
width: 62px;
height: 62px;
margin-bottom: 8px;
}
.feature-icon span {
font-size: 0.82rem;
}
.cta-buttons-container {
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
}
.cta-button {
width: 100%;
max-width: 260px;
margin-top: 0;
padding: 9px 16px;
font-size: 0.88rem;
}
.cta-button i {
font-size: 0.9rem;
}
.scroll-indicator { bottom: 50px; }
.hero-subtitle { font-size: 1.25rem; padding: 0 10px; }
}
@media (max-width: 480px) {
.hero {
padding-top: 15px;
}
.hero-content {
margin-bottom: 60px; /* Daha küçük mobil için KDV bandı ve scroll indicator için yer */
}
.hero-kdv-notice {
font-size: 0.75rem;
padding: 6px 10px;
}
.hero-logo {
margin-top: 15px;
margin-bottom: 15px;
max-width: 140px;
}
.hero h1 {
font-size: 2rem;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 8px;
margin-top: 0;
}
.hero h1::before, .hero h1::after { width: 15px; height: 15px; }
.hero-subtitle { font-size: 1.1rem; margin-bottom: 15px; }
.scroll-indicator { bottom: 45px; font-size: 1.2rem; }
.feature-icons { gap: 15px; }
.feature-icon i {
font-size: 1.8rem;
width: 55px;
height: 55px;
margin-bottom: 6px;
}
.feature-icon span {
font-size: 0.8rem;
}
.cta-button {
padding: 8px 15px;
font-size: 0.85rem;
max-width: 240px;
}
.cta-button i {
font-size: 0.85rem;
}
/* Genel 480px altı iyileştirmeleri */
.gallery-section,
.software-showcase-container,
.focused-features-section,
.faq-section,
.package-contents-section {
padding-left: 10px;
padding-right: 10px;
margin-left: 0; /* Tam genişlik için */
margin-right: 0; /* Tam genişlik için */
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
border-left: none; /* Tam genişlik için sol kenarlığı kaldır */
border-right: none; /* Tam genişlik için sağ kenarlığı kaldır */
}
.page-title-section {
padding-left: 10px;
padding-right: 10px;
}
.page-title-section h1,
.gallery-title,
.focused-features-title,
.faq-title {
font-size: 1.7rem; /* Daha küçük başlıklar */
margin-bottom: 15px;
}
.page-title-section p.section-subtitle,
.gallery-subtitle,
.focused-features-subtitle,
.faq-subtitle {
font-size: 0.85rem; /* Daha küçük alt başlıklar */
margin-bottom: 20px;
}
/* Gallery Section 480px altı */
.gallery-section { padding-top: 40px; padding-bottom: 40px; }
.gallery-header { margin-bottom: 30px; }
.gallery-section .content-box { padding: 15px; gap: 20px; }
.gallery-section .thumbnail { width: 45px; height: 45px; }
.product-info-title { font-size: 1.3rem; margin-bottom: 10px; padding-bottom: 8px; }
.product-description { font-size: 0.8rem; }
.features-list li { font-size: 0.75rem; }
.features-list i { font-size: 0.9rem; margin-right: 8px; }
/* Software Showcase 480px altı */
.page-title-section { padding-top: 30px; padding-bottom: 10px; }
.software-feature-section { padding: 25px 10px; }
.feature-text h2 { font-size: 1.3rem; margin-bottom: 10px; }
.feature-text h2 i { font-size: 1.2rem; margin-right: 8px; }
.feature-text p, .feature-text ul li { font-size: 0.8rem; margin-bottom: 10px; }
.feature-text ul li { padding-left: 20px; }
.feature-image-container { margin-top: 15px; }
.important-note { font-size: 0.75rem; padding: 15px; }
/* Focused Features 480px altı */
.focused-features-section { padding: 40px 10px; }
.feature-tree-header { margin-bottom: 30px; }
.tablet-image-container {
max-width: 90%;
padding: 10px;
margin-bottom: 25px;
}
.focused-feature-card { padding: 12px; }
.focused-feature-card-icon i { font-size: 1.5rem; }
.focused-feature-card-title { font-size: 1rem; margin-bottom: 3px; }
.focused-feature-card-description { font-size: 0.8rem; }
/* FAQ Section 480px altı */
.faq-section { padding: 40px 10px; }
.faq-header { margin-bottom: 30px; }
.faq-question { font-size: 0.9rem; padding: 12px 15px; }
.faq-question i.fas.fa-chevron-down { font-size: 1rem; }
.faq-answer { font-size: 0.8rem; padding: 0 15px; }
.faq-item.active .faq-answer {
padding-top: 10px;
padding-bottom: 15px;
}
.contact-info { padding: 15px; gap: 10px; margin-top: 30px; }
.contact-info p { font-size: 0.9rem; }
.contact-info a { padding: 8px 12px; font-size: 0.85rem; }
.contact-info a i { font-size: 0.9rem; }
}
/* --- Gallery Section Styles --- */
.gallery-section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
padding: 80px 20px;
border-radius: 25px;
margin: 0 20px 20px 20px;
min-height: calc(100vh - 40px);
border: 1px solid #ddd;
background-color: rgba(230, 0, 0, 0.03);
}
.gallery-container {
max-width: 1150px;
width: 100%;
z-index: 5;
position: relative;
}
@keyframes pulseEffect {
0% { opacity: 0.6; transform: scale(1); }
100% { opacity: 0.9; transform: scale(1.1); }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideUp {
from { transform: translateY(20px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes borderFlow {
0% { left: -100%; }
100% { left: 200%; }
}
@keyframes rotate360 {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.pill-badge {
display: block;
width: fit-content;
margin: 0 auto 25px auto;
background-color: rgba(230, 0, 0, 0.15);
color: var(--primary-red-hero);
padding: 6px 18px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 1px;
font-family: 'Outfit', sans-serif;
border: 1px solid rgba(230, 0, 0, 0.3);
box-shadow: 0 2px 8px rgba(230, 0, 0, 0.2);
}
.gallery-header {
text-align: center;
margin-bottom: 60px;
position: relative;
}
.gallery-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.5rem;
color: var(--dark-gray-hero);
margin-bottom: 25px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.5px;
position: relative;
display: inline-block;
padding-bottom: 12px;
}
.gallery-title .title-highlight {
color: var(--primary-red-hero);
text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4);
}
.gallery-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 75%;
height: 3px;
background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero));
border-radius: 2px;
box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5);
}
.gallery-subtitle {
color: var(--gray-text);
font-size: 1.1rem;
font-weight: 300;
letter-spacing: 0.8px;
max-width: 700px;
margin: 15px auto 0 auto;
}
.content-box {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 50px;
background: rgba(var(--white-hero), 0.9);
border-radius: 25px;
padding: 50px;
position: relative;
overflow: hidden;
border: 1px solid rgba(var(--primary-red-rgb), 0.25);
box-shadow: 0 10px 35px rgba(var(--darker-bg-rgb), 0.1), 0 0 20px rgba(var(--primary-red-rgb), 0.1);
z-index: 10;
}
.content-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 50% 0%, rgba(230, 0, 0, 0.18) 0%, transparent 70%);
z-index: -1;
}
.content-box::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 50%;
height: 1px;
background: linear-gradient(90deg, transparent, var(--primary-red-hero), transparent);
animation: borderFlow 4s linear infinite;
z-index: 1;
box-shadow: 0 0 5px var(--primary-red-hero);
}
.gallery-left { flex: 1; min-width: 300px; position: relative; }
.gallery-right { flex: 1; min-width: 300px; display: flex; flex-direction: column; }
.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: "Courier New", Courier, monospace;
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;
}
.thumbnail .thumbnail-icon {
font-size: 2.5rem;
color: var(--primary-red-hero);
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.product-info-title {
color: var(--primary-red-hero);
margin-bottom: 18px;
font-size: 1.9rem;
border-bottom: 1px solid rgba(var(--primary-red-rgb), 0.4);
padding-bottom: 12px;
letter-spacing: 1px;
text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4);
text-align: center;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.product-description {
text-align: left;
color: var(--gray-text);
margin-bottom: 20px;
font-size: 1rem;
line-height: 1.7;
font-weight: 300;
}
.product-description p {
margin-bottom: 15px;
text-align: left;
}
.product-description strong {
color: var(--dark-gray-hero);
}
.product-description a {
color: var(--primary-red-hero);
text-decoration: none;
font-weight: 600;
}
.product-description a:hover {
text-decoration: underline;
}
.features-list {
list-style: none;
padding: 20px;
margin: 20px auto;
color: var(--light-text);
text-align: center;
max-width: 900px; /* Yatay düzene uygun genişlik */
border: 1px solid #e0e0e0;
border-radius: 12px;
background-color: #fdfdfd;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
display: flex; /* Yatay sıralama için */
justify-content: space-around; /* Elemanları eşit dağıt */
flex-wrap: wrap; /* Gerekirse alta kaydır */
gap: 20px; /* Elemanlar arası boşluk */
}
.features-list li {
font-size: 0.9rem;
font-weight: 400;
display: flex;
flex-direction: column; /* İkon üstte, metin altta kalacak şekilde */
align-items: center;
text-align: center;
width: calc(25% - 20px); /* Dört eleman sığacak şekilde, gap hesaba katılarak */
min-width: 180px; /* Minimum genişlik */
margin-bottom: 0; /* Flex gap ile yönetilecek */
}
.features-list i {
color: var(--primary-red-hero);
font-size: 1.8rem; /* İkon boyutu aynı kalabilir */
text-shadow: none;
text-align: center;
transition: color 0.3s ease, transform 0.3s ease;
margin-bottom: 8px; /* İkon ve metin arası boşluk */
}
.features-list li:hover i { transform: scale(1.1); color: var(--light-red-hero); }
.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);} }
@media (max-width: 992px) {
.gallery-section .content-box { padding: 20px; }
.gallery-section .gallery-title { font-size: 2rem; }
.product-description { font-size: 0.95rem; }
.features-list li { font-size: 0.9rem; }
}
@media (max-width: 768px) {
.gallery-section {
padding: 60px 10px; /* Kenar boşlukları azaltıldı */
margin-left: 0;
margin-right: 0;
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
border-left: none;
border-right: none;
}
.gallery-section .gallery-title { font-size: 1.8rem; }
.gallery-section .gallery-subtitle { font-size: 1rem; max-width: 90%; }
.gallery-section .content-box { flex-direction: column; padding: 30px; gap: 30px; }
.gallery-section .gallery-left, .gallery-section .gallery-right { min-width: 100%; padding: 0; }
.gallery-section .thumbnail { width: 65px; height: 65px; }
.gallery-section .product-info-title { font-size: 1.6rem; }
.product-description { font-size: 0.9rem; text-align: center;}
.product-description p {text-align: center;}
.features-list { text-align: center; }
.features-list li { justify-content: center; font-size: 0.85rem; }
}
@media (max-width: 576px) {
.gallery-section .gallery-title { font-size: 1.5rem; }
.gallery-section .content-box { padding: 15px; }
.gallery-section .thumbnail { width: 50px; height: 50px; }
.gallery-section .product-info-title { font-size: 1.4rem; }
.product-description { font-size: 0.85rem; }
.features-list li { font-size: 0.8rem; }
}
/* --- 360 Video Showcase Section --- */
.video-showcase-section {
padding: 80px 20px;
background-color: #f8f9fa;
text-align: center;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.video-showcase-container {
max-width: 1200px;
margin: 0 auto;
}
.video-content-wrapper {
display: flex;
align-items: center;
gap: 40px;
}
.video-wrapper {
flex: 1.2; /* Videoya biraz daha fazla yer ver */
}
.video-text-content {
flex: 1;
text-align: left;
}
.video-text-content h3 {
font-size: 1.8rem;
font-weight: 600;
color: var(--dark-gray-hero);
margin-bottom: 20px;
}
.video-text-content ul {
list-style: none;
padding: 0;
margin: 0;
}
.video-text-content ul li {
display: flex;
align-items: flex-start;
gap: 15px;
margin-bottom: 15px;
font-size: 1rem;
color: var(--gray-text);
}
.video-text-content ul li i {
color: var(--primary-red-hero);
font-size: 1.2rem;
margin-top: 4px;
}
.video-showcase-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.8rem;
color: var(--dark-gray-hero);
margin-bottom: 15px;
}
.video-showcase-title .title-highlight {
color: var(--primary-red-hero);
}
.video-showcase-subtitle {
font-size: 1.1rem;
color: var(--gray-text);
max-width: 850px;
margin: 0 auto 40px auto;
font-weight: 300;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
height: 0;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
background-color: #000;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 992px) {
.video-content-wrapper {
flex-direction: column;
gap: 30px;
}
.video-text-content {
text-align: center;
}
.video-text-content ul li {
justify-content: center;
text-align: left;
}
}
@media (max-width: 768px) {
.video-showcase-section { padding: 60px 15px; }
.video-showcase-title { font-size: 2.2rem; }
.video-showcase-subtitle { font-size: 1rem; }
.video-text-content h3 { font-size: 1.5rem; }
}
/* --- Package Contents Section Styles --- */
.package-contents-section {
padding: 70px 20px;
margin: 20px;
border-radius: 25px;
border: 1px solid #e0e0e0;
background-color: var(--white-hero); /* Arka plan rengi */
position: relative;
overflow: hidden;
}
.package-contents-header {
text-align: center;
margin-bottom: 50px;
}
.package-contents-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.8rem;
color: var(--dark-gray-hero);
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
position: relative;
display: inline-block;
padding-bottom: 12px;
}
.package-contents-title .title-highlight {
color: var(--primary-red-hero);
text-shadow: 0 0 10px rgba(var(--primary-red-rgb),0.5);
}
.package-contents-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 75%;
height: 3px;
background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero));
border-radius: 2px;
box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5);
}
.package-contents-subtitle {
font-size: 1.1rem;
color: var(--gray-text);
max-width: 750px;
margin: 0 auto;
font-weight: 300;
}
.package-contents-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start; /* Dikeyde üste hizala */
gap: 40px;
max-width: 1100px;
margin: 0 auto;
}
.package-list-container {
flex: 1;
min-width: 300px;
}
.package-list-container h3 {
font-size: 1.5rem;
color: var(--dark-gray-hero);
margin-bottom: 20px;
border-bottom: 2px solid var(--primary-red-hero);
padding-bottom: 10px;
display: inline-block;
}
.package-list-container ul {
list-style: none;
padding-left: 0;
}
.package-list-container ul li {
padding-left: 30px;
position: relative;
margin-bottom: 12px;
font-size: 1rem;
color: var(--gray-text);
}
.package-list-container ul li i.fas,
.package-list-container ul li i.fab {
position: absolute;
left: 0;
top: 4px;
color: var(--primary-red-hero);
font-size: 1.1rem;
}
.package-image-container {
flex: 1;
min-width: 300px;
text-align: center;
}
.package-image-container img {
max-width: 100%;
height: auto;
border-radius: 15px;
border: 1px solid #ddd;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
.package-contents-section {
padding: 60px 20px;
margin: 20px 0;
border-left: none;
border-right: none;
border-radius: 0;
}
.package-contents-title { font-size: 2.2rem; }
.package-contents-subtitle { font-size: 1rem; }
.package-contents-container {
flex-direction: column;
align-items: center;
gap: 30px;
}
.package-list-container, .package-image-container {
width: 100%;
min-width: 0; /* Prevent overflow on very small screens */
}
.package-list-container h3 { font-size: 1.3rem; }
.package-list-container ul li { font-size: 0.95rem; }
}
@media (max-width: 480px) {
.package-contents-section { padding: 40px 15px; }
.package-contents-title { font-size: 1.8rem; }
.package-contents-subtitle { font-size: 0.9rem; }
.package-list-container h3 { font-size: 1.2rem; }
.package-list-container ul li { font-size: 0.9rem; }
}
/* --- Software Showcase Section Styles --- */
.software-showcase-container {
margin: 20px;
padding: 1px;
border-radius: 25px;
overflow: hidden;
border: 1px solid #ddd;
}
.page-title-section {
text-align: center;
padding: 50px 20px 20px;
}
.page-title-section h1 {
font-family: 'Outfit', sans-serif;
font-size: 2.2rem; /* Küçültüldü */
color: var(--dark-gray-hero);
margin-bottom: 12px; /* Azaltıldı */
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.5px;
position: relative;
display: inline-block;
padding-bottom: 10px; /* Azaltıldı */
}
.page-title-section h1::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 75%;
height: 3px;
background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero));
border-radius: 2px;
box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5);
}
.page-title-section p.section-subtitle {
font-size: 1.0rem; /* Küçültüldü */
color: var(--gray-text);
max-width: 750px; /* Biraz daraltıldı */
margin: 0 auto 25px auto; /* Alt boşluk azaltıldı */
font-weight: 300;
}
.features-grid { /* Yeni stil */
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px; /* Kartlar arası boşluk */
padding: 0 20px; /* Kenar boşlukları */
max-width: 1000px; /* Grid'in maksimum genişliği */
margin: 0 auto; /* Ortalamak için */
}
.software-feature-section {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px 15px; /* Daha kompakt padding */
background-color: var(--white-hero);
border-radius: 12px; /* Biraz daha az yuvarlak */
box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.05); /* Daha hafif gölge */
border: 1px solid #e8e8e8;
transition: transform 0.3s ease, box-shadow 0.3s ease;
flex-basis: calc(25% - 15px); /* Dörtlü sıra için, gap'i hesaba kat (20px gap varsayımıyla) */
min-width: 200px; /* Minimum genişlik, çok dar ekranlarda taşmayı önler */
margin-bottom: 20px;
}
.software-feature-section:hover {
transform: translateY(-3px); /* Daha az hareket */
box-shadow: 0 8px 20px rgba(var(--darker-bg-rgb), 0.07);
}
.feature-text {
width: 100%;
}
.feature-text h2 {
font-family: 'Outfit', sans-serif;
font-size: 1.3rem; /* Başlık boyutu küçültüldü */
color: var(--dark-gray-hero);
margin-bottom: 8px; /* Azaltıldı */
font-weight: 600;
letter-spacing: 0.5px; /* Daha az harf arası boşluk */
display: flex;
flex-direction: column;
align-items: center;
}
.feature-text h2 i {
color: var(--primary-red-hero);
font-size: 2.0rem; /* İkon boyutu küçültüldü */
margin-bottom: 10px; /* Azaltıldı */
line-height: 1;
}
.feature-text p {
font-size: 0.85rem; /* Açıklama metni küçültüldü */
color: var(--gray-text);
margin-bottom: 0;
line-height: 1.4; /* Biraz azaltıldı */
}
.important-note {
text-align: center;
padding: 20px 15px;
font-size: 0.85rem;
color: var(--gray-text);
font-style: italic;
background-color: rgba(var(--primary-red-rgb), 0.03);
border-radius: 10px;
margin: 25px auto 0 auto;
max-width: 650px;
}
@media (max-width: 1200px) { /* 4'lü düzenden 3'lüye geçiş */
.software-feature-section {
flex-basis: calc(33.333% - 15px);
}
}
@media (max-width: 992px) { /* 3'lü düzenden 2'liye geçiş */
.feature-text h2 {
font-size: 1.2rem;
}
.feature-text h2 i {
font-size: 1.8rem;
}
.page-title-section h1 { font-size: 2.3rem; }
.page-title-section p.section-subtitle { font-size: 0.95rem; }
.software-feature-section {
flex-basis: calc(50% - 10px); /* İkili sıra için, gap'i hesaba kat */
min-width: 250px;
}
.features-grid {
gap: 15px;
}
}
@media (max-width: 768px) { /* 2'li düzenden tekliye geçiş */
.software-showcase-container {
margin-left: 0;
margin-right: 0;
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
border-left: none;
border-right: none;
}
.features-grid {
padding: 0 10px;
gap: 15px;
}
.software-feature-section {
flex-basis: 100%; /* Tekli sıra için */
padding: 15px 10px;
margin-bottom: 15px;
min-width: auto;
}
.feature-text h2 { font-size: 1.2rem; }
.feature-text h2 i { font-size: 1.8rem; margin-bottom: 8px; }
.feature-text p { font-size: 0.8rem; }
.page-title-section h1 { font-size: 2.0rem; }
.page-title-section p.section-subtitle { font-size: 0.9rem; }
}
/* --- Focused Features Section Styles (Teknik Özellikler) - YENİ "SEKSİ" AĞAÇ TASARIMI --- */
.focused-features-section {
padding: 70px 20px;
margin: 20px;
border-radius: 25px;
border: 1px solid #e0e0e0;
background: linear-gradient(135deg, #f5f7fa 0%, #e0e5ec 100%);
position: relative;
overflow: hidden;
min-height: 800px; /* Daha büyük tablet ve yayılım için alan */
}
.feature-tree-header {
text-align: center;
margin-bottom: 70px;
position: relative;
z-index: 25;
transform: translateZ(0); /* Z-index sorunlarını çözmek için eklendi */
}
.feature-tree-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.8rem;
color: var(--dark-gray-hero);
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.feature-tree-title .title-highlight {
color: var(--primary-red-hero);
text-shadow: 0 0 10px rgba(var(--primary-red-rgb),0.5);
}
.feature-tree-subtitle {
font-size: 1.1rem;
color: var(--gray-text);
max-width: 650px;
margin: 0 auto;
font-weight: 300;
}
.feature-tree-container {
position: relative;
z-index: 1;
transform: translateZ(0); /* Z-index sorunlarını çözmek için eklendi */
width: 100%;
max-width: 850px;
height: 760px;
margin: 120px auto 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.feature-lines-svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
.feature-lines-svg line {
stroke: var(--primary-red-hero);
stroke-width: 2.5px; /* Kalınlık artırıldı */
stroke-linecap: round;
opacity: 0;
transition: opacity 0.5s ease;
}
.feature-lines-svg line {
opacity: 0.85; /* Opaklık artırıldı */
}
/* Yeni Galeri Stilleri Başlangıç */
.feature-gallery-centerpiece {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
}
.feature-main-image-container { /* .main-image-container ile benzer ama ID ile özelleştirilebilir */
width: 320px; /* Tablet resmiyle aynı boyutta */
height: 320px; /* Kare oran için */
aspect-ratio: 1/1;
border-radius: 20px;
overflow: hidden;
background: var(--light-gray-hero);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px; /* Thumbnails için boşluk */
box-shadow: 0 15px 35px rgba(var(--darker-bg-rgb), 0.25),
0 0 0 10px rgba(var(--white-hero),0.3);
border: 1px solid #ccc;
transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.feature-main-image-container:hover {
transform: scale(1.08);
}
.feature-main-image-container .main-image { /* .main-image ile aynı */
display: block;
max-width: 90%;
max-height: 90%;
object-fit: contain;
transition: opacity 0.3s ease;
border-radius: 15px !important; /* Ana galerideki gibi */
}
.feature-thumbnails-container { /* .thumbnails-container ile benzer */
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-top: 10px; /* Ana resimden sonra biraz boşluk */
}
.feature-thumbnail { /* .thumbnail ile benzer */
width: 70px; /* Biraz daha küçük olabilir */
height: 70px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
border: 1px solid #ccc;
background-color: var(--white-hero);
transition: all 0.3s ease;
padding: 4px;
position: relative;
box-shadow: 0 2px 8px rgba(var(--darker-bg-rgb), 0.1);
}
.feature-thumbnail.active {
border-color: var(--primary-red-hero);
transform: translateY(-3px) scale(1.05);
box-shadow: 0 4px 12px rgba(var(--darker-bg-rgb), 0.15), 0 0 8px rgba(var(--primary-red-rgb), 0.3);
}
.feature-thumbnail:hover {
border-color: var(--primary-red-hero);
transform: translateY(-3px) scale(1.05);
}
.feature-thumbnail img { /* .thumbnail img ile aynı */
width: 100%;
height: 100%;
object-fit: cover; /* Veya contain, resimlere göre */
display: block;
border-radius: 6px !important;
}
/* Yeni Galeri Stilleri Bitiş */
.feature-branch {
position: absolute;
background: var(--white-hero);
padding: 15px 18px; /* Biraz dikey padding artırıldı */
border-radius: 10px;
box-shadow: 0 5px 15px rgba(var(--darker-bg-rgb), 0.1);
border: 1px solid #d8dde4;
display: flex;
flex-direction: column; /* Dikey sıralama */
align-items: center; /* Yatayda ortala */
text-align: center; /* Metinleri ortala */
gap: 8px; /* Elemanlar arası dikey boşluk */
min-width: 200px;
transition: all 0.35s ease-in-out;
z-index: 5;
opacity: 1;
transform-origin: center center;
}
/* @for $i from 1 through 9 {
.branch-#{$i} {
animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
animation-delay: #{0.2 + ($i * 0.07)}s;
}
} */ /* SCSS for döngüsü CSS'e manuel olarak çevrilecek veya JS ile eklenecek */
.branch-1 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.27s; }
.branch-2 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.34s; }
.branch-3 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.41s; }
.branch-4 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.48s; }
.branch-5 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.55s; }
.branch-6 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.62s; }
.branch-7 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.69s; }
.branch-8 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.76s; }
.branch-9 { animation: popInBranch 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.83s; }
@keyframes popInBranch {
0% { opacity: 0; transform: scale(0.5) translate(-50%, -50%); }
100% { opacity: 1; transform: scale(1) translate(-50%, -50%); }
}
.feature-branch:hover {
transform: scale(1.1) translate(-50%, -50%); /* !important kaldırıldı */
box-shadow: 0 8px 25px rgba(var(--primary-red-rgb), 0.2);
border-color: var(--primary-red-hero);
z-index: 20;
}
.feature-branch .icon { /* İkon için ek stil */
margin-bottom: 5px; /* Başlıkla arasında boşluk */
}
.feature-branch .icon i {
font-size: 1.8rem; /* İkon boyutu biraz büyütüldü */
color: var(--primary-red-hero);
transition: transform 0.3s ease;
}
.feature-branch:hover .icon i {
transform: scale(1.2);
}
.feature-branch .content { /* .content div'i hala kullanılabilir veya kaldırılabilir */
display: flex;
flex-direction: column;
align-items: center;
gap: 4px; /* Başlık ve değer arası boşluk */
}
.feature-branch .content .title {
font-size: 1rem;
font-weight: 600;
color: var(--dark-gray-hero);
/* margin-bottom: 3px; kaldırıldı, gap ile yönetiliyor */
}
.feature-branch .content .value {
font-size: 0.85rem;
color: var(--gray-text);
}
/* Dairesel Konumlandırma (9 özellik için) - Yarıçap: ~380px (Artırıldı) */
/* Her dalın kendi merkezinden konumlanması için transform: translate(-50%, -50%) eklendi */
.branch-1 { top: calc(50% - 380px); left: 50%; transform: translate(-50%, -50%);}
.branch-2 { top: calc(50% - 380px * 0.766); left: calc(50% + 380px * 0.642); transform: translate(-50%, -50%);}
.branch-3 { top: calc(50% - 380px * 0.173); left: calc(50% + 380px * 0.984); transform: translate(-50%, -50%);}
.branch-4 { top: calc(50% + 380px * 0.5); left: calc(50% + 380px * 0.866); transform: translate(-50%, -50%);}
.branch-5 { top: calc(50% + 380px * 0.939); left: calc(50% + 380px * 0.342); transform: translate(-50%, -50%);}
.branch-6 { top: calc(50% + 380px * 0.939); left: calc(50% - 380px * 0.342); transform: translate(-50%, -50%);}
.branch-7 { top: calc(50% + 380px * 0.5); left: calc(50% - 380px * 0.866); transform: translate(-50%, -50%);}
.branch-8 { top: calc(50% - 380px * 0.173); left: calc(50% - 380px * 0.984); transform: translate(-50%, -50%);}
.branch-9 { top: calc(50% - 380px * 0.766); left: calc(50% - 380px * 0.642); transform: translate(-50%, -50%);}
/* Mobil Uyumluluk - Yeni Ağaç Yapısı */
@media (max-width: 992px) {
.focused-features-section {
padding-left: 10px; /* Kenar boşlukları eklendi/ayarladı */
padding-right: 10px; /* Kenar boşlukları eklendi/ayarladı */
margin-left: 0;
margin-right: 0;
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
border-left: none;
border-right: none;
}
.feature-lines-svg { /* Mobilde çizgileri gizle */
display: none;
}
.focused-features-section { min-height: auto; padding: 50px 20px; }
.feature-tree-container {
height: auto;
flex-direction: column;
margin-top: 30px;
max-width: 500px;
}
.feature-gallery-centerpiece { margin-bottom: 40px; } /* Eski tablet-centerpiece gibi */
.feature-main-image-container { width: 200px; height: 200px; box-shadow: 0 10px 25px rgba(var(--darker-bg-rgb),0.2), 0 0 0 8px rgba(var(--white-hero),0.25); }
.feature-thumbnail { width: 60px; height: 60px;}
.feature-branch {
position: relative;
left: auto; top: auto;
transform: none !important;
margin: 0 0 15px 0;
width: 100%;
opacity: 1 !important;
animation-name: none !important; /* Animasyon adını kaldır */
animation-duration: 0s !important; /* Süreyi sıfırla */
animation-timing-function: ease !important; /* Varsayılana dön */
animation-delay: 0s !important; /* Gecikmeyi sıfırla */
animation-iteration-count: 1 !important; /* Tekrar sayısını ayarla */
animation-direction: normal !important; /* Yönü ayarla */
animation-fill-mode: none !important; /* Dolgu modunu ayarla */
}
/* .feature-branch iin ayrıca kurala gerek kalmayabilir,
yukarıdaki !important kuralları yeterli olmalı.
Ancak emin olmak için bırakabiliriz veya kaldırabiliriz. Şimdilik bırakalım. */
.feature-branch {
animation: none !important; /* Tekrar !important ile pekiştirme */
opacity: 1 !important;
}
.feature-tree-title { font-size: 2.2rem; }
.feature-tree-subtitle { font-size: 1rem; }
}
@media (max-width: 480px) {
.focused-features-section { padding: 40px 15px; /* margin zaten yukarıda sıfırlandı */ }
.feature-tree-header { margin-bottom: 40px; }
.feature-tree-title { font-size: 1.9rem !important; }
.feature-tree-subtitle { font-size: 0.9rem !important; }
.feature-main-image-container { width: 160px; height: 160px; }
.feature-thumbnail { width: 50px; height: 50px;}
.feature-branch { padding: 10px 15px; gap: 10px; }
.feature-branch .icon i { font-size: 1.3rem; }
.feature-branch .content .title { font-size: 0.9rem; }
.feature-branch .content .value { font-size: 0.8rem; }
}
/* --- Yeni Merak Edilenler (FAQ) Bölümü --- */
.faq-section {
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
padding: 80px 20px;
border-radius: 25px;
margin: 20px;
color: var(--dark-gray-hero);
border: 1px solid #ddd;
background-color: rgba(230, 0, 0, 0.02);
}
.faq-container {
max-width: 1000px;
width: 100%;
z-index: 5;
position: relative;
}
.faq-header {
text-align: center;
margin-bottom: 50px;
position: relative;
}
.faq-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.8rem;
color: var(--dark-gray-hero);
margin-bottom: 25px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.5px;
position: relative;
display: inline-block;
padding-bottom: 12px;
}
.faq-title .title-highlight {
color: var(--primary-red-hero);
text-shadow: 0 0 8px rgba(var(--primary-red-rgb), 0.4);
}
.faq-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 75%;
height: 3px;
background: linear-gradient(to right, var(--primary-red-hero), var(--light-red-hero));
border-radius: 2px;
box-shadow: 0 2px 10px rgba(var(--primary-red-rgb), 0.5);
}
.faq-subtitle {
color: var(--gray-text);
font-size: 1.1rem;
font-weight: 300;
letter-spacing: 0.6px;
max-width: 750px;
margin: 15px auto 0 auto;
}
.faq-accordion {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 20px;
}
.faq-item {
border: 1px solid #e0e0e0;
border-radius: 12px;
overflow: hidden;
background-color: var(--white-hero);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.faq-item:hover {
box-shadow: 0 6px 15px rgba(var(--primary-red-rgb), 0.1);
border-color: rgba(var(--primary-red-rgb), 0.3);
}
.faq-question {
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-weight: 600;
font-size: 1.1rem;
color: var(--dark-gray-hero);
transition: all 0.3s ease;
}
.faq-question:hover {
color: var(--primary-red-hero);
}
.faq-question i.fas.fa-chevron-down {
color: var(--primary-red-hero);
font-size: 1.2rem;
transition: transform 0.3s ease;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
padding: 0 20px;
color: var(--gray-text);
font-size: 1rem;
line-height: 1.7;
}
.faq-answer ul {
list-style: none;
padding-left: 0;
margin-top: 10px;
}
.faq-answer ul li {
padding-left: 25px;
position: relative;
margin-bottom: 8px;
}
.faq-answer ul li i.fas {
position: absolute;
left: 0;
top: 4px;
color: var(--primary-red-hero);
font-size: 0.9rem;
margin-right: 0;
}
.faq-item.active .faq-question {
color: var(--primary-red-hero);
border-bottom: 1px solid rgba(var(--primary-red-rgb), 0.2);
}
.faq-item.active .faq-question i.fas.fa-chevron-down {
transform: rotate(180deg);
}
.faq-item.active .faq-answer {
max-height: 700px;
padding-top: 15px;
padding-bottom: 20px;
}
.contact-info {
text-align: center;
margin-top: 50px;
padding: 25px 20px;
background: linear-gradient(135deg, rgba(var(--primary-red-rgb), 0.05), rgba(var(--primary-red-rgb), 0.1));
border-radius: 15px;
border: 1px solid rgba(var(--primary-red-rgb), 0.25);
box-shadow: 0 5px 15px rgba(var(--primary-red-rgb), 0.1);
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.contact-info p {
font-size: 1.15rem;
color: var(--dark-gray-hero);
margin-bottom: 0;
}
.contact-info .contact-links {
display: flex;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.contact-info a {
background: var(--primary-red-hero);
color: var(--white-hero);
padding: 10px 20px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
box-shadow: 0 4px 10px rgba(var(--primary-red-rgb), 0.3);
}
.contact-info a i {
margin-right: 8px;
font-size: 1.1rem;
}
.contact-info a:hover {
background: var(--light-red-hero);
color: var(--white-hero);
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(var(--primary-red-rgb), 0.4);
}
@media (max-width: 768px) {
.faq-section {
padding: 60px 10px; /* Kenar boşlukları azaltıldı */
margin-left: 0;
margin-right: 0;
/* border-radius: 0; Mobil için kenar yuvarlaklığını kaldır - GERİ ALINDI */
border-left: none;
border-right: none;
}
.faq-title {
font-size: 2rem;
}
.faq-subtitle {
font-size: 1rem;
}
.faq-question {
font-size: 1rem;
padding: 15px;
}
.faq-answer {
font-size: 0.9rem;
padding: 0 15px;
}
.faq-item.active .faq-answer {
padding-top: 10px;
padding-bottom: 15px;
}
.contact-info {
padding: 20px 15px;
gap: 12px;
}
.contact-info p {
font-size: 1rem;
}
.contact-info a {
padding: 8px 15px;
font-size: 0.9rem;
}
.contact-info a i {
font-size: 1rem;
}
}
/* --- Pricing Info Section --- */
.pricing-info-section {
padding: 60px 20px;
background-color: #f9f9f9;
}
.pricing-info-container {
max-width: 900px;
margin: 0 auto;
background-color: var(--white-hero);
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
padding: 40px;
}
.pricing-info-title {
text-align: center;
font-size: 2.2rem;
color: var(--primary-red-hero);
margin-bottom: 10px;
font-weight: 700;
}
.pricing-info-title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background-color: var(--primary-red-hero);
margin: 15px auto 30px;
}
.pricing-info-content {
display: flex;
align-items: center;
gap: 40px;
}
.pricing-info-left {
flex: 1;
}
.kdv-warning {
background-color: #fffbe6;
border: 1px solid #ffe58f;
border-radius: 8px;
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
}
.kdv-warning i {
color: #faad14;
font-size: 1.5rem;
}
.kdv-warning p {
margin: 0;
font-size: 0.95rem;
color: var(--gray-text);
}
.pricing-info-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 25px;
}
.info-items {
display: flex;
justify-content: space-around;
text-align: center;
}
.info-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
color: var(--dark-gray-hero);
}
.info-item i {
font-size: 1.8rem;
color: #4caf50;
background-color: #e8f5e9;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.info-item span {
font-weight: 600;
font-size: 0.9rem;
}
.whatsapp-button {
background-color: #25D366;
color: var(--white-hero);
text-decoration: none;
padding: 12px 25px;
border-radius: 50px;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 1rem;
transition: background-color 0.3s ease;
}
.whatsapp-button:hover {
background-color: #128C7E;
}
.whatsapp-button i {
font-size: 1.4rem;
}
@media (max-width: 768px) {
.pricing-info-content {
flex-direction: column;
}
.pricing-info-container {
padding: 30px 20px;
}
.pricing-info-title {
font-size: 1.8rem;
}
}
/* --- Support & Contact Section --- */
.support-contact-section {
padding: 80px 20px;
background: linear-gradient(135deg, #fdfdff 0%, #f5f7fa 100%);
border-top: 1px solid #e0e0e0;
}
.support-contact-container {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.support-contact-header {
margin-bottom: 50px;
}
.support-contact-title {
font-family: "Courier New", Courier, monospace;
font-size: 2.8rem;
color: var(--dark-gray-hero);
margin-bottom: 15px;
}
.support-contact-title .title-highlight {
color: var(--primary-red-hero);
}
.support-contact-subtitle {
font-size: 1.1rem;
color: var(--gray-text);
max-width: 650px;
margin: 0 auto;
}
.support-contact-cards {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.contact-card {
background-color: var(--white-hero);
border-radius: 15px;
padding: 35px;
box-shadow: 0 10px 30px rgba(0,0,0,0.07);
flex: 1 1 300px;
max-width: 320px;
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #e8e8e8;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(var(--primary-red-rgb), 0.12);
}
.contact-card-icon {
font-size: 2.5rem;
color: var(--primary-red-hero);
margin-bottom: 20px;
background: rgba(var(--primary-red-rgb), 0.08);
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.contact-card-title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 10px;
color: var(--dark-gray-hero);
}
.contact-card-description {
font-size: 1rem;
color: var(--gray-text);
margin-bottom: 30px;
flex-grow: 1;
}
.contact-card-button {
color: var(--white-hero);
text-decoration: none;
padding: 12px 30px;
border-radius: 50px;
font-weight: 600;
font-size: 1rem;
display: inline-flex;
align-items: center;
gap: 10px;
transition: background-color 0.3s ease, transform 0.2s ease;
width: 100%;
justify-content: center;
}
.contact-card-button:hover {
transform: scale(1.05);
}
.contact-card-button.phone-button {
background-color: var(--primary-red-hero);
}
.contact-card-button.phone-button:hover {
background-color: var(--secondary-red-hero);
}
.contact-card-button.whatsapp-button {
background-color: #25D366;
padding: 10px 20px;
font-size: 0.9rem;
}
.contact-card-button.whatsapp-button:hover {
background-color: #128C7E;
}
.contact-card-button.mail-button {
background-color: #6c757d;
word-break: break-all; /* Prevent overflow from long email address */
}
.contact-card-button.mail-button:hover {
background-color: #5a6268;
}
CRP919E BT
Yeni Nesil Profesyonel Arıza Tespit Cihazı
Kablosuz Bağlantı
Geniş Araç Kapsamı
31+ Servis Fonksiyonu
Satın Al
Launch Teknolojisi
Launch CRP919E BT: Detaylı İnceleme
Yenilikçi özellikleri, geniş araç kapsamı ve kullanıcı dostu arayüzü ile tanışın.
360°
Profesyonel Çözüm Ortağınız
Launch CRP919E BT, araç elektroniği arızalarını hızlı ve doğru teşhis eden, Launch Europe GmbH tarafından geliştirilmiş güçlü bir üniversal arıza tespit cihazıdır. Profesyoneller ve otomobil meraklıları için idealdir.
Geniş araç kapsamı, sık güncellemeler, DoIP & CAN FD protokol desteği ve DBSCar VII VCI ile modern araçlarla tam uyumludur. 2 yıl ücretsiz güncelleme ve kablosuz Bluetooth bağlantısı sunar. FCA (Fiat Chrysler Automobiles) grubu araçlarla tam uyumluluk sağlayarak yetkili servis düzeyinde işlem yapma imkanı sunar. Dayanıklı tabletiyle gelir.
Temel Diagnostik Yetenekleri:
- Detaylı Arıza Kodu Analizi
- Gerçek Zamanlı Veri Akışı
- Periyodik Servis Sıfırlama
- Gelişmiş Adaptasyon & Kodlama
Launch CRP919E BT: Daha Yakından Tanıyın
Cihazın şık tasarımını, ergonomik yapısını ve temel avantajlarını her açıdan dinamik bir video ile keşfedin.
Neden CRP919E BT'yi Seçmelisiniz?
- Geniş Kapsam ve Güncel Protokoller: DoIP & CAN FD desteği ile en yeni araçlarla bile tam uyumluluk sağlar.
- Profesyonel Servis Fonksiyonları: 31'den fazla sıfırlama ve adaptasyon fonksiyonu ile servis işlemlerini kolayca yapın.
- Kablosuz ve Ergonomik Tasarım: Bluetooth VCI ile kablo karmaşası olmadan özgürce çalışın ve dayanıklı tabletin keyfini çıkarın.
- 2 Yıl Ücretsiz Güncelleme: Cihazınızı 2 yıl boyunca en son yazılımlarla güncel tutarak yeni nesil araçlara hazır olun.
Launch CRP919E BT Öne Çıkan Yetenekleri
Kapsamlı teşhis ve profesyonel bakım fonksiyonlarını kullanıcı dostu bir arayüzle keşfedin.
ABS Hava Alma
Fren sistemindeki havayı alarak ABS fren duyarlılığını geri yükler.
TPMS Sıfırlama
Lastik basıncı sorunlarında TPMS sistemini sıfırlar ve uyarı ışığını kapatır.
Yağ Lambası Sıfırlama
Yağ değişimi sonrası motor yağı ömrü sistemini sıfırlar.
Enjektör Kodlama
Yeni enjektörlerin ECU tarafından doğru tanınmasını ve yakıt püskürtmesini sağlar.
SAS Sıfırlama
Direksiyon açısı sensörü hatalarını temizler ve kalibrasyonunu yapar.
DPF Rejenerasyonu
Dizel partikül filtresindeki birikintileri temizleyerek filtre ömrünü uzatır.
BMS Sıfırlama
Akü değişimi sonrası Batarya Yönetim Sistemi'ni sıfırlar.
EPB Servisi
Elektronik Park Freni bakımı ve balata değişimi işlemlerini destekler.
Gaz Kelebeği Uyarlaması
Gaz kelebeği konumunu yeniden öğrenerek motor performansını optimize eder.
AFS Far Sıfırlama
Adaptif far sistemini sıfırlar ve ayarlarını yapar.
ADBlue Sıfırlama
ADBlue sistemiyle ilgili uyarıları sıfırlar ve sistemi yeniden başlatır.
Daha Fazla Özellik
Ve daha birçok gelişmiş teşhis ve servis fonksiyonu...
Önemli Not: Mevcut Servis Bakım işlevleri, aracın markasına, yılına ve modeline göre değişiklik gösterebilmektedir.
Teknik Özellikler
Launch CRP919E BT'nin teknolojik mükemmelliğini sergileyen ve onu rakiplerinden ayıran temel donanım özelliklerine göz atın.
İşletim Sistemi
Android 10.0
İşlemci
2.0GHz, Dört Çekirdek
Bellek (RAM)
4GB
Depolama
64GB
Ekran
7 inç, LCD Dokunmatik
Çözünürlük
1024 x 600 Piksel
Kamera
8 MP (Arka)
Wi-Fi
2.4GHz
Batarya
6300mAh
Kutu İçeriği
Launch CRP919E BT'yi satın aldığınızda sizi bekleyen kapsamlı donanım ve aksesuarlar.
Paketinizde Neler Var?
- Launch CRP919E BT Tablet
- DBScar VII Bağlantı Adaptörü (VCI)
- DSBcar VII Ana Kablosu
- Universal Dönüştürme Priz Başlığı
- Type-C Kablosu
- Güç Adaptörü
- Kullanım Kılavuzu
- Aktivasyon PIN Zarfı
- Hızlı Başlangıç Kılavuzu
- otoeko.com'a Özel Hediye: Kaliteli Taşıma Çantası!
Bu sayede cihazınızı hemen kullanmaya başlayabilir ve taşıma çantası ile cihazınızı güvenle saklayabilirsiniz.
Fiyat Bilgilendirme
Fiyatlara KDV dahil değildir. KDV'siz özel fiyat için satış danışmanımızla iletişime geçin.
Özel İndirimler
Fiyat Hesaplama
Kişisel Destek
WhatsApp ile İletişim
Merak Edilenler
Launch CRP919E BT hakkında en çok sorulan sorular ve cevapları.
Launch CRP919E BT cihazı hangi araçlarla uyumludur?
Launch CRP919E BT, 2002 model ve üstü OBD-II standardını destekleyen birçok araçla uyumludur. Avrupa, Asya ve Amerika menşeili 100'den fazla araç markasını destekler. DoIP ve CAN FD gibi yeni protokolleri desteklemesi sayesinde en güncel araçlarla bile iletişim kurabilir. Başlıca desteklenen markalar arasında Volkswagen, Audi, BMW, Mercedes, Toyota, Honda, Hyundai, Ford, Opel, Fiat, Renault ve Peugeot bulunmaktadır.
Cihazın yazılım güncelleme süresi ne kadardır ve nasıl uzatılır?
Launch CRP919E BT cihazı, satın alındığında iki (2) yıl boyunca ücretsiz online güncelleme hakkı ile gelir. Bu süre boyunca en son araç modelleri, yeni fonksiyonlar ve performans iyileştirmelerinden faydalanabilirsiniz. Güncellemeler Wi-Fi üzerinden tek tıkla kolayca yapılabilir. İki yıllık ücretsiz güncelleme süresi sona erdikten sonra cihazınızı offline modda (internetsiz) mevcut yazılımıyla kullanmaya devam edebilirsiniz. Ancak yeni güncellemeleri almak ve en son araç desteğinden yararlanmak için ücretli yıllık güncelleme paketi satın almanız gerekebilir. Güncel yenileme bedelleri ve koşulları için otoeko.com üzerinden iletişime geçebilirsiniz.
Enjektör kodlama ve adaptasyon işlemleri için ek bir yazılım gerekli mi?
Hayır, Launch CRP919E BT ile enjektör kodlama, adaptasyon, DPF rejenerasyonu, SAS kalibrasyonu gibi birçok özel ve servis fonksiyonu için ek bir yazılıma veya donanıma ihtiyaç duymazsınız. Bu işlemler cihazın standart yazılım paketi içerisinde yer almaktadır ve desteklenen araçlarda doğrudan kullanılabilir.
Cihaz kurulumu nasıl yapılır ve aktivasyon için ne gereklidir?
Cihaz kurulumu oldukça basittir. Tableti açtıktan sonra ayarlardan dil seçimi yapılır ve bir üyelik oluşturulur. Ardından, kutu içeriğindeki zarfta bulunan Seri Numarası ve Aktivasyon Kodu kullanılarak cihaz aktif edilir. Wi-Fi'ye bağlanıp ilk güncellemeleri tamamladıktan sonra cihazınız kullanıma hazırdır. DBScar VII VCI bağlantı adaptörünü aracın OBD-II portuna takmanız yeterlidir; tablet ile VCI arasındaki Bluetooth bağlantısı genellikle otomatik olarak kurulur. Kurulum ve aktivasyon sürecinde herhangi bir sorun yaşarsanız, teknik destek ekibimiz size yardımcı olmaktan mutluluk duyacaktır.
Cihaz Türkçe olarak kullanılabilir mi?
Evet, Launch CRP919E BT yazılımı Türkçe dil desteğine sahiptir. Cihazın ayarlar menüsünden dil seçeneğini kolayca Türkçe olarak değiştirebilirsiniz. Bu sayede tüm menüler, arıza kodları, açıklamalar ve servis fonksiyonları Türkçe olarak görüntülenecektir, bu da kullanım kolaylığı sağlar.
Destek & İletişim
Aklınıza takılan bir soru mu var veya satın almak mı istiyorsunuz? Profesyonel ekibimiz size yardımcı olmak için hazır.
Telefon
Cihazlar ve yazılımlar hakkında teknik yardım alın.
Sipariş ve ürün detayları için bize anında ulaşın.
E-Posta
Yazılı talepleriniz ve kurumsal iletişim için mail atın.
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
12 Installment
No questions have been asked about this product yet.
Be the first to ask a question!Ask a Question
No reviews yet
Have you tried this product? Share your experience and help other customers make the right choice. Your review will be published after approval.
Write a Review
Related Products
View All
