Türkçe
English
العربية
Renolink v1.87 Ecu Beyin Programlama Cihazı
Renolink Ecu Beyin Programlama Cihazı, Renault ve Dacia araçların elektronik kontrol ünitelerini programlamak için kullanılan profesyonel bir programlama cihazıdır.
Renolink v1.87 ECU Programlama Cihazı
html, body {
overflow-x: hidden;
}
.renolink-wrapper {
--primary: #e53e3e;
--primary-light: #fed7d7;
--primary-dark: #c53030;
--primary-gradient: linear-gradient(135deg, #e53e3e, #c53030);
--secondary: #424242;
--secondary-light: #eeeeee;
--accent: #fbc02d;
--accent-light: #fff9c4;
--accent-gradient: linear-gradient(135deg, #fbc02d, #f57f17);
--text: #212529;
--text-light: #6c757d;
--bg: #ffffff;
--bg-off: #f8f9fa;
--border: rgba(222, 226, 230, 0.8);
--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
--shadow-glow: 0 0 25px rgba(211, 47, 47, 0.3);
--shadow-accent: 0 0 25px rgba(251, 192, 45, 0.3);
--radius-sm: 0.5rem;
--radius-md: 1rem;
--radius-lg: 1.5rem;
--radius-xl: 2rem;
--radius-full: 9999px;
--transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.renolink-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.renolink-wrapper {
font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
color: var(--text);
line-height: 1.6;
background-color: var(--bg);
overflow-x: hidden;
}
.renolink-wrapper .container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
position: relative;
z-index: 1;
}
.renolink-wrapper .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
border-radius: var(--radius-full);
font-weight: 700;
font-size: 16px;
text-decoration: none;
cursor: pointer;
transition: var(--transition);
position: relative;
overflow: hidden;
box-shadow: var(--shadow-sm);
letter-spacing: 0.5px;
border: none;
}
.renolink-wrapper .btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
transform: translateX(-100%) skewX(-30deg);
transition: transform 0.6s;
}
.renolink-wrapper .btn:hover::before { transform: translateX(100%) skewX(-30deg); }
.renolink-wrapper .btn-primary { background: var(--primary-gradient); color: white; }
.renolink-wrapper .btn-primary:hover { box-shadow: var(--shadow-glow); transform: translateY(-3px); }
.renolink-wrapper .btn-accent { background: var(--accent-gradient); color: white; }
.renolink-wrapper .btn-accent:hover { box-shadow: var(--shadow-accent); transform: translateY(-3px); }
.renolink-wrapper .btn-with-icon { gap: 10px; }
.renolink-wrapper .btn-with-icon svg { transition: var(--transition); }
.renolink-wrapper .btn-with-icon:hover svg { transform: translateX(4px); }
/* Hero Section - Mobile First */
.renolink-wrapper .hero {
min-height: auto;
display: flex;
align-items: center;
padding: 60px 0;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa 0%, #fed7d7 50%, #f8f9fa 100%);
margin-bottom: 40px;
border-radius: var(--radius-lg);
}
.renolink-wrapper .hero .animated-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.renolink-wrapper .blob {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: 0.4;
}
.renolink-wrapper .blob-1 {
width: 700px;
height: 700px;
background: #fc8181;
top: -300px;
right: -200px;
animation: float-hero 8s ease-in-out infinite alternate;
}
.renolink-wrapper .blob-2 {
width: 600px;
height: 600px;
background: #fed7d7;
top: 40%;
left: -300px;
animation: float-hero 10s ease-in-out infinite alternate-reverse;
}
.renolink-wrapper .blob-3 {
width: 500px;
height: 500px;
background: #f56565;
bottom: -200px;
right: 20%;
animation: float-hero 12s ease-in-out infinite alternate;
}
.renolink-wrapper .grid-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(rgba(211, 47, 47, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(211, 47, 47, 0.05) 1px, transparent 1px);
background-size: 40px 40px;
opacity: 0.5;
}
.renolink-wrapper .hero-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
text-align: center;
}
.renolink-wrapper .hero-content {
flex: 1;
max-width: 100%;
z-index: 1;
}
.renolink-wrapper .hero-pretitle {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 12px;
display: inline-block;
animation: fadeInUp 0.8s ease;
}
.renolink-wrapper .hero-title {
font-size: 36px;
font-weight: 900;
line-height: 1.2;
margin-bottom: 16px;
letter-spacing: -1px;
animation: fadeInUp 1s ease;
color: var(--text);
word-wrap: break-word;
hyphens: auto;
}
.renolink-wrapper .hero-title .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
position: relative;
display: inline-block;
}
.renolink-wrapper .hero-title .highlight::after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
width: 100%;
height: 6px;
background: var(--primary-gradient);
border-radius: var(--radius-full);
transform-origin: right;
transform: scaleX(0);
animation: slideIn 1.5s forwards ease-out;
animation-delay: 0.5s;
opacity: 0.3;
}
.renolink-wrapper .hero-subtitle {
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
color: var(--text-light);
animation: fadeInUp 1s ease;
animation-delay: 0.2s;
animation-fill-mode: both;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.renolink-wrapper .hero-btns {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
max-width: 300px;
margin: 0 auto;
animation: fadeInUp 1s ease;
animation-delay: 0.4s;
animation-fill-mode: both;
}
.renolink-wrapper .hero-features {
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 30px;
animation: fadeInUp 1s ease;
animation-delay: 0.6s;
animation-fill-mode: both;
align-items: center;
}
.renolink-wrapper .hero-feature {
display: flex;
align-items: center;
gap: 10px;
}
.renolink-wrapper .hero-feature-icon {
width: 32px;
height: 32px;
background: var(--primary-light);
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-full);
color: var(--primary);
font-weight: 800;
font-size: 14px;
}
.renolink-wrapper .hero-feature-text {
font-size: 14px;
font-weight: 600;
color: var(--text);
}
.renolink-wrapper .hero-image {
flex: 1;
position: relative;
animation: fadeIn 1.5s ease;
display: flex;
justify-content: center;
z-index: 1;
width: 100%;
max-width: 320px;
}
.renolink-wrapper .hero-image-inner {
position: relative;
width: 100%;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
overflow: hidden;
transition: var(--transition);
aspect-ratio: 1 / 1;
background-color: #fff;
}
.renolink-wrapper .view-360-label {
position: absolute;
top: 15px;
right: 15px;
background-color: var(--primary);
color: white;
padding: 6px 12px;
border-radius: var(--radius-sm);
font-size: 12px;
font-weight: 600;
z-index: 10;
pointer-events: none;
display: inline-block;
}
@keyframes float-hero { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(50px, 50px) scale(1.1); } }
@keyframes slideIn { to { transform: scaleX(1); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/* Product Specs Section */
.renolink-wrapper .product-specs {
padding: 140px 0;
background: linear-gradient(125deg, #424242 0%, #212121 100%);
color: #fff;
overflow: hidden;
position: relative;
border-radius: var(--radius-lg);
}
.renolink-wrapper .product-specs .animated-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.renolink-wrapper .light-orb {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: 0.15;
animation: float-specs 10s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
pointer-events: none;
}
.renolink-wrapper .orb1 {
width: 60vw;
height: 60vw;
background: linear-gradient(-45deg, #d32f2f, #e57373, #ef9a9a);
top: -20%;
right: -20%;
animation-delay: 0s;
}
.renolink-wrapper .orb2 {
width: 40vw;
height: 40vw;
background: linear-gradient(45deg, #fbc02d, #fdd835, #fff176);
bottom: -15%;
left: -15%;
animation-delay: -3s;
}
.renolink-wrapper .orb3 {
width: 30vw;
height: 30vw;
background: linear-gradient(45deg, #757575, #9e9e9e, #e0e0e0);
top: 40%;
left: 60%;
animation-delay: -6s;
}
@keyframes float-specs { 0% { transform: translateY(0) scale(1); } 50% { transform: translateY(-5%) scale(1.02); } 100% { transform: translateY(5%) scale(0.98); } }
.renolink-wrapper .specs-header {
text-align: center;
margin-bottom: 80px;
animation: fadeInUp 1s ease-out forwards;
}
.renolink-wrapper .header-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
font-weight: 500;
padding: 8px 14px;
border-radius: 50px;
margin-bottom: 20px;
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.05);
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.2s;
}
.renolink-wrapper .specs-header h2 {
font-size: 56px;
font-weight: 800;
margin-bottom: 24px;
line-height: 1.1;
letter-spacing: -0.5px;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.4s;
color: #ffffff;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.renolink-wrapper .highlight-text {
position: relative;
color: #ffffff;
background: linear-gradient(90deg, #ef9a9a, #e57373);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
display: inline-block;
}
.renolink-wrapper .highlight-text::after {
content: '';
position: absolute;
width: 100%;
height: 8px;
bottom: 4px;
left: 0;
background: linear-gradient(90deg, #ef9a9a, #e57373);
opacity: 0.3;
border-radius: 50px;
z-index: -1;
}
.renolink-wrapper .specs-header p {
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
max-width: 600px;
margin: 0 auto;
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 1s ease-out forwards;
animation-delay: 0.6s;
}
.specs-container { display: flex; gap: 80px; align-items: center; }
.specs-image {
flex: 1;
position: relative;
opacity: 0;
transform: translateX(-20px);
animation: fadeInLeft 1s ease-out forwards;
animation-delay: 0.8s;
}
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }
.product-display { position: relative; }
.product-card {
position: relative;
background: #f8f9fa;
border-radius: 12px;
overflow: hidden;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transform-style: preserve-3d;
perspective: 1000px;
}
.product-card:hover {
transform: translateY(-10px);
box-shadow: 0 35px 60px -15px rgba(211, 47, 47, 0.3), 0 0 0 1px rgba(211, 47, 47, 0.1) inset;
}
.product-main-image {
position: relative;
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 0;
background: white;
}
.product-main-image img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transform-style: preserve-3d;
filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.1));
border-radius: var(--radius-md);
}
.product-card:hover .product-main-image img { transform: scale(1.08); }
.product-glow {
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 70%;
height: 20px;
background: radial-gradient(ellipse at center, rgba(211, 47, 47, 0.15) 0%, transparent 70%);
border-radius: 50%;
z-index: 1;
filter: blur(15px);
opacity: 0.7;
transition: all 0.5s ease;
}
.product-card:hover .product-glow {
width: 80%;
filter: blur(20px);
opacity: 0.9;
}
.product-shine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0) 100%);
z-index: 3;
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
.product-card:hover .product-shine { opacity: 1; }
.product-gallery {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
}
.gallery-wrapper {
display: flex;
gap: 15px;
max-width: 100%;
overflow-x: auto;
scroll-behavior: smooth;
padding: 10px 5px;
justify-content: center;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.gallery-wrapper::-webkit-scrollbar { display: none; }
.gallery-item {
width: 80px;
height: 80px;
border-radius: 6px;
overflow: hidden;
cursor: pointer;
border: 2px solid #dee2e6;
transition: all 0.3s ease;
flex-shrink: 0;
position: relative;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
min-width: 80px;
}
.gallery-item.active {
border-color: #d32f2f;
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(211, 47, 47, 0.15);
}
.gallery-item::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%);
opacity: 0;
transition: opacity 0.3s ease;
}
.gallery-item:hover::after { opacity: 1; }
.gallery-item:hover:not(.active) {
transform: translateY(-3px);
border-color: #e57373;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.gallery-item:hover img { transform: scale(1.1); }
.specs-content {
flex: 1;
opacity: 0;
transform: translateX(20px);
animation: fadeInRight 1s ease-out forwards;
animation-delay: 1s;
}
@keyframes fadeInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
.specs-badge {
display: inline-flex;
align-items: center;
background: linear-gradient(90deg, #d32f2f, #e57373);
color: white;
font-size: 14px;
font-weight: 600;
padding: 8px 16px;
border-radius: 50px;
margin-bottom: 20px;
box-shadow: 0 8px 16px rgba(211, 47, 47, 0.3);
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.specs-badge::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
transform: rotate(45deg);
animation: shimmer 3s infinite;
}
@keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } }
.specs-content h3 {
font-size: 42px;
font-weight: 800;
margin-bottom: 24px;
line-height: 1.1;
color: #ffffff;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
text-align: center;
}
.specs-description {
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.8);
font-size: 17px;
line-height: 1.8;
max-width: 520px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.specs-detail-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 40px;
margin-bottom: 40px;
}
.specs-detail-grid .spec-detail:nth-child(3) {
grid-column: 1 / -1;
justify-self: center;
max-width: 300px;
}
.spec-detail {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 15px;
transition: all 0.3s ease;
}
.spec-info {
text-align: center;
}
.spec-detail:hover { transform: translateY(-5px); }
.spec-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #d32f2f;
flex-shrink: 0;
border: 2px solid rgba(211, 47, 47, 0.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),
0 0 0 1px rgba(255, 255, 255, 0.8) inset;
position: relative;
overflow: hidden;
}
.spec-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(211, 47, 47, 0.05) 0%, transparent 50%);
border-radius: 14px;
}
.spec-icon svg, .spec-icon i {
width: 30px;
height: 30px;
font-size: 30px;
line-height: 1;
position: relative;
z-index: 2;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.spec-info h4 {
font-size: 17px;
font-weight: 700;
margin-bottom: 6px;
color: #fff;
}
.spec-info p {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
}
.specs-divider {
position: relative;
height: 20px;
margin: 30px 0;
text-align: center;
}
.specs-divider::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
top: 50%;
left: 0;
transform: translateY(-50%);
}
.specs-divider span {
background: #424242;
padding: 0 15px;
position: relative;
font-size: 14px;
font-weight: 600;
color: rgba(255, 255, 255, 0.7);
}
.specs-features {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 10px;
justify-content: center;
}
.feature-tag {
font-size: 12px;
font-weight: 600;
padding: 8px 16px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(5px);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: default;
border: 1px solid rgba(255, 255, 255, 0.05);
}
.feature-tag:hover {
background: rgba(211, 47, 47, 0.3);
color: white;
transform: translateY(-5px) scale(1.05);
box-shadow: 0 10px 15px -3px rgba(211, 47, 47, 0.3);
border: 1px solid rgba(211, 47, 47, 0.3);
}
/* How It Works Section */
.how-it-works {
padding: 100px 0;
background-color: var(--bg);
position: relative;
overflow: hidden;
}
.how-it-works-header { text-align: center; margin-bottom: 60px; }
.how-it-works-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
.how-it-works-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.how-it-works-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
.how-it-works-grid {
display: grid;
grid-template-columns: 40% 1fr;
gap: 50px;
margin-top: 70px;
align-items: start;
grid-auto-rows: min-content;
}
.how-it-works-column.left h3, .how-it-works-column.right h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 30px;
text-align: center;
position: relative;
padding-bottom: 10px;
}
.how-it-works-column.left h3::after, .how-it-works-column.right h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: var(--primary-gradient);
border-radius: var(--radius-full);
}
.how-it-works-column.left { display: flex; flex-direction: column; }
.winding-steps-list {
position: relative;
padding: 20px 0;
display: flex;
flex-direction: column;
}
.winding-step-item {
display: flex;
position: relative;
margin-bottom: 60px;
align-items: center;
}
.winding-step-item:last-child { margin-bottom: 0; }
.winding-step-item:nth-child(odd) { flex-direction: row; padding-left: 80px; }
.winding-step-item:nth-child(even) { flex-direction: row-reverse; padding-right: 80px; text-align: right; }
.winding-step-icon-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
background: var(--primary-gradient);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
border: 4px solid var(--bg);
box-shadow: var(--shadow-md);
}
.winding-step-item:nth-child(odd) .winding-step-icon-wrapper { left: 0; }
.winding-step-item:nth-child(even) .winding-step-icon-wrapper { right: 0; }
.winding-step-icon-wrapper i { font-size: 24px; color: #ffffff; }
.winding-step-content {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 20px 25px;
box-shadow: var(--shadow-sm);
border: 1px solid var(--border);
flex-grow: 1;
transition: var(--transition);
}
.winding-step-item:hover .winding-step-content {
transform: scale(1.02);
box-shadow: var(--shadow-lg), var(--shadow-glow);
}
.winding-step-content h4 {
font-size: 18px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 8px;
display: flex;
align-items: center;
}
.winding-step-item:nth-child(even) .winding-step-content h4 { flex-direction: row-reverse; }
.winding-step-number {
display: inline-block;
background-color: var(--primary-light);
color: var(--primary-dark);
border-radius: 50%;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
font-weight: 800;
font-size: 14px;
margin-right: 10px;
flex-shrink: 0;
}
.winding-step-item:nth-child(even) .winding-step-number {
margin-right: 0;
margin-left: 10px;
}
.winding-step-content p {
font-size: 14px;
color: var(--text-light);
line-height: 1.5;
}
.winding-step-content a {
color: var(--primary-dark);
text-decoration: none;
font-weight: 600;
border-bottom: 1px dashed var(--primary-light);
transition: var(--transition);
}
.winding-step-content a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
.how-it-works-column.right { display: flex; flex-direction: column; }
.interactive-features-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.feature-interactive-item {
background-color: var(--bg);
border-radius: var(--radius-lg);
padding: 20px;
text-align: center;
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
transition: var(--transition);
cursor: default;
}
.feature-interactive-item:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md), var(--shadow-accent);
border-color: var(--secondary-light);
}
.feature-icon-wrapper {
font-size: 40px;
color: var(--accent);
margin-bottom: 15px;
position: relative;
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.feature-interactive-text {
font-size: 15px;
font-weight: 500;
color: var(--text-light);
}
/* Compatibility Note */
.compatibility-note {
display: flex;
align-items: flex-start;
gap: 15px;
background: linear-gradient(135deg, #fff3cd, #ffeaa7);
border: 1px solid #ffc107;
border-radius: var(--radius-md);
padding: 20px;
margin-top: 25px;
box-shadow: var(--shadow-sm);
}
.note-icon {
font-size: 20px;
color: #856404;
flex-shrink: 0;
margin-top: 2px;
}
.note-content p {
font-size: 14px;
color: #856404;
line-height: 1.6;
margin: 0;
}
.note-content strong {
font-weight: 700;
color: #6c5ce7;
}
.enhanced-notice {
display: flex;
align-items: flex-start;
gap: 30px;
background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
border-radius: var(--radius-xl);
padding: 40px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: var(--shadow-lg), 0 0 40px rgba(211, 47, 47, 0.15);
max-width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
margin-top: 80px;
}
.enhanced-notice-icon {
font-size: 40px;
color: var(--primary);
background-color: rgba(255, 255, 255, 0.5);
padding: 20px;
border-radius: 50%;
flex-shrink: 0;
box-shadow: var(--shadow-md);
}
.enhanced-notice-content h4 {
font-size: 22px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 15px;
}
.enhanced-notice-content p {
font-size: 15px;
color: var(--text);
line-height: 1.7;
margin-bottom: 15px;
}
.enhanced-notice-content p:last-child { margin-bottom: 0; }
.enhanced-notice-content strong {
font-weight: 700;
color: var(--primary-dark);
}
.enhanced-notice-content a {
color: var(--primary-dark);
font-weight: 600;
text-decoration: none;
border-bottom: 2px solid var(--primary);
transition: var(--transition);
}
.enhanced-notice-content a:hover {
color: var(--primary);
background-color: var(--primary-light);
padding: 2px 4px;
border-radius: var(--radius-sm);
border-bottom: none;
}
/* FAQ Section */
.faq {
padding: 80px 0;
background-color: var(--bg-off);
position: relative;
overflow: hidden;
}
.faq-header { text-align: center; margin-bottom: 60px; }
.faq-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
.faq-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.faq-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
.faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.faq-card {
background-color: var(--bg);
border-radius: var(--radius-lg);
border: 1px solid var(--border);
box-shadow: var(--shadow-md);
padding: 30px;
transition: var(--transition);
display: flex;
flex-direction: column;
height: 100%;
}
.faq-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-light);
}
.faq-card-question {
font-size: 18px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 15px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.faq-card-icon {
font-size: 20px;
color: var(--primary);
margin-top: 2px;
flex-shrink: 0;
}
.faq-card-answer {
font-size: 15px;
color: var(--text-light);
line-height: 1.7;
flex-grow: 1;
}
.faq-card-answer a {
color: var(--primary-dark);
font-weight: 600;
text-decoration: none;
border-bottom: 1px dashed var(--primary-light);
transition: var(--transition);
}
.faq-card-answer a:hover {
color: var(--primary);
border-bottom-color: var(--primary);
}
/* Support & Contact Section */
.support-contact {
padding: 100px 0;
background-color: var(--bg);
position: relative;
}
.support-header { text-align: center; margin-bottom: 60px; }
.support-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
}
.support-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.support-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
.support-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 60px;
}
.support-card {
background-color: var(--bg);
border-radius: var(--radius-xl);
border: 1px solid var(--border);
box-shadow: var(--shadow-md);
padding: 40px 30px;
text-align: center;
transition: var(--transition);
}
.support-card:hover {
transform: translateY(-10px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-light);
}
.support-icon {
font-size: 48px;
color: var(--primary);
margin-bottom: 20px;
}
.support-card h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 15px;
}
.support-card p {
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 25px;
}
.support-info { margin-bottom: 25px; }
.support-info .info-item {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 10px;
font-size: 14px;
color: var(--text-light);
}
.support-info .info-item:last-child { margin-bottom: 0; }
.support-info .info-item i { color: var(--primary); }
.support-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--primary-gradient);
color: white;
padding: 14px 28px;
border-radius: var(--radius-full);
text-decoration: none;
font-weight: 600;
transition: var(--transition);
}
.support-btn:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-glow);
}
.whatsapp-btn { background: linear-gradient(135deg, #25d366, #128c7e); }
.whatsapp-btn:hover { box-shadow: 0 0 25px rgba(37, 211, 102, 0.3); }
/* Video & Why Choose Section */
.video-why-choose {
padding: 100px 0;
background: linear-gradient(135deg, var(--bg-off) 0%, var(--primary-light) 20%, var(--bg-off) 100%);
position: relative;
overflow: hidden;
}
.video-why-header {
text-align: center;
margin-bottom: 60px;
}
.video-why-header h2 {
font-size: 42px;
font-weight: 800;
margin-bottom: 16px;
color: var(--text);
word-wrap: break-word;
hyphens: auto;
}
.video-why-header .highlight {
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.video-why-header p {
font-size: 18px;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
word-wrap: break-word;
}
.video-why-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.video-section {
background: var(--bg);
border-radius: var(--radius-xl);
padding: 30px;
box-shadow: var(--shadow-lg);
border: 1px solid var(--border);
transition: var(--transition);
width: 100%;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.video-section:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg), var(--shadow-glow);
}
.video-wrapper {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.video-frame {
position: relative;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
border-radius: var(--radius-lg);
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
box-shadow: var(--shadow-md);
box-sizing: border-box;
}
.video-frame iframe {
width: 100%;
height: 100%;
max-width: 100%;
border: none;
border-radius: var(--radius-lg);
box-sizing: border-box;
}
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: var(--transition);
border-radius: var(--radius-lg);
}
.video-frame:hover .video-overlay {
opacity: 1;
}
.play-button {
width: 80px;
height: 80px;
background: var(--primary-gradient);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 30px;
box-shadow: 0 10px 30px rgba(211, 47, 47, 0.4);
transform: scale(0.9);
transition: var(--transition);
}
.video-frame:hover .play-button {
transform: scale(1);
}
.video-info {
margin-top: 25px;
}
.video-info h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 12px;
}
.video-info p {
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 20px;
}
.video-stats {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.stat-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: var(--text-light);
}
.stat-item i {
color: var(--primary);
font-size: 16px;
}
.why-choose-section {
background: var(--bg);
border-radius: var(--radius-xl);
padding: 40px;
box-shadow: var(--shadow-lg);
border: 1px solid var(--border);
transition: var(--transition);
width: 100%;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.why-choose-section:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg), var(--shadow-accent);
}
.why-choose-header {
text-align: center;
margin-bottom: 35px;
}
.why-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--accent-gradient);
color: white;
padding: 8px 16px;
border-radius: var(--radius-full);
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
box-shadow: 0 4px 12px rgba(251, 192, 45, 0.3);
}
.why-choose-header h3 {
font-size: 28px;
font-weight: 800;
color: var(--primary-dark);
margin-bottom: 12px;
}
.why-choose-header p {
font-size: 16px;
color: var(--text-light);
line-height: 1.6;
}
.reasons-list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 30px;
}
.reason-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 20px;
background: linear-gradient(135deg, var(--bg) 0%, var(--primary-light) 100%);
border-radius: var(--radius-lg);
border: 1px solid rgba(211, 47, 47, 0.1);
transition: var(--transition);
}
.reason-item:hover {
transform: translateX(5px);
box-shadow: var(--shadow-md);
border-color: var(--primary-light);
}
.reason-icon {
width: 50px;
height: 50px;
background: var(--primary-gradient);
border-radius: var(--radius-lg);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 20px;
flex-shrink: 0;
box-shadow: var(--shadow-sm);
}
.reason-content h4 {
font-size: 18px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 8px;
}
.reason-content p {
font-size: 14px;
color: var(--text-light);
line-height: 1.6;
}
.why-cta {
text-align: center;
padding-top: 20px;
border-top: 1px solid var(--border);
}
/* Installation Section */
.installation-section {
margin-bottom: 80px;
}
.installation-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
}
.installation-steps h3, .installation-video h3 {
font-size: 24px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 30px;
text-align: center;
position: relative;
padding-bottom: 10px;
}
.installation-steps h3::after, .installation-video h3::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: var(--primary-gradient);
border-radius: var(--radius-full);
}
.installation-video {
background: var(--bg);
border-radius: var(--radius-xl);
padding: 30px;
box-shadow: var(--shadow-lg);
border: 1px solid var(--border);
transition: var(--transition);
}
.installation-video:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg), var(--shadow-glow);
}
.video-container {
position: relative;
}
.video-info h4 {
font-size: 20px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 10px;
}
.capabilities-section {
margin-top: 60px;
}
.capabilities-header {
text-align: center;
margin-bottom: 40px;
}
.capabilities-header h3 {
font-size: 32px;
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 15px;
}
.capabilities-header p {
font-size: 16px;
color: var(--text-light);
max-width: 600px;
margin: 0 auto;
}
.capabilities-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 40px;
}
/* Responsive Styles */
@media (min-width: 768px) {
.renolink-wrapper .hero {
min-height: 100vh;
padding: 40px 0;
}
.renolink-wrapper .hero-container {
flex-direction: row;
gap: 60px;
text-align: left;
}
.renolink-wrapper .hero-content {
text-align: left;
}
.renolink-wrapper .hero-pretitle {
font-size: 18px;
margin-bottom: 16px;
}
.renolink-wrapper .hero-title {
font-size: 60px;
margin-bottom: 24px;
}
.renolink-wrapper .hero-subtitle {
font-size: 20px;
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.renolink-wrapper .hero-btns {
flex-direction: row;
justify-content: flex-start;
width: auto;
max-width: none;
margin: 0;
}
.renolink-wrapper .hero-features {
flex-direction: row;
gap: 32px;
margin-top: 40px;
justify-content: flex-start;
}
.renolink-wrapper .hero-image {
max-width: 400px;
}
}
@media (min-width: 992px) {
.renolink-wrapper .hero-title {
font-size: 72px;
}
.renolink-wrapper .hero-subtitle {
font-size: 22px;
}
.renolink-wrapper .hero-image {
max-width: 500px;
}
}
@media (max-width: 1200px) {
.specs-container { gap: 50px; }
.specs-header h2 { font-size: 48px; }
.specs-content h3 { font-size: 36px; }
.product-main-image { height: 350px; }
}
@media (max-width: 992px) {
.product-specs { padding: 100px 0; }
.specs-container { flex-direction: column; gap: 60px; }
.specs-image, .specs-content { width: 100%; max-width: 600px; margin: 0 auto; }
.product-card { padding: 15px; }
.specs-header h2 { font-size: 42px; }
.gallery-item { width: 70px; height: 70px; }
.product-main-image { height: 320px; }
.specs-features { justify-content: center; }
.video-why-choose { padding: 80px 0; }
.video-why-header h2 { font-size: 36px; }
.video-why-container {
grid-template-columns: 1fr;
gap: 40px;
width: 100%;
max-width: 100%;
}
.video-section, .why-choose-section {
padding: 25px;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.video-wrapper {
width: 100%;
max-width: 100%;
}
.video-frame {
width: 100%;
max-width: 100%;
}
.video-stats { gap: 15px; }
.reasons-list { gap: 15px; }
.reason-item { padding: 15px; }
.reason-icon { width: 45px; height: 45px; font-size: 18px; }
.how-it-works-header h2 { font-size: 36px; }
.installation-grid { grid-template-columns: 1fr; gap: 40px; }
.installation-video { padding: 25px; }
.capabilities-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
.winding-step-item:nth-child(odd), .winding-step-item:nth-child(even) { flex-direction: row; padding-left: 80px; padding-right: 0; text-align: left; }
.winding-step-item:nth-child(odd) .winding-step-icon-wrapper, .winding-step-item:nth-child(even) .winding-step-icon-wrapper { left: 0; right: auto; }
.winding-step-item:nth-child(even) .winding-step-content h4 { flex-direction: row; }
.winding-step-item:nth-child(even) .winding-step-number { margin-right: 10px; margin-left: 0; }
.faq-grid { grid-template-columns: 1fr; max-width: 700px; }
}
@media (max-width: 768px) {
.product-specs { padding: 80px 0; }
.specs-header h2 { font-size: 36px; }
.specs-content h3 { font-size: 32px; }
.specs-detail-grid { grid-template-columns: 1fr; gap: 24px; }
.winding-step-item:nth-child(odd) .winding-step-icon-wrapper, .winding-step-item:nth-child(even) .winding-step-icon-wrapper { left: 0; right: auto; }
.winding-step-item:nth-child(even) .winding-step-content h4 { flex-direction: row; }
.winding-step-item:nth-child(even) .winding-step-number { margin-right: 10px; margin-left: 0; }
.faq-grid { grid-template-columns: 1fr; max-width: 700px; }
.gallery-wrapper { max-width: 100%; padding: 15px 10px; gap: 12px; }
.gallery-item { width: 70px; height: 70px; min-width: 70px; border-radius: 8px; }
.product-main-image { height: 280px; }
.how-it-works { padding: 80px 0; }
.how-it-works-header h2 { font-size: 32px; }
.how-it-works-header p { font-size: 16px; }
.how-it-works-grid { gap: 30px; margin-top: 50px; }
.how-it-works-column.left h3, .how-it-works-column.right h3 { font-size: 22px; }
.interactive-features-list { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 15px; }
.feature-interactive-item { padding: 15px; }
.feature-icon-wrapper { font-size: 32px; height: 40px; margin-bottom: 10px; }
.feature-interactive-text { font-size: 13px; }
.winding-step-item { margin-bottom: 40px; padding-left: 70px; }
.winding-step-icon-wrapper { width: 50px; height: 50px; }
.winding-step-icon-wrapper i { font-size: 20px; }
.winding-step-content { padding: 15px 20px; }
.winding-step-content h4 { font-size: 16px; }
.winding-step-number { width: 24px; height: 24px; line-height: 24px; font-size: 12px; }
.winding-step-content p { font-size: 13px; }
.enhanced-notice { flex-direction: column; align-items: center; text-align: center; gap: 25px; padding: 30px; margin-top: 60px; }
.enhanced-notice-icon { font-size: 32px; padding: 15px; }
.enhanced-notice-content h4 { font-size: 20px; }
.enhanced-notice-content p { font-size: 14px; }
.faq { padding: 60px 0; }
.faq-header h2 { font-size: 32px; }
.faq-header p { font-size: 16px; }
.faq-card { padding: 25px; }
.faq-card-question { font-size: 17px; gap: 10px; }
.faq-card-icon { font-size: 18px; }
.faq-card-answer { font-size: 14px; }
.support-contact { padding: 80px 0; }
.support-header h2 { font-size: 32px; }
.support-header p { font-size: 16px; }
.support-grid { grid-template-columns: 1fr; gap: 25px; margin-bottom: 40px; }
.support-card { padding: 30px 25px; }
.support-icon { font-size: 40px; }
.support-card h3 { font-size: 22px; }
.support-card p { font-size: 15px; }
.video-why-choose { padding: 60px 0; }
.video-why-header h2 { font-size: 28px; }
.video-why-header p { font-size: 16px; }
.video-why-container {
gap: 30px;
width: 100%;
max-width: 100%;
padding: 0;
}
.video-section, .why-choose-section {
padding: 20px;
width: 100%;
max-width: 100%;
margin: 0;
}
.video-wrapper {
width: 100%;
max-width: 100%;
}
.video-frame {
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
}
.video-info h3 { font-size: 20px; }
.video-info p { font-size: 14px; }
.why-choose-header h3 { font-size: 24px; }
.why-choose-header p { font-size: 14px; }
}
@media (max-width: 576px) {
.container { padding: 0 15px; }
.specs-header h2 { font-size: 32px; }
.specs-header p { font-size: 16px; }
.specs-content h3 { font-size: 28px; }
.product-card { padding: 10px; }
.spec-icon { width: 46px; height: 46px; }
.spec-icon svg, .spec-icon i { width: 20px; height: 20px; }
.gallery-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 20px 15px;
justify-items: center;
}
.gallery-item { width: 80px; height: 80px; min-width: 80px; border-radius: 6px; border-width: 3px; }
.gallery-item.active { border-width: 3px; transform: translateY(-3px); }
.product-main-image { height: 240px; }
.specs-detail-grid { gap: 20px; }
.spec-info h4 { font-size: 16px; }
.spec-info p { font-size: 13px; }
.feature-tag { padding: 6px 12px; font-size: 11px; }
.how-it-works-header h2 { font-size: 28px; }
.how-it-works-header p { font-size: 15px; }
.interactive-features-list { grid-template-columns: 1fr 1fr; gap: 10px; }
.feature-interactive-item { padding: 12px; }
.feature-icon-wrapper { font-size: 28px; height: 35px; }
.feature-interactive-text { font-size: 12px; }
.winding-step-item { padding-left: 60px; margin-bottom: 30px; }
.winding-step-icon-wrapper { width: 45px; height: 45px; }
.winding-step-icon-wrapper i { font-size: 18px; }
.winding-step-content { padding: 12px 15px; }
.winding-step-content h4 { font-size: 15px; }
.winding-step-number { width: 22px; height: 22px; line-height: 22px; font-size: 11px; margin-right: 8px; }
.winding-step-content p { font-size: 12px; }
.enhanced-notice { padding: 25px; gap: 20px; margin-top: 40px; }
.enhanced-notice-icon { font-size: 28px; padding: 12px; }
.enhanced-notice-content h4 { font-size: 18px; }
.enhanced-notice-content p { font-size: 13px; }
.faq-header h2 { font-size: 28px; }
.faq-card { padding: 20px; }
.faq-card-question { font-size: 16px; }
.video-why-choose { padding: 40px 0; }
.video-why-header h2 { font-size: 24px; }
.video-why-header p { font-size: 14px; }
.video-why-container {
gap: 20px;
width: 100%;
max-width: 100%;
padding: 0;
}
.video-section, .why-choose-section {
padding: 15px;
width: 100%;
max-width: 100%;
margin: 0;
border-radius: var(--radius-lg);
}
.video-wrapper {
width: 100%;
max-width: 100%;
}
.video-frame {
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
border-radius: var(--radius-md);
}
.video-info h3 { font-size: 18px; }
.video-info h4 { font-size: 16px; }
.video-info p { font-size: 13px; }
.why-choose-header h3 { font-size: 20px; }
.why-choose-header p { font-size: 13px; }
.why-badge { font-size: 12px; padding: 6px 12px; }
.reason-item { padding: 15px; }
.reason-icon { width: 40px; height: 40px; font-size: 16px; }
.reason-content h4 { font-size: 16px; }
.reason-content p { font-size: 12px; }
}
ECU Beyin Programlama Cihazı
Renolink v1.87, DDT2000 altyapısını kullanan güçlü bir USB OBD2 arayüzüdür. Renault ve Dacia araçlarınızda bayi seviyesi teşhis, ECU programlama, airbag sıfırlama, UCH eşleştirme, EPS virginizer ve modül adaptasyonu işlemlerini kolayca gerçekleştirin. Aralık 2019 veritabanı ile geniş araç uyumluluğu sunar.
Kabiliyetleri Gör
Hemen Satın Al
DDT2000 Altyapısı
Stabil USB Bağlantısı
Windows 7/10 Uyumlu
360° Görünüm
Profesyonel Diagnostik Teknolojisi
Renolink v1.87: Teknik Güç
OBD2 soketi üzerinden Ecu, Eeprom ve Flash sürücüleri sökmeden kolayca programlayın, hafızayı silin ve birimleri tanıtın.
DDT2000 ALTYAPISI
Profesyonel Programlama
Renolink, Renault ve Dacia araçlar için geliştirilmiş, DDT2000 altyapısını kullanan güçlü bir servis yazılımıdır. Aralık 2019 veritabanı ile yeni veya sonradan takılan UCH, Gösterge, Hava Yastığı Modülü gibi birçok modülü yeniden programlayabilirsiniz.
Airbag Sıfırlama
Airbag beyni (ECU) sfırlama ve modül programlama
ECU & UCH Programlama
Motor beyni, UCH, EPS gibi modülleri sıfırlama ve programlama
Gösterge Programlama
Gösterge paneli okuma, yazma ve dil değiştirme
Anahtar Avantajlar
EEPROM OKUMA/YAZMA
FLASH OKUMA/YAZMA
EPS VIRGINIZER
AIRBAG SIFIRLAMA
Tüm Fonksiyonlar
Renolink v1.87 ile aracınızda gerçekleştirebileceğiniz profesyonel işlemler.
Airbag Sıfırlama
Arıza Kodu Okuma/Silme
Gösterge Programlama
Eeprom Okuma/Yazma
ECU Sıfırlama
EPS Sıfırlama
Flash Okuma/Yazma
Modül Adaptasyonu
Önemli Not: Yukarıda belirtilen fonksiyonların kullanılabilirliği araç markası, modeli, üretim yılı ve donanım seviyesine göre değişiklik gösterebilir. Bazı özellikler belirli model ve yıllarda desteklenmeyebilir.
Cihazı Yakından İnceleyin
360° video ile Renolink v1.87'yi her açıdan görün ve neden tercih edilmesi gerektiğini keşfedin.
360° Ürün İncelemesi
Renolink v1.87 cihazını her açıdan detaylı şekilde inceleyin. Cihazın fiziksel özellikleri, bağlantı noktaları ve kalitesini görün.
Neden Renolink?
Tercih Edilme Sebepleri
Renolink v1.87'yi rakiplerinden ayıran özellikler ve avantajlar.
Güvenli ve Stabil
DDT2000 tabanlı güvenilir yazılım altyapısı ile risk-free programlama.
Çok Fonksiyonlu
ECU, UCH, Airbag, EPS ve daha fazla modül programlama desteği.
Güncel Veritabanı
Aralık 2019'a kadar tüm Renault & Dacia modelleri için destek.
Kurulum ve Kullanım Rehberi
Renolink v1.87'yi nasıl kuracağınızı ve neler yapabileceğinizi adım adım öğrenin.
Kurulum Adımları
1 Yazılımı İndirin
Sipariş kodunuzla Sipariş Durumu Sorgulama sayfasından Renolink v1.87 yazılımını indirin.
2 Araca Bağlayın
Renolink cihazını aracınızın OBD2 portuna takın ve kontağı açın.
3 PC'ye Bağlayın
USB kablosunu bilgisayarınıza bağlayın ve cihazın tanınmasını bekleyin.
4 Yazılımı Başlatın
Renolink yazılımını çalıştırın, COM portunu seçin ve bağlantıyı test edin.
Kurulum Videosu
Adım Adım Kurulum
Yazılım kurulumundan cihaz bağlantısına kadar tüm süreçleri videoda izleyin.
Yazılım ve Sistem Gereksinimleri
Renolink v1.87 cihazı, Windows 7, 8 ve 10 işletim sistemleri üzerinde çalışan özel yazılımı ile kullanılır. Cihaz, genellikle yazılımı ile birlikte bir set olarak satılır.
Bu cihaz profesyonel kullanıma yöneliktir. Yapılacak işlemler hakkında teknik bilgi sahibi olmak, aracınızın sağlığı için kritik öneme sahiptir.
Merak Edilenler
Renolink v1.87 kullanımı hakkında sıkça sorulan sorular.
Renolink v1.87 hangi araçlarla uyumludur?
Renolink v1.87, Renault ve Dacia markalarının birçok binek ve hafif ticari modeliyle uyumludur. Yazılımın veritabanı Aralık 2019 yılına kadar olan araçları desteklemektedir.
Hangi yazılım altyapısını kullanır?
Bu cihaz, son derece güçlü ve kapsamlı bir servis yazılımı olan DDT2000 altyapısını kullanır. Bu sayede bayi seviyesinde birçok programlama ve adaptasyon işlemi gerçekleştirilebilir.
Programlama yapmak zor mu?
Evet, ECU programlama, anahtar kodlama gibi işlemler ileri düzey teknik bilgi gerektirir. Temel arıza kodu okuma/silme işlemleri daha basittir, ancak ana fonksiyonları için tecrübe ve dikkat şarttır.
Hatalı işlem aracıma zarar verir mi?
Kesinlikle evet. Yanlış bir programlama veya uyumsuz bir dosya yüklemesi, aracın ECU'sunu (beynini) kullanılamaz hale getirebilir ve aracın çalışmasını engelleyebilir. Sorumluluk tamamen kullanıcıya aittir.
Renolink'in en güçlü özellikleri nelerdir?
Renolink'in en güçlü yanları; kaza yapmış araçlarda Airbag beynini sıfırlama (virginize etme), EPS (direksiyon) beynini sıfırlama, UCH ve motor beyni gibi kritik modülleri programlama yetenekleridir.
Kurulum ve bağlantı nasıl yapılır?
Önce yazılımı ve sürücüleri PC'nize kurun. Sonra cihazı aracın OBD2 portuna ve USB ile PC'nize bağlayın. Yazılımı çalıştırıp doğru COM portunu seçerek bağlantıyı sağlayın.
Destek ve İletişim
Renolink v1.87 ile ilgili sorularınız için bizimle iletişime geçin.
Teknik Destek
Cihaz kurulumu, yazılım sorunları ve kullanım konularında profesyonel destek alın.
Pazartesi - Cuma: 09:00 - 18:00
0850 532 0550
Hemen Ara
E-posta Desteği
Detaylı sorularınızı e-posta ile gönderin, 24 saat içinde yanıtlayalım.
24 saat içinde yanıt
info@otoeko.com
E-posta Gönder
WhatsApp Destek
Hızlı sorular için WhatsApp üzerinden anlık destek alabilirsiniz.
7/24 Aktif
0850 532 0550
WhatsApp'ta Yaz
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
