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

ThInkTool Master

Devrim Niteliğinde Profesyonel Arıza Tespit Ve ECU Programlama Sistemi

Kablosuz

Bluetooth bağlantı

120+ Marka

Geniş araç kapsamı

Hızlı Teşhis

Anında sonuçlar

Satın Al

YENİ NESİL TEKNOLOJİ

ThinkTool Master

Profesyonel Arıza Tespit Sistemi

360°

Üstün Teknoloji

Modern araçlarda tam teşhis gücü. ThinkTool Master ile araç elektroniğinin tüm sistemlerine erişim sağlayın, sorunları anında tespit edin ve çözün. Profesyonel servisler için geliştirilmiş üstün teknoloji.

Kablosuz Bağlantı
120+ Marka Desteği
Hızlı Teşhis
Tam Sistem Erişimi

ThinkTool Master Üstün Yetenekleri

ThinkTool Master, kapsamlı servis fonksiyonları ve benzersiz yetenekleriyle araç bakım ve onarım süreçlerinizi kolaylaştırır. Arıza tespitinden ECU programlamaya kadar profesyonel çözümler sunarak atölyenizin verimliliğini artırın.

oil_barrelYağ Sıfırlama
tuneGaz Kelebeği Adapt.
front_handFren Sıfırlama
vpn_keyImmobilizer
exploreDireksiyon Açı Sensörü
build_circleABS Hava Alma
battery_charging_fullAkü Sıfırlama
airline_seat_recline_normalKoltuk Kalibrasyonu
languageDil Ayarlama
tire_repairLastik Parametresi
settingsVites Öğrenme
speedOdometre Sıfırlama
health_and_safetyAirbag Reset
power_settings_newStop/Start Reset
lightbulbAdaptif Far Sistemi
local_gas_stationEnjektör Kodlama
filter_altDPF Rejenerasyonu
sensorsTPMS Reset
web_assetSunroof Reset
heightSüspansiyon Reset
settings_applicationsŞanzıman Reset
thermostatNOx Sensör Reset
aspect_ratioPencere Kalibrasyonu
boltTurbo Kalibrasyonu
recyclingEGR Reset
water_dropAdBlue Reset (SCR)
add_circle_outlineVe Daha Fazlası

Not: Listelenen üstün yetenekler ve servis fonksiyonları araç marka, model ve yılına göre değişiklik gösterebilir.

Teknik Özellikler

memory

İşlemci

Octa-Core 2.0GHz

memory

RAM

4GB LPDDR4

tablet_android

Ekran

10.1" IPS HD
Dokunmatik Panel

directions_car

Araç Desteği

120+ Marka
Tüm OBD-II Protokolleri

battery_full

Pil

6000mAh Li-Polymer
8+ Saat Kullanım

build

Dayanıklılık

IP65 Su & Toz
Darbeye Dayanıklı

system_update_alt

Yazılım

Android 10 OS
Online Güncelleme

save

Disk Kapasitesi

64GB Dahili

wifi

Bağlantı

Bluetooth 5.0
WiFi 802.11 a/b/g/n/ac

card_membership

Güncelleme Lisansı

İlk 2 yıl ücretsiz

Neden ThinkTool Master Tercih Edilmelidir?

ThinkTool Master, otomotiv teşhis ve programlama alanında profesyonellerin ihtiyaç duyduğu tüm özellikleri ve daha fazlasını sunar. Rakip ürünlerden ayrışan temel avantajlarımız şunlardır:

• Kapsamlı Araç Desteği ve Derinlemesine Teşhis: 120'den fazla araç markasıyla uyumluluk ve tüm sistemlere erişim sayesinde, en karmaşık arızaları bile hızlıca tespit edebilirsiniz. Sadece arıza kodu okumanın ötesine geçerek, canlı veri akışı, aktivasyon testleri ve özel fonksiyonlarla derinlemesine analiz imkanı sunar.
• Gelişmiş ECU Programlama ve Kodlama Fonksiyonları: ThinkTool Master, online ve offline ECU programlama, adaptasyon ve kodlama yetenekleriyle donatılmıştır. Bu sayede, parça değişimleri sonrası adaptasyonları kolayca yapabilir, gizli özellikleri aktif edebilir ve araç performansını optimize edebilirsiniz.
• Kullanıcı Dostu Arayüz ve Sürekli Güncellemeler: Android tabanlı işletim sistemi ve sezgisel arayüzü sayesinde cihazı kullanmak son derece kolaydır. Ayrıca, 2 yıl boyunca ücretsiz online güncellemelerle cihazınız her zaman en son teknolojilere ve araç modellerine hazır olur.
• Üstün Donanım ve Dayanıklılık: Güçlü işlemcisi, geniş ekranı, uzun pil ömrü ve IP65 dayanıklılık sertifikası ile ThinkTool Master, zorlu atölye koşullarında bile kesintisiz performans sunar. Kablosuz VCI adaptörü ise hareket özgürlüğü sağlar.
• Profesyonel Destek ve Geniş Servis Ağı: otoeko.com güvencesiyle sunulan ThinkTool Master, satış sonrası destek ve eğitim olanaklarıyla her zaman yanınızdadır. Alanında uzman teknik ekibimiz, her türlü sorunuzda size yardımcı olmaya hazırdır.

ThinkTool Master ile atölyenizin verimliliğini artırın, müşteri memnuniyetini en üst seviyeye taşıyın ve rekabette bir adım öne geçin. Yatırımınızın karşılığını fazlasıyla alacağınız bu profesyonel sistem, iş akışlarınızı optimize ederek size zaman ve maliyet tasarrufu sağlayacaktır.

360° Ürün Tanıtımı & Online Güncelleme

360° Ürün İncelemesi

ThinkTool Master'ı her açıdan keşfedin

360°

Online Güncelleme

Her zaman güncel, her zaman hazır

İlk 2 Yıl - Tamamen Ücretsiz!

Tüm yeni özellikler, araç modelleri ve iyileştirmeler otomatik olarak cihazınıza gelir.

2. Yıl Sonrası - Yıllık Güncelleme Paketi

Cihazınızı en son teknolojilerle güncel tutmak için 1 yıllık güncelleme paketi satın alabilirsiniz.

Hızlı İndirme
Otomatik Kurulum
Güvenli Güncelleme

Güncelleme Sayfası

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

KUTU İÇERİĞİ

ThinkTool Master'ı satın aldığınızda sizi bekleyen kapsamlı donanım ve aksesuarlar.

Paketinizde Neler Var?

• tablet_android
  ThinkTool Master Tablet
• bluetooth_connected
  Thinkdiag Teşhis VCI Adaptörü
• cable Thinkdiag Ana Kablosu
• settings_input_component
  Bağlantı Adaptörleri
• power
  Universal Dönüştürme Priz Başlığı
• usb
  Type-C Kablosu
• charging_station
  Güç Adaptörü
• work
  Kaliteli Taşıma Çantası
• menu_book
  Kullanım Kılavuzu
• mail
  Aktivasyon PIN Zarfı
• description
  Hızlı Başlangıç Kılavuzu

Komple Profesyonel Set

VCI Bluetooth Modülü

OBD-II Ana Kablosu

Bağlantı Adaptörleri

Merak Edilenler

ThinkTool Master hangi araç markalarını destekliyor?

ThinkTool Master, Amerikan, Avrupa ve Asya pazarlarından 120'den fazla araç markasını desteklemektedir.

ThinkTool Master cihazı Türkçe dil desteği sunuyor mu?

Evet, ThinkTool Master cihazı tamamen Türkçe arayüze sahiptir ve Türkçe dil desteği sunmaktadır. Bu sayede cihazı kolaylıkla kullanabilir ve tüm fonksiyonlara rahatça erişebilirsiniz.

Cihaz hangi işletim sistemleri ile uyumludur?

ThinkTool Master, Android 10 işletim sistemi ile çalışır ve Windows, iOS sistemlerle uyumlu değildir. Cihaz kendi başına çalışan bağımsız bir sistemdir.

Cihazın yazılım güncellemeleri ücretli mi?

ThinkTool Master, satın alındığı tarihten itibaren ilk 2 yıl boyunca ücretsiz online yazılım güncellemesi sunmaktadır. 2 yıl sonunda, cihazı tam özelliklerle kullanabilmek için güncelleme satın almanız gerekir. Satın alınan güncelleme paketi 1 yıl süreyle geçerlidir.

ThinkTool Master için yazılım güncellemeleri ne sıklıkta yayınlanır?

ThinkTool Master için düzenli olarak yazılım güncellemeleri yayınlanmaktadır. Bu güncellemeler, yeni araç modelleri desteği, mevcut fonksiyonların iyileştirilmesi ve yeni teşhis yetenekleri eklenmesi gibi yenilikleri içerir. Cihazınız internete bağlıyken güncellemeleri kolayca kontrol edebilir ve yükleyebilirsiniz.

ThinkTool Master'ın Bluetooth çekim mesafesi ne kadardır?

ThinkTool Master'ın VCI adaptörü, açık alanda 30 metreye kadar kararlı Bluetooth bağlantısı sağlar. Kapalı alanlarda bu mesafe duvar ve engellere bağlı olarak değişiklik gösterebilir.

Cihazın garanti süresi ne kadar?

ThinkTool Master tablet ve VCI adaptörü, üretim hatalarına karşı 1 yıl garantilidir. Aksesuarlar için garanti süresi farklılık gösterebilir.

Destek ve İletişim

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

Telefon

+90 850 532 05 50

Hafta içi 09:00 - 18:00

E-posta

info@otoeko.com

WhatsApp

0850 532 05 50

Hızlı Destek Hattı

.box-contents-section { font-family: 'Outfit', sans-serif; padding: 70px 0; background-color: #fff; /* Beyaz arka plana geri dönüldü */ border-radius: 8px; /* Orijinal border-radius */ margin: 50px 0; /* color: var(--white); Bu satır kaldırıldı, ana renkler CSS'in başından miras alınacak */ } .box-contents-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .main-title { text-align: center; font-size: 32px; font-weight: 700; color: #333; /* Orijinal renk */ text-transform: uppercase; margin-bottom: 15px; } .main-title span { color: #9b000a; /* Orijinal renk */ position: relative; } .main-title span::after { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background-color: #9b000a; /* Orijinal renk */ } .contents-subtitle { text-align: center; color: #666; /* Orijinal renk */ font-size: 15px; margin-bottom: 40px; } .contents-layout { display: flex; gap: 30px; align-items: stretch; } .contents-list-column { flex: 0.9; display: flex; flex-direction: column; justify-content: center; /* İçeriği dikeyde ortalamak için */ } .list-heading { font-size: 22px; color: #333; /* Orijinal renk */ margin-bottom: 20px; font-weight: 600; padding-bottom: 5px; border-bottom: 1px solid #eee; /* Orijinal border */ } .contents-list { list-style: none; padding: 0; margin: 0; /* flex-grow: 1; kaldırıldı, dikey ortalama için */ } .list-item { display: flex; align-items: center; /* Dikeyde ortalamak için flex-start'tan center'a değiştirildi */ margin-bottom: 18px; /* Boşluk artırıldı */ color: #333; /* Orijinal renk */ font-size: 1.05rem; /* Yazı boyutu artırıldı */ line-height: 1.6; /* Satır yüksekliği artırıldı */ } .list-item i { color: #9b000a; /* Orijinal renk */ margin-right: 12px; font-size: 1.4rem; /* İkon boyutu artırıldı */ flex-shrink: 0; margin-top: 0; /* align-items: center ile dikey hizalama sağlandığı için sıfırlandı */ } .special-item-box { color: #9b000a; /* Orijinal renk */ display: flex; align-items: center; margin: 15px 0; padding: 12px 15px; background-color: #fff8f8; /* Orijinal arka plan */ border-left: 3px solid #9b000a; /* Orijinal border */ border-radius: 4px; } .special-item-box i { color: #9b000a; /* Orijinal renk */ margin-right: 12px; font-size: 22px; flex-shrink: 0; } .special-item-box strong { color: #9b000a; /* Orijinal renk */ text-decoration: underline; } .contents-note { margin-top: 20px; font-size: 14px; color: #666; /* Orijinal renk */ line-height: 1.5; margin-top: auto; padding-top: 15px; } .contents-images-column { flex: 1.1; display: flex; flex-direction: column; } .images-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* Masaüstünde 2 sütun */ gap: 20px; /* Öğeler arası boşluk biraz artırıldı */ flex-grow: 1; /* Sütun içinde kalan dikey alanı doldurması için */ } .image-cell { /* Yeni sarmalayıcı için stiller */ display: flex; flex-direction: column; align-items: center; text-align: center; } .grid-image-container { /* Sadece görseli içeren konteyner */ background-color: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; padding: 15px; margin-bottom: 10px; /* Başlıkla arasında boşluk */ width: 100%; /* Genişliği hücreye yay */ aspect-ratio: 1 / 1; /* Kare oranını koru, görsellerin sığması için */ display: flex; align-items: center; justify-content: center; } .grid-image-container img { /* .grid-item img yerine */ max-width: 100%; max-height: 100%; object-fit: contain; /* margin-bottom: 15px; kaldırıldı, .grid-image-container'a eklendi */ } .grid-caption { font-size: 14px; color: #333; font-weight: 500; margin-top: 0; /* Üstteki boşluk kaldırıldı, image-container'dan geliyor */ } @media (max-width: 992px) { .contents-layout { flex-direction: column; } .images-grid { /* grid-template-rows: repeat(2, 1fr); kaldırıldı */ /* aspect-ratio: 2/2; kaldırıldı */ } .contents-note { margin-top: 20px; } } @media (max-width: 768px) { .main-title { font-size: 28px; } .list-heading { font-size: 20px; } } @media (max-width: 576px) { .main-title { font-size: 24px; } .contents-subtitle { font-size: 14px; } .images-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .grid-image-container { /* Mobil için görsel konteynerı */ padding: 10px; margin-bottom: 8px; aspect-ratio: 1/0.8; /* Mobil için biraz daha dikey olabilir */ } .grid-image-container img { /* max-height: 120px; kaldırıldı, aspect-ratio belirleyecek */ } .grid-caption { font-size: 13px; /* Mobil için biraz daha küçük olabilir */ line-height: 1.2; } } /* Merak Edilenler (SSS) Bölümü Yeni Stilleri */ .faq-section { padding: 60px 20px; background-color: #f8f9fa; /* Bölüm için açık bir arka plan */ border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); margin-top: 50px; margin-bottom: 50px; } .faq-section .master-container { max-width: 900px; /* Daha dar bir içerik alanı */ margin: 0 auto; } .faq-section .faq-title { /* .faq-title zaten global olarak tanımlı olabilir, bu section içindeki spesifik olanı hedefler */ text-align: center; color: #9b000a; font-size: 2.2rem; font-weight: 700; margin-bottom: 40px; position: relative; } .faq-section .faq-title:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: #9b000a; } .faq-item { background-color: #ffffff; /* Her SSS öğesi için beyaz arka plan */ border-radius: 8px; margin-bottom: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); transition: box-shadow 0.3s ease; overflow: hidden; /* İçerik taşmasını engellemek ve border-radius'u korumak için */ } .faq-item:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } .faq-question { padding: 20px 25px; font-size: 1.1rem; font-weight: 600; color: #333; cursor: pointer; position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0; } .faq-item.active .faq-question { color: #9b000a; /* Aktif soru için ana renk */ background-color: #fff8f8; /* Aktif soru için hafif arka plan */ } .faq-question::after { /* Ok ikonu */ content: 'f078'; /* FontAwesome chevron-down */ font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.9rem; color: #9b000a; /* Ana renk */ transition: transform 0.3s ease; margin-left: 15px; /* Soru metni ile ikon arasına boşluk */ display: inline-block; /* İkonun render edilmesini garantilemek için */ } .faq-item.active .faq-question::after { transform: rotate(180deg); /* Cevap açıkken ikon döner */ } .faq-answer { padding: 0px 25px; /* Yatay padding kalsın, dikey padding animasyonla gelecek */ font-size: 1rem; line-height: 1.7; color: #555; max-height: 0; /* Başlangıçta kapalı */ overflow: hidden; transition: max-height 0.35s ease-out, padding-top 0.35s ease-out, padding-bottom 0.35s ease-out; margin:0; background-color: #ffffff; /* Cevap alanı için de beyaz arka plan */ } .faq-item.active .faq-answer { border-top: 1px solid #e9ecef; /* Sadece aktifken soru ile cevap arasına ince bir çizgi */ } .faq-item.active .faq-answer { max-height: 600px; /* Cevabın sığacağı bir yükseklik, içeriğe göre ayarlanabilir */ padding-top: 20px; padding-bottom: 20px; } /* Responsive iyileştirmeler */ @media (max-width: 768px) { .faq-section { padding: 40px 15px; } .faq-section .faq-title { font-size: 1.8rem; margin-bottom: 30px; } .faq-question { font-size: 1rem; padding: 15px 20px; } .faq-answer { font-size: 0.9rem; padding: 0px 20px; } .faq-item.active .faq-answer { padding-top: 15px; padding-bottom: 15px; } } /* Destek ve İletişim Bölümü Stilleri */ .contact-support-section { padding: 60px 20px; background-color: #ffffff; /* Diğer bölümlerden ayırmak için beyaz veya çok açık gri */ font-family: 'Outfit', sans-serif; margin-top: 50px; margin-bottom: 50px; /* Altına boşluk bırakmak için */ text-align: center; border-top: 1px solid #eee; /* Üstüne ince bir çizgi */ } .contact-support-section .master-container { max-width: 1100px; /* İçerik alanını biraz daha geniş tutabiliriz */ } .contact-support-section .section-title { color: #9b000a; font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; /* Alt başlıkla arasını aç */ position: relative; } .contact-support-section .section-title::after { content: ''; position: absolute; bottom: -10px; /* Çizgiyi başlığa yaklaştır */ left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: #9b000a; border-radius: 2px; } .contact-support-section .section-subtitle { font-size: 1.1rem; color: #555; margin-bottom: 50px; /* Grid ile arasını aç */ max-width: 750px; margin-left: auto; margin-right: auto; line-height: 1.7; } .contact-info-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; max-width: 1000px; margin: 0 auto; padding: 0 15px; } .contact-item { background-color: #f8f9fa; padding: 20px 15px; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; flex: 1; min-width: 200px; max-width: 300px; box-sizing: border-box; overflow: hidden; } .contact-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); } .contact-item i { font-size: 2.8rem; /* İkonları büyüt */ color: #9b000a; margin-bottom: 20px; /* İkonla başlık arasını aç */ } .contact-item h3 { font-size: 1.4rem; /* Başlıkları büyüt */ font-weight: 600; color: #333; margin-bottom: 12px; } .contact-item p { font-size: 1rem; color: #555; line-height: 1.65; margin-bottom: 8px; } .contact-item p a { color: #9b000a; text-decoration: none; font-weight: 500; } .contact-item p a:hover { text-decoration: underline; } .contact-item p:last-child { margin-bottom: 0; } @media (max-width: 768px) { .contact-support-section .section-title { font-size: 1.9rem; } .contact-support-section .section-subtitle { font-size: 1rem; margin-bottom: 40px; } .contact-info-grid { flex-direction: column; gap: 20px; max-width: 400px; } .contact-item { padding: 25px 20px; min-width: unset; max-width: unset; width: 100%; } .contact-item i { font-size: 2.5rem; } .contact-item h3 { font-size: 1.25rem; } } /* 360° Video & Online Güncelleme Bölümü Stilleri */ .video-update-section { padding: 60px 20px; background-color: #ffffff; font-family: 'Outfit', sans-serif; margin-top: 50px; margin-bottom: 50px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .video-update-section .master-container { max-width: 1200px; margin: 0 auto; } .video-update-section .section-title { text-align: center; color: #9b000a; font-size: 2.2rem; font-weight: 700; margin-bottom: 50px; position: relative; } .video-update-section .section-title:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: #9b000a; border-radius: 2px; } .video-update-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } /* Video Kartı Stilleri */ .video-card { background-color: #f8f9fa; border-radius: 16px; padding: 30px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; } .video-card:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12); } .video-header { text-align: center; margin-bottom: 25px; } .video-title { font-size: 1.4rem; font-weight: 600; color: #333; margin-bottom: 8px; } .video-subtitle { font-size: 1rem; color: #666; margin-bottom: 0; } .video-container { position: relative; background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 12px; } .video-overlay { position: absolute; top: 15px; right: 15px; z-index: 10; } .video-tag { background-color: rgba(155, 0, 10, 0.9); color: white; padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.5px; box-shadow: 0 2px 8px rgba(155, 0, 10, 0.3); } /* Online Güncelleme Kartı Stilleri */ .update-card { background: linear-gradient(135deg, #9b000a, #800008); border-radius: 16px; padding: 30px; box-shadow: 0 8px 25px rgba(155, 0, 10, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; color: white; position: relative; overflow: hidden; } .update-card:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(155, 0, 10, 0.3); } .update-card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); border-radius: 50%; z-index: 0; } .update-header { text-align: center; margin-bottom: 25px; position: relative; z-index: 1; } .update-icon { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; backdrop-filter: blur(10px); } .update-icon i { font-size: 2rem; color: white; } .update-title { font-size: 1.4rem; font-weight: 600; color: white; margin-bottom: 8px; } .update-subtitle { font-size: 1rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 0; } .update-content { position: relative; z-index: 1; } .update-features { margin-bottom: 25px; } .feature-point { display: flex; align-items: center; margin-bottom: 12px; font-size: 0.95rem; line-height: 1.5; } .feature-point i { color: #4ade80; margin-right: 12px; font-size: 1.1rem; flex-shrink: 0; } .feature-point span { color: white; } .feature-point strong { color: #fbbf24; } .update-action { text-align: center; } .update-button { display: inline-flex; align-items: center; gap: 10px; background: white; color: #9b000a; padding: 15px 25px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border: 2px solid transparent; } .update-button:hover { background: transparent; color: white; border-color: white; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .update-button i { font-size: 0.9rem; } /* Timeline Stilleri */ .update-timeline { margin-bottom: 30px; } .timeline-item { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px; position: relative; z-index: 2; } .timeline-icon { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 2; } .free-period .timeline-icon { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3); } .paid-period .timeline-icon { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3); } .timeline-icon i { font-size: 1.3rem; color: white; } .timeline-content { flex: 1; text-align: center; } .timeline-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 8px; color: white; } .timeline-desc { font-size: 0.9rem; line-height: 1.5; color: rgba(255, 255, 255, 0.9); margin-bottom: 12px; } .timeline-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .free-badge { background: linear-gradient(135deg, #10b981, #059669); color: white; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3); } .paid-badge { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3); } .timeline-divider { display: flex; align-items: center; justify-content: center; margin: 15px 0; position: relative; } .divider-line { width: 2px; height: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1)); position: relative; } .divider-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); } .divider-icon i { font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); } /* Benefits Stilleri */ .update-benefits { display: flex; justify-content: space-around; gap: 15px; margin-bottom: 25px; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .benefit-item { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; } .benefit-item i { font-size: 1.5rem; color: #fbbf24; margin-bottom: 8px; padding: 10px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .benefit-item span { font-size: 0.85rem; color: white; font-weight: 500; line-height: 1.3; } /* Responsive Tasarım */ @media (max-width: 992px) { .video-update-grid { grid-template-columns: 1fr; gap: 30px; } .video-card, .update-card { padding: 25px; } } @media (max-width: 768px) { .video-update-section { padding: 40px 15px; } .video-update-section .section-title { font-size: 1.8rem; margin-bottom: 35px; } .video-title, .update-title { font-size: 1.2rem; } .video-subtitle, .update-subtitle { font-size: 0.9rem; } .video-card, .update-card { padding: 20px; } .update-icon { width: 60px; height: 60px; margin-bottom: 15px; } .update-icon i { font-size: 1.7rem; } .feature-point { font-size: 0.9rem; margin-bottom: 10px; } .update-button { padding: 12px 20px; font-size: 0.9rem; } } @media (max-width: 576px) { .video-update-grid { gap: 20px; } .video-card, .update-card { padding: 18px; } .video-header, .update-header { margin-bottom: 20px; } .update-timeline { margin-bottom: 20px; } .timeline-item { gap: 12px; margin-bottom: 20px; } .timeline-icon { width: 45px; height: 45px; } .timeline-icon i { font-size: 1.1rem; } .timeline-title { font-size: 1.1rem; } .timeline-desc { font-size: 0.85rem; } .timeline-badge { font-size: 0.7rem; padding: 3px 10px; } .timeline-divider { margin: 10px 0; } .divider-line { height: 25px; } .divider-icon { width: 25px; height: 25px; } .divider-icon i { font-size: 0.8rem; } .update-benefits { gap: 10px; padding: 15px 0; margin-bottom: 20px; } .benefit-item i { font-size: 1.3rem; width: 40px; height: 40px; padding: 8px; } .benefit-item span { font-size: 0.8rem; } .update-button { padding: 10px 18px; font-size: 0.85rem; } } /* KDV Bilgilendirme Bölümü Stilleri */ .vat-info-section { padding: 60px 20px; background-color: #f9f9f9; font-family: 'Outfit', sans-serif; margin-top: 50px; margin-bottom: 50px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } .vat-info-section .master-container { max-width: 1200px; margin: 0 auto; } .vat-info-title { text-align: center; color: #9b000a; font-size: 2.2rem; font-weight: 700; margin-bottom: 50px; position: relative; } .vat-info-title:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: #9b000a; border-radius: 2px; } .vat-combined-card { background-color: #ffffff; border-radius: 16px; padding: 40px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .vat-notice-area { display: flex; flex-direction: column; justify-content: center; } .vat-notice { background-color: #fef3cd; border: 1px solid #fbbf24; border-radius: 12px; padding: 20px; display: flex; align-items: center; gap: 15px; } .vat-notice i { color: #f59e0b; font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; } .vat-notice p { margin: 0; color: #92400e; font-size: 1.1rem; line-height: 1.6; font-weight: 500; } .contact-action-area { display: flex; flex-direction: column; align-items: center; text-align: center; } .contact-benefits { display: flex; justify-content: space-around; gap: 20px; margin-bottom: 25px; padding: 20px 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; width: 100%; } .contact-benefit { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; } .contact-benefit i { font-size: 1.5rem; color: #25d366; margin-bottom: 8px; padding: 12px; background: rgba(37, 211, 102, 0.1); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } .contact-benefit span { font-size: 0.9rem; color: #333; font-weight: 600; line-height: 1.3; } .whatsapp-action { width: 100%; } .whatsapp-button { display: inline-flex; align-items: center; gap: 12px; background: #25d366; color: white; padding: 18px 30px; border-radius: 50px; text-decoration: none; font-weight: 500; font-size: 1.1rem; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3); border: none; width: 100%; justify-content: center; position: relative; overflow: hidden; } .whatsapp-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .whatsapp-button:hover::before { left: 100%; } .whatsapp-button:hover { background: #128c7e; transform: translateY(-3px); box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4); } .whatsapp-button i { font-size: 1.4rem; background: rgba(255, 255, 255, 0.2); padding: 8px; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } .whatsapp-button span { font-weight: 600; letter-spacing: 0.5px; } /* Responsive Tasarım */ @media (max-width: 768px) { .vat-combined-card { grid-template-columns: 1fr; gap: 30px; padding: 30px 25px; } .vat-notice { padding: 18px; } .vat-notice p { font-size: 1rem; } .contact-benefits { gap: 15px; padding: 15px 0; margin-bottom: 20px; } .contact-benefit i { width: 45px; height: 45px; font-size: 1.3rem; padding: 10px; } .contact-benefit span { font-size: 0.85rem; } .whatsapp-button { padding: 15px 25px; font-size: 1rem; } } @media (max-width: 480px) { .vat-combined-card { padding: 25px 20px; } .contact-benefits { flex-direction: column; gap: 15px; } .whatsapp-button { padding: 15px 25px; font-size: 1rem; } }