BF-200 Dijital Fren Hidrolik Test Cihazı | otoeko.com

/* İzole stiller - sadece autool-bt260-wrapper içindeki elementleri etkiler */ #bf200-wrapper { font-family: 'Poppins', sans-serif; color: #333; line-height: 1.6; max-width: 1300px; margin: 0 auto; padding: 0; background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%); border-radius: 0; overflow-x: hidden; /* Prevent horizontal scroll */ position: relative; } #bf200-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } #bf200-wrapper .container { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; padding: 0 20px; } /* Shared Styles */ #bf200-wrapper .section { padding: 60px 0; position: relative; overflow: hidden; } #bf200-wrapper .section::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background: linear-gradient(90deg, rgba(128,128,128,0) 0%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0) 100%); } #bf200-wrapper .section:last-child::after { display: none; } #bf200-wrapper .section-header { text-align: center; margin-bottom: 60px; position: relative; z-index: 1; } #bf200-wrapper .subtitle-wrapper { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; } #bf200-wrapper .section-subtitle { display: flex; justify-content: center; align-items: center; gap: 8px; background: rgba(128, 128, 128, 0.1); color: #111; padding: 8px 20px; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-left: auto; margin-right: auto; margin-bottom: 20px; letter-spacing: 1px; width: -moz-fit-content; width: fit-content; } #bf200-wrapper .subtitle-wrapper .section-subtitle { margin-bottom: 0; } #bf200-wrapper .subtitle-logo { height: 36px; /* Default size */ width: auto; display: block; } #bf200-wrapper .subtitle-logo-otoeko { filter: brightness(1.05) saturate(1.1); /* Make logo more vibrant */ } #bf200-wrapper .subtitle-text-icon-group { display: flex; align-items: center; gap: 8px; } #bf200-wrapper .section-title { font-size: 2.2rem; font-weight: 800; color: #111; margin-bottom: 20px; position: relative; display: inline-block; } #bf200-wrapper .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(90deg, #6c757d 0%, #495057 100%); border-radius: 2px; } #bf200-wrapper .section-description { max-width: 700px; margin: 0 auto; font-size: 1.1rem; color: #555; line-height: 1.7; } #bf200-wrapper .btn { display: inline-block; padding: 14px 32px; border-radius: 50px; font-size: 1rem; font-weight: 600; text-transform: uppercase; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; position: relative; overflow: hidden; z-index: 1; } #bf200-wrapper .btn::after { content: ''; position: absolute; bottom: -50%; left: -10%; width: 120%; height: 200%; background: rgba(255, 255, 255, 0.2); border-radius: 50%; transition: all 0.5s ease; z-index: -1; transform: scale(0); } #bf200-wrapper .btn:hover::after { transform: scale(1); } #bf200-wrapper .btn-primary { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; box-shadow: 0 8px 25px rgba(108, 117, 125, 0.3); } #bf200-wrapper .btn-primary:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(108, 117, 125, 0.4); } #bf200-wrapper .btn-secondary { background: transparent; color: #111; border: 2px solid #111; } #bf200-wrapper .btn-secondary:hover { background: rgba(0, 0, 0, 0.05); transform: translateY(-5px); } /* Yellow pattern background */ #bf200-wrapper .pattern-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23808080' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 0.5; z-index: 0; } /* Hero Section */ #bf200-wrapper .hero-section { position: relative; background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%); padding: 60px 0; overflow: hidden; text-align: center; } #bf200-wrapper .hero-logo-container { margin-bottom: 25px; } #bf200-wrapper .hero-logo { max-width: 180px; /* Default size */ height: auto; } #bf200-wrapper .hero-bg { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: radial-gradient(circle at top right, rgba(128, 128, 128, 0.1), transparent 70%); z-index: 0; } #bf200-wrapper .product-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 2; } #bf200-wrapper .product-info { flex: 1; min-width: 300px; padding-right: 40px; text-align: left; } #bf200-wrapper .product-badge { display: inline-block; background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; padding: 8px 16px; border-radius: 50px; font-weight: 600; font-size: 0.9rem; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(108, 117, 125, 0.2); position: relative; } #bf200-wrapper .product-badge i { margin-right: 5px; } #bf200-wrapper .product-title { font-size: 2.4rem; font-weight: 800; margin-bottom: 20px; line-height: 1.2; color: #111; } #bf200-wrapper .product-title span { color: #111; position: relative; display: inline-block; z-index: 1; } #bf200-wrapper .product-title span::after { content: ''; position: absolute; bottom: 5px; left: 0; width: 100%; height: 8px; background: #6c757d; z-index: -1; opacity: 0.6; } #bf200-wrapper .product-description { font-size: 1.1rem; margin-bottom: 25px; color: #444; line-height: 1.7; } #bf200-wrapper .product-features { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; } #bf200-wrapper .feature-item { display: flex; align-items: center; background: rgba(128, 128, 128, 0.1); padding: 8px 16px; border-radius: 50px; transition: all 0.3s ease; } #bf200-wrapper .feature-item:hover { background: rgba(128, 128, 128, 0.2); transform: translateY(-3px); } #bf200-wrapper .feature-icon { margin-right: 10px; color: #6c757d; } #bf200-wrapper .feature-text { font-weight: 500; font-size: 0.9rem; color: #333; } #bf200-wrapper .product-buttons { display: flex; gap: 15px; margin-top: 30px; } #bf200-wrapper .product-image { flex: 1; min-width: 300px; position: relative; padding: 20px; } #bf200-wrapper .product-image-main { width: 100%; max-width: 450px; height: auto; display: block; margin: 0 auto; border-radius: 20px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } #bf200-wrapper .product-image-main:hover { } #bf200-wrapper .product-image-gallery { display: flex; flex-direction: column; align-items: center; } #bf200-wrapper .main-image-display { margin-bottom: 15px; position: relative; width: 100%; display: flex; justify-content: center; } #bf200-wrapper .thumbnail-container { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } #bf200-wrapper .thumbnail-item img { width: 80px; height: 80px; object-fit: cover; border-radius: 10px; cursor: pointer; border: 2px solid transparent; transition: border-color 0.3s ease, transform 0.3s ease; opacity: 0.7; } #bf200-wrapper .thumbnail-item img:hover { opacity: 1; transform: scale(1.05); } #bf200-wrapper .thumbnail-item.active img { border-color: #6c757d; opacity: 1; } #bf200-wrapper .product-badge-corner { position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; width: auto; height: auto; padding: 10px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); transform: rotate(15deg); z-index: 10; text-align: center; } #bf200-wrapper .product-badge-corner .badge-big { font-size: 1.2rem; line-height: 1; } #bf200-wrapper .product-badge-corner .badge-small { font-size: 0.7rem; opacity: 0.9; } /* Features Section */ #bf200-wrapper .features-specs { padding: 80px 0; background: #fff; position: relative; } #bf200-wrapper .features-specs::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at bottom left, rgba(128, 128, 128, 0.05), transparent 60%); } #bf200-wrapper .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; position: relative; z-index: 1; } #bf200-wrapper .feature-card { background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); padding: 30px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,0.03); height: 100%; text-align: center; } #bf200-wrapper .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: linear-gradient(180deg, #6c757d 0%, #495057 100%); transition: all 0.3s ease; z-index: 0; } #bf200-wrapper .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } #bf200-wrapper .feature-card:hover::before { width: 100%; opacity: 0.05; } #bf200-wrapper .feature-card-icon { width: 60px; height: 60px; border-radius: 15px; background: rgba(128, 128, 128, 0.1); display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-size: 24px; color: #6c757d; transition: all 0.3s ease; position: relative; z-index: 1; } #bf200-wrapper .feature-card:hover .feature-card-icon { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #111; } #bf200-wrapper .feature-card-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 15px; color: #495057; position: relative; z-index: 1; } #bf200-wrapper .feature-card-text { color: #666; font-size: 1rem; line-height: 1.7; position: relative; z-index: 1; } /* How It Works Section */ #bf200-wrapper .how-it-works { background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%); position: relative; } #bf200-wrapper .how-it-works::before { content: ''; position: absolute; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(128, 128, 128, 0.1) 0%, rgba(128, 128, 128, 0) 70%); top: -150px; right: -150px; z-index: 0; } #bf200-wrapper .how-it-works::after { content: ''; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(108, 117, 125, 0.1) 0%, rgba(108, 117, 125, 0) 70%); bottom: -100px; left: -100px; z-index: 0; } #bf200-wrapper .steps-container { display: flex; position: relative; margin-top: 80px; z-index: 1; } #bf200-wrapper .step-line { position: absolute; top: 50px; left: 50px; right: 50px; height: 4px; background: linear-gradient(90deg, #6c757d 0%, #495057 100%); z-index: -1; border-radius: 2px; } #bf200-wrapper .step { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 15px; position: relative; transition: all 0.4s ease; } #bf200-wrapper .step:hover { transform: translateY(-10px); } #bf200-wrapper .step:hover .step-icon { transform: scale(1.1) rotate(10deg); box-shadow: 0 15px 30px rgba(108, 117, 125, 0.3); } #bf200-wrapper .step-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; border-radius: 50%; font-size: 2.5rem; margin-bottom: 25px; position: relative; box-shadow: 0 10px 25px rgba(108, 117, 125, 0.2); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 2; } #bf200-wrapper .step-number { position: absolute; top: -5px; right: -5px; width: 30px; height: 30px; background: #111; color: #6c757d; border-radius: 50%; font-size: 1rem; font-weight: 700; display: flex; align-items: center; justify-content: center; } #bf200-wrapper .step-title { font-size: 1.3rem; font-weight: 700; color: #111; margin-bottom: 15px; } #bf200-wrapper .step-description { font-size: 1rem; color: #666; line-height: 1.6; } #bf200-wrapper .steps-cta { text-align: center; margin-top: 60px; } /* Teknik Özellikler Bölümü */ #bf200-wrapper .tech-specs-section { padding: 100px 0; position: relative; overflow: hidden; background: #fff; } #bf200-wrapper .tech-specs-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(128, 128, 128, 0.05) 0%, rgba(108, 117, 125, 0.05) 100%); z-index: 0; } #bf200-wrapper .tech-specs-header { text-align: center; margin-bottom: 70px; position: relative; z-index: 1; } #bf200-wrapper .tech-specs-panels { position: relative; margin: 0 auto; max-width: 1100px; z-index: 1; } /* General Specs Panel */ #bf200-wrapper .general-specs { display: flex; flex-wrap: wrap; padding: 30px; } #bf200-wrapper .general-specs-diagram { flex: 1; min-width: 300px; position: relative; } #bf200-wrapper .specs-diagram { position: relative; width: 100%; height: 500px; /* Increased height for better Spinzam view */ } #bf200-wrapper .spinzam-badge { position: absolute; top: 15px; right: 15px; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 8px 12px; border-radius: 5px; font-size: 0.85rem; font-weight: 600; z-index: 10; /* Ensure it's above the iframe */ display: flex; align-items: center; gap: 5px; } #bf200-wrapper .spinzam-badge i { font-size: 1rem; } #bf200-wrapper .specs-diagram-image { width: 100%; height: 100%; object-fit: contain; } #bf200-wrapper .general-specs-details { flex: 1; min-width: 300px; padding-left: 40px; } #bf200-wrapper .specs-detail-title { font-size: 1.5rem; font-weight: 700; color: #111; margin-bottom: 20px; position: relative; display: inline-block; } #bf200-wrapper .specs-detail-title::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 50px; height: 3px; background: linear-gradient(90deg, #6c757d 0%, #495057 100%); border-radius: 2px; } #bf200-wrapper .specs-detail-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; } #bf200-wrapper .specs-detail-item { display: flex; flex-direction: column; } #bf200-wrapper .specs-detail-label { font-size: 0.9rem; color: #666; margin-bottom: 5px; } #bf200-wrapper .specs-detail-value { font-size: 1.1rem; font-weight: 600; color: #111; } /* Distributor Section */ #bf200-wrapper .distributor-section { background: #fff; color: #333; padding: 100px 0 80px; border-radius: 0; margin: 0; position: relative; overflow: hidden; } #autool-bt260-wrapper .distributor-section::after { display: none; } #bf200-wrapper .distributor-waves { position: absolute; top: 0; left: 0; width: 100%; height: 120px; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmOGY4ZjgiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2Mi4xIDExNi4yNmE3My4yOSA3My4yOSAwIDAgMS0zOS4wOSA2TDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==') center top no-repeat; background-size: 100% 120px; z-index: 1; transform: rotateX(180deg); } #bf200-wrapper .distributor-section .container { position: relative; z-index: 2; } #bf200-wrapper .distributor-subtitle { background: rgba(128, 128, 128, 0.1); color: #111; } #bf200-wrapper .distributor-title { color: #111; font-size: 2.5rem; margin-bottom: 25px; } #bf200-wrapper .distributor-title::after { background: linear-gradient(90deg, #6c757d 0%, #495057 100%); height: 5px; bottom: -15px; } #bf200-wrapper .distributor-description { color: #555; max-width: 800px; margin-bottom: 60px; font-size: 1.15rem; line-height: 1.8; } #bf200-wrapper .distributor-content { text-align: center; } #bf200-wrapper .distributor-benefits { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin-bottom: 60px; } #bf200-wrapper .benefit-item { background: #f8f8f8; padding: 30px 25px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.05); border: 1px solid #eee; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; text-align: center; /* Center align title and text */ position: relative; overflow: hidden; } #bf200-wrapper .benefit-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #6c757d, #495057); opacity: 0; transition: opacity 0.3s ease; } #bf200-wrapper .benefit-item:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); border-color: #ddd; } #bf200-wrapper .benefit-item:hover::before { opacity: 1; } #bf200-wrapper .benefit-header { display: flex; flex-direction: column; /* Stack icon and title vertically */ align-items: center; /* Center items horizontally */ justify-content: center; margin-bottom: 15px; /* Adjusted margin */ } #bf200-wrapper .benefit-icon-wrapper { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(128, 128, 128, 0.1) 0%, rgba(108, 117, 125, 0.1) 100%); border-radius: 50%; margin-right: 0; /* Removed margin-right as items are stacked */ margin-bottom: 10px; /* Add space between icon and title */ transition: all 0.3s ease; } #bf200-wrapper .benefit-item:hover .benefit-icon-wrapper { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); } #bf200-wrapper .benefit-icon { font-size: 1.8rem; color: #6c757d; transition: all 0.3s ease; } #bf200-wrapper .benefit-item:hover .benefit-icon { color: #fff; transform: scale(1.1); } #bf200-wrapper .benefit-title { font-size: 1.25rem; font-weight: 700; color: #111; margin: 0; } #bf200-wrapper .benefit-text { font-size: 0.95rem; color: #666; line-height: 1.6; } /* Added floating elements */ #bf200-wrapper .floating-element { display: none; } /* Sıkça Sorulan Sorular Bölümü */ #bf200-wrapper .faq-section { background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%); position: relative; padding: 80px 0; } #bf200-wrapper .faq-container { max-width: 900px; margin: 50px auto 0; } #bf200-wrapper .faq-item { background: #fff; border-radius: 10px; margin-bottom: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); overflow: hidden; transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.03); } #bf200-wrapper .faq-item:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); } #bf200-wrapper .faq-question { padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: #fff; transition: all 0.3s ease; position: relative; } #bf200-wrapper .faq-question::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: linear-gradient(180deg, #6c757d 0%, #495057 100%); opacity: 0; transition: opacity 0.3s ease; } #bf200-wrapper .faq-item.active .faq-question::before, #bf200-wrapper .faq-question:hover::before { opacity: 1; } #bf200-wrapper .faq-question h3 { font-size: 1.1rem; font-weight: 600; color: #333; margin: 0; padding-right: 20px; } #bf200-wrapper .faq-icon { color: #6c757d; font-size: 1rem; transition: all 0.3s ease; } #bf200-wrapper .faq-item.active .faq-icon { transform: rotate(180deg); } #bf200-wrapper .faq-answer { max-height: 0; overflow: hidden; padding: 0 25px; transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); } #bf200-wrapper .faq-item.active .faq-answer { max-height: 1000px; padding: 0 25px 20px; } #bf200-wrapper .faq-answer p { margin-top: 10px; margin-bottom: 10px; color: #666; line-height: 1.6; } #bf200-wrapper .faq-answer ul { margin: 10px 0; padding-left: 20px; } #bf200-wrapper .faq-answer li { margin-bottom: 5px; color: #666; } /* Destek ve İletişim Bölümü */ #bf200-wrapper .support-contact-section { background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%); padding: 80px 0; position: relative; } #bf200-wrapper .support-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; margin: 50px 0; } #bf200-wrapper .support-card { background: #fff; border-radius: 15px; padding: 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.03); display: flex; flex-direction: column; align-items: center; height: 100%; } #bf200-wrapper .support-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } #bf200-wrapper .support-icon { width: 70px; height: 70px; border-radius: 50%; background: rgba(128, 128, 128, 0.1); display: flex; justify-content: center; align-items: center; margin-bottom: 20px; transition: all 0.3s ease; } #bf200-wrapper .support-card:hover .support-icon { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); } #bf200-wrapper .support-icon i { font-size: 1.8rem; color: #6c757d; transition: all 0.3s ease; } #bf200-wrapper .support-card:hover .support-icon i { color: #fff; } #bf200-wrapper .support-title { font-size: 1.3rem; font-weight: 700; color: #111; margin-bottom: 15px; } #bf200-wrapper .support-text { color: #666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 20px; flex-grow: 1; } #bf200-wrapper .support-link { display: inline-block; padding: 8px 20px; background: rgba(128, 128, 128, 0.1); color: #111; border-radius: 50px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; font-size: 0.9rem; } #bf200-wrapper .support-link:hover { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(108, 117, 125, 0.2); } /* Mobile responsive adjustments */ @media (max-width: 992px) { /* Tablet and larger mobile */ #bf200-wrapper .section { padding: 40px 0; } #bf200-wrapper .product-info { padding-right: 0; margin-bottom: 25px; text-align: center; } #bf200-wrapper .product-features { justify-content: center; } #bf200-wrapper .product-buttons { justify-content: center; } #bf200-wrapper .steps-container { flex-direction: column; align-items: center; margin-top: 25px; } #bf200-wrapper .step { margin-bottom: 25px; max-width: 380px; } #bf200-wrapper .step-line { display: none; } #bf200-wrapper .general-specs { flex-direction: column; } #bf200-wrapper .general-specs-diagram { margin-bottom: 30px; } #bf200-wrapper .general-specs-details { padding-left: 0; margin-top: 30px; } /* Distributor Section Responsive */ #bf200-wrapper .distributor-benefits { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } } @media (max-width: 768px) { #bf200-wrapper { margin: 0; /* Ensure no margin on mobile for the main wrapper */ } #bf200-wrapper .container { padding: 0 10px; } #bf200-wrapper .section { padding: 20px 0; } #bf200-wrapper .section-header { margin-bottom: 20px; } #bf200-wrapper .subtitle-wrapper { gap: 5px; /* Further Reduced gap */ margin-bottom: 15px; } #bf200-wrapper .section-subtitle { font-size: 0.75rem; /* Slightly smaller font for subtitle text */ padding: 4px 8px; /* Further Reduced padding for subtitle text */ margin-bottom: 10px; } #bf200-wrapper .subtitle-logo { height: 22px; /* Further Reduced logo height */ } #bf200-wrapper .section-title { font-size: 1.6rem; margin-bottom: 15px; } #bf200-wrapper .section-title::after { bottom: -8px; width: 60px; height: 3px; } #bf200-wrapper .section-description { font-size: 0.9rem; line-height: 1.5; } #bf200-wrapper .product-title { font-size: 1.8rem; margin-bottom: 15px; } #bf200-wrapper .product-description { font-size: 0.9rem; line-height: 1.5; margin-bottom: 20px; } #bf200-wrapper .product-info { margin-bottom: 20px; } #bf200-wrapper .product-hero { flex-direction: column; } #bf200-wrapper .product-image-main { max-width: 100%; height: 350px !important; min-height: 350px !important; } #bf200-wrapper .main-image-display { width: 100%; height: 350px; min-height: 350px; } #bf200-wrapper .main-image-display iframe { width: 100% !important; height: 350px !important; min-height: 350px !important; } #bf200-wrapper .product-badge-corner { width: 60px; /* Reduced size for mobile */ height: 60px; /* Reduced size for mobile */ top: 20px; /* Adjusted position */ right: 20px; /* Adjusted position */ } #bf200-wrapper .badge-big { font-size: 1.1rem; /* Reduced font size for mobile */ } #bf200-wrapper .badge-small { font-size: 0.65rem; /* Reduced font size for mobile */ } #bf200-wrapper .product-buttons { flex-direction: column; width: 100%; gap: 8px; } #bf200-wrapper .btn { width: 100%; margin-bottom: 8px; padding: 10px 20px; font-size: 0.85rem; } #bf200-wrapper .features-grid { grid-template-columns: 1fr; gap: 15px; margin-top: 20px; } #bf200-wrapper .feature-card { padding: 15px; } #bf200-wrapper .feature-card-icon { width: 50px; height: 50px; font-size: 20px; margin-bottom: 10px; /* Reduced margin */ } #bf200-wrapper .feature-card-title { font-size: 1rem; margin-bottom: 10px; } #bf200-wrapper .feature-card-text { font-size: 0.85rem; line-height: 1.5; } #bf200-wrapper .steps-container { margin-top: 20px; } #bf200-wrapper .step { margin-bottom: 15px; padding: 0 5px; } #bf200-wrapper .step-icon { width: 80px; height: 80px; font-size: 2rem; margin-bottom: 10px; /* Reduced margin */ } #bf200-wrapper .step-number { width: 25px; height: 25px; font-size: 0.9rem; } #bf200-wrapper .step-title { font-size: 1.1rem; margin-bottom: 10px; } #bf200-wrapper .step-description { font-size: 0.85rem; line-height: 1.5; } #bf200-wrapper .step-description { font-size: 0.85rem; line-height: 1.5; } #bf200-wrapper .steps-cta { margin-top: 20px; } #bf200-wrapper .tech-specs-header { margin-bottom: 20px; } #bf200-wrapper .specs-diagram { height: 350px; /* Adjusted height for Spinzam on mobile */ } #bf200-wrapper .spinzam-badge { top: 8px; /* Adjusted top position */ left: 50%; transform: translateX(-50%); right: auto; /* Ensure no interference from desktop 'right' */ padding: 4px 6px; /* Reduced padding */ font-size: 0.65rem; /* Reduced font size */ white-space: nowrap; /* Prevent text wrapping */ } #bf200-wrapper .spinzam-badge i { font-size: 0.75rem; /* Adjusted icon size */ } #bf200-wrapper .general-specs-details { /* Reverted: remove #general-specs specificity and text-align */ padding-left: 0; /* Remove left padding */ } #bf200-wrapper .general-specs-details { /* Reverted: remove #general-specs specificity and text-align */ padding-left: 0; /* Remove left padding */ } #bf200-wrapper .specs-detail-title { /* Reverted: remove #general-specs specificity */ font-size: 1.3rem; /* Reduced font size */ margin-bottom: 15px; /* Reduced margin */ /* display: inline-block; is default for this element if not overridden elsewhere */ } #bf200-wrapper .specs-detail-title::after { /* Reverted: remove #general-specs specificity and centering */ /* left: 50%; transform: translateX(-50%); _/ /_ Default is left: 0; transform: none; */ } #bf200-wrapper .specs-detail-list { /* Reverted: remove #general-specs specificity and centering */ grid-template-columns: 1fr; gap: 10px; /* Reduced gap */ /* margin-left: auto; margin-right: auto; width: fit-content; */ } #bf200-wrapper .specs-detail-label { font-size: 0.85rem; } #bf200-wrapper .specs-detail-value { font-size: 1rem; } #bf200-wrapper .floating-element { display: none; } /* Distributor Section Responsive */ #bf200-wrapper .distributor-section { padding: 30px 0 20px; } #bf200-wrapper .distributor-title { font-size: 1.8rem; } #bf200-wrapper .distributor-description { font-size: 0.9rem; margin-bottom: 20px; } #bf200-wrapper .distributor-benefits { grid-template-columns: 1fr; gap: 15px; margin-bottom: 20px; /* Reduced margin */ } #bf200-wrapper .benefit-item { padding: 15px 10px; } #bf200-wrapper .benefit-icon-wrapper { width: 45px; /* Reduced size */ height: 45px; /* Reduced size */ margin-right: 10px; /* Reduced margin */ } #bf200-wrapper .benefit-icon { font-size: 1.3rem; /* Reduced size */ } #bf200-wrapper .benefit-title { font-size: 1.1rem; } #bf200-wrapper .benefit-text { font-size: 0.85rem; } /* FAQ section responsive */ #bf200-wrapper .faq-section, #bf200-wrapper .support-contact-section { padding: 40px 0; } #bf200-wrapper .faq-container { margin-top: 30px; } #bf200-wrapper .faq-question { padding: 15px 20px; } #bf200-wrapper .faq-question h3 { font-size: 0.95rem; } #bf200-wrapper .faq-answer { padding: 0 20px; } #bf200-wrapper .faq-item.active .faq-answer { padding: 0 20px 15px; } #bf200-wrapper .faq-answer p, #bf200-wrapper .faq-answer li { font-size: 0.85rem; } #bf200-wrapper .support-grid { grid-template-columns: 1fr; gap: 15px; margin: 30px 0; } #bf200-wrapper .support-card { padding: 20px; } #bf200-wrapper .support-icon { width: 60px; height: 60px; margin-bottom: 15px; } #bf200-wrapper .support-icon i { font-size: 1.5rem; } #bf200-wrapper .support-title { font-size: 1.1rem; margin-bottom: 10px; } #bf200-wrapper .support-text { font-size: 0.85rem; } } /* Detaylı Görsel Galeri Bölümü */ #bf200-wrapper .detail-gallery-section { background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%); padding: 80px 0; position: relative; } #bf200-wrapper .detail-gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-top: 50px; } #bf200-wrapper .detail-gallery-item { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid rgba(0,0,0,0.03); } #bf200-wrapper .detail-gallery-item:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); } #bf200-wrapper .detail-gallery-image { width: 100%; height: 380px; object-fit: contain; object-position: center; display: block; transition: transform 0.3s ease; background: #f8f8f8; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; image-rendering: high-quality; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 10px; box-sizing: border-box; } #bf200-wrapper .detail-gallery-item:hover .detail-gallery-image { transform: scale(1.02); } #bf200-wrapper .detail-gallery-content { padding: 25px; text-align: center; } #bf200-wrapper .detail-gallery-icon { width: 60px; height: 60px; border-radius: 15px; background: rgba(128, 128, 128, 0.1); display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; font-size: 1.8rem; color: #6c757d; transition: all 0.3s ease; } #bf200-wrapper .detail-gallery-item:hover .detail-gallery-icon { background: linear-gradient(135deg, #6c757d 0%, #495057 100%); color: #fff; transform: scale(1.1); } #bf200-wrapper .detail-gallery-title { font-size: 1.2rem; font-weight: 700; color: #111; margin-bottom: 12px; text-align: center; } #bf200-wrapper .detail-gallery-description { font-size: 0.95rem; color: #666; line-height: 1.7; } /* Desktop specific logo sizes */ @media (min-width: 993px) { #bf200-wrapper .hero-logo { max-width: 220px; /* Increased size for desktop */ } #bf200-wrapper .subtitle-logo { height: 48px; /* Increased size for desktop */ } } /* Mobile responsive for detail gallery */ @media (max-width: 768px) { #bf200-wrapper .detail-gallery-grid { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; } #bf200-wrapper .detail-gallery-image { height: 250px; object-fit: contain; } #bf200-wrapper .detail-gallery-content { padding: 20px; } #bf200-wrapper .detail-gallery-title { font-size: 1.1rem; } #bf200-wrapper .detail-gallery-description { font-size: 0.9rem; } }

Profesyonel Kalite

BF-200 Dijital Fren Hidrolik Test Cihazı

Fren hidrolik sistemlerinin basınç testleri için geliştirilmiş profesyonel dijital test cihazı. Hassas ölçüm, dijital ekran ve güvenilir performans ile fren sistemlerini kolayca test edin.

0-200 Bar Aralık
±1% Hassasiyet
Dijital LCD Ekran
Hemen Satın Al
Detaylı Bilgi

360°
GÖRÜNÜM



Profesyonel Özellikler

BF-200 Fren Hidrolik Yağı Kalite Ölçüm Kalemi

BF-200, aracınızdaki fren hidrolik yağının kalitesini ölçmek için üretilmiş en pratik cihazdır. Fren sisteminin güvenli çalışması için kritik öneme sahip hidrolik yağının kalitesini anında test eder ve sesli uyarı ile bilgilendirir.

Fren Yağı Kalite Testi

Fren hidrolik yağının nem oranını ve kalitesini hassas şekilde ölçer. DOT-3, DOT-4 ve DOT-5.1 standartlarını destekler. Yağın değişim zamanını belirleyerek güvenli sürüş sağlar.

Sesli Uyarı Sistemi

Fren hidroliğinde standartın üzerinde nem tespit edilmesi halinde cihaz sesli uyarı verir. Böylece kritik durumlarda anında bilgilendirilirsiniz ve gerekli önlemi alabilirsiniz.

Dijital Gösterge

Net ve anlaşılır dijital ekran, fren yağı kalitesini ve nem oranını kolay okunabilir şekilde gösterir. Test sonuçlarını anında takip edebilir ve değerlendirebilirsiniz.

Ergonomik Tasarım

Kaymaz tabanlı padleri sayesinde ergonomik bir tutuş sağlar. Kompakt ve hafif yapısı ile kolay kullanım ve taşıma imkanı sunar. Metal uçlu sonda ile güvenli test.

Pratik Pil Sistemi

2 adet AAA 1.5V pil ile çalışır. Düşük güç tüketimi sayesinde uzun kullanım ömrü sağlar. Pil değiştirmesi kolay ve pratiktir. (Piller dahil değildir)

Çoklu Standart Desteği

DOT-3, DOT-4 ve DOT-5.1 fren hidrolik yağı standartlarını destekler. Farklı araç tiplerinde kullanılabilir. Periyodik bakım için ideal bir araçtır.

Önemli Bilgiler

Fren Hidrolik Yağı Nedir ve Niçin Önemlidir?

Aracınız için en önemli sistemlerden birisi frendir. Güvenli bir sürüş deneyimi için iyi çalışan fren sistemine ihtiyacınız vardır. Fren hidrolik yağının kalitesi, fren sisteminin performansını doğrudan etkiler.

Fren Hidrolik Yağının Önemi

Fren hidroliği, fren pedalına basıldığında hızlı şekilde fren sisteminin ikaz edilmesini sağlar. Böylece çok kısa sürede frenleme sağlanır ve araç durur. Fren hidrolik sisteminin iyi çalışabilmesi için fren hidrolik yağı kalitesi önem taşır.

Yüksek Isı ve Buhar Oluşumu

Bu yağ fren pedalına basıldığında yüksek ısıdan kaynaklanan buharın ortaya çıkmasını engeller. Kalitesiz bir yağ ise, fren pedalına bastığınızda yüksek ısı karşısında aşırı buhar oluşumuna sebep verir. Bu ise, frenden beklenilen etkinin oluşmasını önler.

Pedal Düşmesi Sorunu

Fren pedalına sonuna kadar basılmasını ifade eden "pedal düşmesi" durumu fren hidrolik yağının kalitesizliğinden kaynaklanmaktadır. Böyle bir durumla karşılaşıldığında fren mesafesi artar, fren performansı aşırı derecede düşer ve sürüş güvenliği riske girer.

Nem ve Kalite Kaybı

Fren yağının azalması veya özelliğini yitirmesi durumunda en temel problem pedal düşmesidir. Ayrıca bu sorunla beraber frende tutmama, eski performansı sağlayamama ve fren mesafesinin uzaması gibi olumsuzluklar ortaya çıkar.

Periyodik Bakım

Fren yağı kalite ölçüm kalemi ile aracınızdan fren yağının kalitesini öğrenebilir, değişim zamanını belirleyerek periyodik bakımını gerçekleştirebilirsiniz. Düzenli kontrol, güvenli sürüşün temelidir.

Güvenli Sürüş

Araç için fren, fren içinse hidrolik yağı önemlidir. Fren hidroliğine metal uçlu sondayı batırarak cihazın üstündeki dijital göstergeye bakarak fren hidrolik kalitesini kontrol edebilir ve güvenli sürüş için gerekli önlemleri alabilirsiniz.

Kolay Kullanım

BF-200 Fren Hidrolik Kalemi Nasıl Kullanılır?

BF-200 fren hidrolik yağı kalite ölçüm kalemi, fren yağınızın kalitesini test etmek için basit ama etkili bir kullanım sunar. Aşağıdaki adımları takip ederek fren hidrolik yağınızın kalitesini kolayca kontrol edebilirsiniz.

1

Pil Takma

Fren Hidrolik Test Cihazına 2 adet AAA 1.5V pil takınız. NOT: Piller dahil değildir. Pil takıldıktan sonra cihaz kullanıma hazır hale gelecektir.

2

Cihazı Açma ve Standart Seçimi

Fren Hidrolik Test Cihazının Power tuşuna basın. Dijital ekranı takip ederek fren hidroliğinin standardını "DOT-3, DOT-4, DOT-5.1" seçeneklerinden uygun olanı seçiniz.

3

Sondayı Batırma

Metal uçlu sondayı fren hidroliği içerisine batırın. Sondanın fren yağı ile tam temas ettiğinden emin olun. Cihaz otomatik olarak ölçüm yapmaya başlayacaktır.

4

Sonuçları Değerlendirme

Çıkan sonuçlara göre fren hidroliğinizi değerlendiriniz. Standartın üzerinde nem tespit edilmesi halinde cihaz sesli uyarı verecektir. Gerekirse fren yağınızı değiştirin.

Teknik Detaylar

BF-200 Teknik Özellikleri

BF-200 Fren Hidrolik Yağı Kalite Ölçüm Kalemi, fren yağı kalitesini test etmek için tasarlanmış yüksek performanslı bir cihazdır. Modern teknoloji ve dayanıklı malzemelerle üretilmiştir.

Model
BF-200
Ürün Tipi
Fren Hidrolik Yağı Kalite Ölçüm Kalemi
Test Standartları
DOT-3, DOT-4, DOT-5.1
Ekran
Dijital LCD Gösterge
Güç Kaynağı
2 x AAA 1.5V Pil (Dahil Değil)
Sonda Tipi
Metal Uçlu Sonda
Uyarı Sistemi
Sesli Uyarı
Özel Özellikler
Kaymaz Tabanlı Padler, Ergonomik Tutuş
Kullanım Alanı
Tüm Araç Tipleri
Boyutlar
Kompakt Kalem Tasarım
Ağırlık
Hafif ve Taşınabilir

Sıkça Sorulan Sorular

BF-200 Hakkında Merak Edilenler

BF-200 Fren Hidrolik Yağı Kalite Ölçüm Kalemi hakkında en çok sorulan soruların cevaplarını burada bulabilirsiniz. Ürün kullanımı, özellikleri ve bakımı hakkında detaylı bilgiler.

BF-200 ile hangi fren yağı standartlarını test edebilirim?

BF-200 fren hidrolik yağı kalite ölçüm kalemi, en yaygın kullanılan üç fren yağı standardını destekler:

• DOT-3: Geleneksel fren yağı standardı, çoğu eski model araçta kullanılır
• DOT-4: Modern araçlarda en yaygın kullanılan fren yağı standardı
• DOT-5.1: Yüksek performanslı araçlar için geliştirilmiş fren yağı standardı

Cihaz, dijital ekranından istediğiniz standardı seçmenize olanak tanır ve o standarda göre fren yağınızın kalitesini test eder. Tüm araç tiplerinde kullanılabilir.

Fren yağı kalitesi neden önemlidir?

Fren yağı kalitesi, araç güvenliği açısından kritik öneme sahiptir:

• Fren Performansı: Kaliteli fren yağı, fren sisteminin maksimum performansla çalışmasını sağlar.
• Buhar Oluşumunu Engeller: Yüksek ısıda buhar oluşumunu önleyerek fren kaybını engeller.
• Pedal Düşmesini Önler: Kalitesiz yağ pedal düşmesine ve fren mesafesinin uzamasına neden olur.
• Güvenli Sürüş: Düzenli kontrol ve bakım, güvenli sürüşün temelidir.

BF-200 ile fren yağınızın nem oranını ve kalitesini düzenli olarak kontrol ederek, fren sisteminizin her zaman en iyi performansta çalışmasını sağlayabilirsiniz.

Cihaz hangi araç türlerinde kullanılabilir?

BF-200, fren hidrolik sistemi olan tüm araç türlerinde kullanılabilir:

• Binek Otomobiller: Tüm marka ve model otomobiller
• SUV ve Crossoverlar: Büyük ve küçük tüm SUV modelleri
• Hafif Ticari Araçlar: Panelvanlar, minibüsler ve pickup'lar
• Ağır Vasıtalar: Kamyonlar, otobüsler ve iş makineleri
• Motosikletler: Fren hidrolik sistemi olan motosikletler

DOT-3, DOT-4 ve DOT-5.1 standartlarını desteklediği için hemen hemen tüm araç tiplerinde kullanılabilir. Periyodik bakım ve kontrol için idealdir.

Cihazı kullanmak için teknik bilgi gerekli mi?

BF-200, son derece basit ve kullanıcı dostu bir tasarıma sahiptir. Teknik bilgi gerektirmez:

• Basit Kullanım: Sadece 4 adımda fren yağı kalitesini test edebilirsiniz.
• Dijital Gösterge: Net ve anlaşılır dijital ekran, sonuçları kolayca gösterir.
• Sesli Uyarı: Kritik durumlarda sesli uyarı ile bilgilendirilirsiniz.
• Ergonomik Tasarım: Kaymaz tutacaklar ile kolay ve güvenli kullanım.

Herhangi bir teknik bilgi veya deneyim gerektirmez. Araç sahipleri, hobi amaçlı tamirciler ve profesyonel teknisyenler tarafından kolayca kullanılabilir.

Ne sıklıkla fren yağı kontrolü yapmalıyım?

Fren yağı kontrolü, araç güvenliği için düzenli yapılması gereken önemli bir bakımdır:

• Her 6 Ayda Bir: Düzenli kullanılan araçlarda 6 ayda bir kontrol önerilir.
• Yıllık Bakımda: Yıllık periyodik bakım sırasında mutlaka kontrol edilmelidir.
• Fren Performansı Düştüğünde: Fren pedalında yumuşama veya pedal düşmesi hissedildiğinde.
• Uzun Yolculuk Öncesi: Uzun yolculuklara çıkmadan önce kontrol edilmesi önerilir.

BF-200 ile düzenli kontroller yaparak fren sisteminizin her zaman en iyi durumda olmasını sağlayabilir ve güvenli sürüş için gerekli önlemleri alabilirsiniz.

Cihazın garanti süresi nedir?

BF-200 Fren Hidrolik Yağı Kalite Ölçüm Kalemi, otoeko.com tarafından sağlanan 1 yıl resmi Türkiye garantisi kapsamındadır. Bu garanti sadece fabrikasyon hatalara karşı geçerlidir. Yanlış kullanım, düşürme, sıvı teması, yetkisiz tamir girişimleri gibi durumlar garanti kapsamı dışındadır. Garanti hizmeti için faturanızla birlikte otoeko.com ile iletişime geçmeniz yeterlidir.

Size Özel Destek

Destek ve İletişim

BF-200 ile ilgili her türlü soru ve destek talebiniz için otoeko.com yanınızda. Size yardımcı olmaktan mutluluk duyarız.

Telefon Desteği

Hafta içi 09:00-18:00 saatleri arasında telefon ile teknik destek ve sipariş konularında yardım alabilirsiniz.

0850 532 0550

E-posta Desteği

7/24 e-posta desteğimiz ile sorularınızı iletebilir, en geç 24 saat içinde yanıt alabilirsiniz.

info@otoeko.com

WhatsApp Desteği

WhatsApp üzerinden bize ulaşarak hızlı destek alabilirsiniz.

WhatsApp Destek Hattı