ThinkTool Master CV - Ağır Vasıta Arıza Tespit Cihazı .master-cv-wrapper { margin: 0; padding: 0; font-family: 'Outfit', sans-serif; width: 100%; min-height: 100vh; } .master-cv-wrapper * { margin: 0; padding: 0; box-sizing: border-box; } .master-cv-wrapper .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-cv-wrapper .master-container { max-width: 1200px; width: 100%; margin: 0 auto; text-align: center; position: relative; color: #9b000a; } .master-cv-wrapper .page-logo { display: block; margin: 0 auto 20px auto; max-width: 150px !important; height: auto !important; } .master-cv-wrapper .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); } .master-cv-wrapper .product-name::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 120px; height: 4px; background-color: #9b000a; } .master-cv-wrapper .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; } .master-cv-wrapper .feature-icons { display: flex; justify-content: center; margin: 30px 0; gap: 60px; } .master-cv-wrapper .feature-icon { display: flex; flex-direction: column; align-items: center; } .master-cv-wrapper .feature-icon i { font-size: 2.5rem; color: #9b000a; margin-bottom: 10px; transition: all 0.2s ease-in-out; } .master-cv-wrapper .feature-icon span { font-size: 1rem; color: #333333; font-weight: 600; text-align: center; } .master-cv-wrapper .feature-icon p { font-size: 0.9rem; color: #555555; text-align: center; } .master-cv-wrapper .feature-icon i:hover { transform: translateY(-3px) scale(1.1); color: #c8000a; } .master-cv-wrapper .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; } .master-cv-wrapper .cta-button:hover { background-color: white; color: #9b000a; border-color: #9b000a; transform: translateY(-3px); } .master-cv-wrapper .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; } .master-cv-wrapper .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); } } .master-cv-wrapper .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) { .master-cv-wrapper .product-name { font-size: 2.8rem; } .master-cv-wrapper .tagline { font-size: 1.1rem; } .master-cv-wrapper .feature-icons { gap: 60px; } .master-cv-wrapper .feature-icon i { font-size: 2rem; } .master-cv-wrapper .feature-icon span { font-size: 0.9rem; text-align: center; } .master-cv-wrapper .feature-icon p { font-size: 0.8rem; text-align: center; } .master-cv-wrapper .cta-button { font-size: 0.9rem; padding: 14px 35px; } .master-cv-wrapper .background-container { border-radius: 15px; padding: 40px 15px; } } @media (max-width: 600px) { .master-cv-wrapper .product-name { font-size: 1.8rem; line-height: 1.2; margin-bottom: 20px; } .master-cv-wrapper .product-name::after { bottom: -6px; width: 70px; height: 2px; } .master-cv-wrapper .tagline { font-size: 0.8rem; margin-bottom: 15px; } .master-cv-wrapper .page-logo { max-width: 135px !important; margin-bottom: 15px; } .master-cv-wrapper .background-container { padding: 20px 10px; border-radius: 10px; } .master-cv-wrapper .feature-icons { flex-direction: column; gap: 30px; margin: 15px 0; } .master-cv-wrapper .feature-icon i { font-size: 1.8rem; margin-bottom: 5px; } .master-cv-wrapper .feature-icon span { font-size: 0.9rem; text-align: center; } .master-cv-wrapper .feature-icon p { font-size: 0.75rem; text-align: center; } .master-cv-wrapper .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; } /* Masaüstü için 7 sütun */ .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: 1200px) { /* 7'li düzenden düşmeye başlayacağı breakpoint */ .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 için yukarıdaki 1200px kuralı geçerli olacak veya daha spesifik bir ayar gerekirse buraya eklenebilir */ .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 için yukarıdaki 1200px kuralı geçerli olacak veya daha spesifik bir ayar gerekirse buraya eklenebilir */ .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; } :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: 'Outfit', 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; } .refresh-thumbnail { display: flex; align-items: center; justify-content: center; } .refresh-thumbnail i { font-size: 2rem; color: var(--primary-red-hero); transition: transform 0.3s ease; } .refresh-thumbnail:hover i { transform: rotate(180deg); } .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; display: none; z-index: 2; } .loading-spinner::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--primary-red-hero); animation: spinner 0.6s linear infinite; box-shadow: 0 0 15px var(--primary-red-hero); } @keyframes spinner { to {transform: rotate(360deg);} } /* Responsive styles for gallery */ @media (max-width: 768px) { .thumbnail { width: 65px; height: 65px; } } @media (max-width: 576px) { .thumbnail { width: 50px; height: 50px; } } .product-content { padding: 30px 40px 60px; display: flex; flex-direction: column; justify-content: center; position: relative; color: var(--white); } .content-title { font-size: 2rem; font-weight: 600; margin-bottom: 20px; position: relative; color: var(--white); text-align: center; } .content-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: var(--white); border-radius: 2px; } .product-description { font-size: 1.1rem; margin-bottom: 30px; font-weight: 300; line-height: 1.8; } .feature-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; } .product-section .feature-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 25px 20px; background: var(--white); color: var(--primary); border-radius: 8px; box-shadow: 0 6px 20px rgba(155, 0, 10, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-section .feature-item:hover { background: var(--white); transform: translateY(-8px) scale(1.03); box-shadow: 0 10px 30px rgba(155, 0, 10, 0.2); } .product-section .feature-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, var(--primary-light), var(--primary-dark)); color: var(--white); border-radius: 50%; font-size: 1.6rem; margin-bottom: 10px; box-shadow: 0 4px 12px rgba(155, 0, 10, 0.25); } .product-section .feature-icon > i { font-size: 1.6rem; color: var(--white); margin: 0; transition: none; } .feature-text { font-weight: 500; } .floating-element { position: absolute; width: 200px; height: 200px; background: radial-gradient(circle, rgba(155, 0, 10, 0.3) 0%, transparent 70%); border-radius: 50%; z-index: 0; animation: float 8s ease-in-out infinite; } .float-1 { top: -100px; left: -100px; } .float-2 { bottom: -50px; right: 30%; width: 150px; height: 150px; animation-delay: 2s; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } @media (max-width: 992px) { .product-container { grid-template-columns: 1fr; } .product-visual { order: 1; } .product-content { order: 2; padding: 20px 30px 40px; } .product-section .product-title { font-size: 2.8rem; } .feature-highlights { grid-template-columns: 1fr; } } @media (max-width: 768px) { .product-section { margin: 30px 0; border-radius: calc(var(--border-radius) - 4px); } .product-section .product-title { font-size: 2.0rem; word-break: keep-all; line-height: 1.1; } .product-section .product-subtitle { font-size: 1.2rem; } .content-title { font-size: 1.5rem; } .product-description { font-size: 1rem; } .product-visual { padding: 20px; } .product-action { flex-direction: column; } .product-btn { width: 100%; text-align: center; } } /* GÖRSEL ODAKLI TEKNİK ÖZELLİKLER STİLLERİ */ .visual-specs-section { padding: 60px 0; background-color: #fff; font-family: '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; } } .scroll-reveal-element { opacity: 1; transform: translateY(0); } .scroll-reveal-element.visible { opacity: 1; transform: translateY(0); }

ThınkTool Master CV

Ağır Vasıta, Orta Hizmet ve Ticari Araçlar İçin Profesyonel Arıza Tespit Cihazı

190+ Ticari Araç Marka Desteği

Geniş Kapsamlı Uyumluluk

J2534, D-PDU, RP1210 Destekli

Gelişmiş Protokoller

CanFD ve DoIP Protokolleri

Yeni Nesil Bağlantı

Satın Al

AĞIR VASITA TEKNOLOJİSİ

ThinkTool Master CV

Ağır Vasıta ve Ticari Araçlar İçin Gelişmiş Teşhis

360° Görünüm

Profesyonel Çözüm

ThinkTool Master CV, Thinkcar firmasının Ağır Vasıta, Orta Hizmet ve Ticari Araçlar için Profesyonel bir Arıza Tespit Cihazıdır. Thinkdiag HML VCI Cihazı, J2534, D-PDU, RP1210, CanFD ve DoIP protokollerini desteklemektedir. 190+'dan fazla Ticari Araç Markasını Destekler. Ergonomik tasarımı ve gelişmiş donanımı sayesinde günümüz araçlarında profesyonel işlem yapabilmeniz için tasarlanmıştır.

construction
Ağır Vasıta Odaklı
settings_ethernet
Gelişmiş Protokol Desteği
memory
Güçlü Donanım
build_circle
Kapsamlı Servis Fonksiyonları

ThinkTool Master CV Servis Fonksiyonları

ThinkTool Master CV Arıza Tespit Cihazıyla bakım sıfırlama işlevleri, fren kaliperi çektirme gibi 13 adet temel servis fonksiyonu kullanılabilmektedir. Araçlardaki hızlı gelişen teknolojiler ve sürekli eklenen özellikler sürüş konforunu artırmaktadır.

autorenewEnjeksiyon Miktarı Ayarı
compare_arrowsBasınç Farkı Sensörü Sıfırlama
miscellaneous_servicesBasınç Sınırlama Valfi Sıfırlama
opacityADBlue Devresi Kanaması
settings_input_componentVGT Aktüatör Kurulumu
restart_altSeyahat Sıfırlama
sciencePark Edilmiş SCR Testi
filter_dramaDPF Kül Akümülatörü Sıfırlama
searchHata Kodu Arama (Online)
display_settingsBileşen Aktivasyonu
tuneAdaptasyon ve Kodlama
build_circleServis Bakım Sıfırlama
albumFren Sıfırlama
add_circle_outlineDiğer Özel Fonksiyonlar

Not: Listelenen servis fonksiyonları araç marka, model ve yılına göre değişiklik gösterebilir. ThinkTool Master CV, 13 adet temel servis fonksiyonuna sahiptir.

ThinkTool Master CV Teknik Özellikleri

memory

İşlemci

Dört Çekirdekli 2.0GHz

developer_board

RAM

4GB

tablet_android

Ekran

10.0 İnç
600 NIT Parlaklık

directions_car_filled

Araç Desteği

190+ Ticari Araç Markası

battery_charging_full

Pil

12600mAh

shield

Dayanıklılık

Darbelere ve Suya Karşı
Dayanıklı Yapı

android

İşletim Sistemi

Android 10

storage

Disk Kapasitesi

128GB Dahili

wifi_tethering

Bağlantı

BT5.0 / WIFI WLAN802.11b/g/n

verified_user

Lisans Süresi

2 Yıl Ücretsiz Güncelleme

ThinkTool Master CV Neden Tercih Edilmelidir?

ThinkTool Master CV, Ağır Vasıta, Orta Hizmet ve Ticari Araçlar için Profesyonel bir Arıza Tespit Cihazıdır. Thinkdiag HML VCI Cihazı, J2534, D-PDU, RP1210, CanFD ve DoIP protokollerini desteklemektedir. 190+'dan fazla Ticari Araç Markasını Destekler. Ergonomik tasarımı ve gelişmiş donanımı sayesinde günümüz araçlarında profesyonel işlem yapabilmeniz için tasarlanmıştır.

Otomobil üreticileri bu özelliklerin sağlıklı güvenli ve hızlı çalışabilmesi için yeni protokoller kullanmaya başlamışlardır. Bu yeni özelliklerle birlikte araçlarda bir sorun ile karşılaşıldığında çözümü bulmak gelişmiş Arıza Tespit Cihazlarına kalmıştır. Tamir atölyeleri karşılaşılan arızalarla hızlı ve etkili başa çıkmak için alanında gelişmiş ve gelişmeye devam eden markaları ellerinde bulundurmak istemektedirler. Bu markalardan öne çıkan Thinkcar’ın Thinktool Master CV Cihazıdır.

• Geniş Araç Kapsamı: 190+'dan fazla ticari araç markasını destekler.
• Gelişmiş Protokol Desteği: J2534, D-PDU, RP1210, CanFD ve DoIP gibi en güncel protokolleri destekler.
• Kapsamlı Teşhis Fonksiyonları: Otomatik Araç Tanımlama, Tüm Sistemlerin (ECU) Tam Teşhisi, Hata Kodu Okuma/Silme, Canlı Veri Görüntüleme, Bileşen Aktivasyonu ve Testi.
• Özel Servis Fonksiyonları: Enjeksiyon Miktarı Ayarı, Basınç Farkı Sensörünü Sıfırla, ADBlue Devresinin Kanamasının Alınması, DPF Kül Akümülatörünün Sıfırlanması gibi 13 adet servis fonksiyonu.
• Güçlü Donanım: Android 10 İşletim Sistemi, Dört Çekirdekli 2.0 GHz işlemci, 4 GB RAM, 128 GB dahili depolama, 12600 mAh batarya ve 10 inç 600 NIT parlaklığında ekran.
• Kullanıcı Dostu Özellikler: Kablosuz Bluetooth bağlantı, Topolojik ECU erişimi, İnternette Hata Kodu Arama, Test Sonuçlarını Kaydetme/Yazdırma, Team Viewer ile Uzaktan Destek.
• Güncelleme ve Destek: 2 Yıl Ücretsiz Güncelleme ve gelecekte abonelikle lisanslı yazılım.

ThinkTool Master CV ile serviste gün boyu hizmet verebilir, hızlı ve pratik kullanımı sayesinde zamandan tasarruf edebilirsiniz. Canlı verilerle sensörlerin çalışıp çalışmadığını, yakıt seviyesini, orijinal kilometre verisini, ADBlue tank seviyesi gibi birçok değere anlık olarak ulaşabilir ve takip edebilirsiniz.

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

360° Ürün İncelemesi

ThinkTool Master CV'yi 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 CV'yi satın aldığınızda sizi bekleyen kapsamlı donanım ve aksesuarlar.

Paketinizde Neler Var?

• tablet_android
  ThinkTool Master CV Tablet
• bluetooth_connected
  Thinkdiag HML VCI Adaptörü
• cable Ana Teşhis Kablosu
• settings_input_component
  Eski Tip Tanı Soket Adaptör Seti
• power
  Güç Adaptörü
• usb
  Type-C USB Kablosu
• work_outline
  Taşıma Çantası
• menu_book
  Kullanım Kılavuzu
• vpn_key
  Aktivasyon PIN Zarfı

ThinkTool Master CV Tablet

Thinkdiag HML VCI

Ana Teşhis Kablosu

Bağlantı Adaptörleri

Taşıma Çantası

ThinkTool Master CV Hakkında Sıkça Sorulan Sorular

ThinkTool Master CV'nin desteklediği araç marka yelpazesi nedir?

ThinkTool Master CV, ağır vasıta ve orta hizmet segmentlerinde 190'dan fazla ticari araç markasıyla uyumluluk göstermektedir.

Yazılım güncelleme politikası nasıldır ve ek maliyet içerir mi?

ThinkTool Master CV cihazı, aktivasyon tarihinden itibaren iki (2) yıl süreyle ücretsiz çevrimiçi yazılım güncellemeleri sunar. Bu sürenin sonunda cihazın kullanımı devam etmekle birlikte, güncellemeler ve çevrimiçi fonksiyonlar ek bir abonelik gerektirebilir. Güncel güncelleme paketleri ve koşulları için lütfen bizimle irtibata geçiniz.

ThinkTool Master CV için yazılım güncellemelerinin yayınlanma periyodu nedir?

ThinkTool Master CV için periyodik olarak yazılım güncellemeleri yayınlanmaktadır. Bu güncellemeler, yeni araç modellerinin entegrasyonunu, mevcut fonksiyonların optimizasyonunu ve yeni teşhis kabiliyetlerinin eklenmesini kapsar.

ThinkTool Master CV tablet ve VCI adaptörü için garanti koşulları nelerdir?

ThinkTool Master CV tablet ve VCI adaptörü, fatura tarihinden itibaren bir (1) yıl süreyle üretimden kaynaklanan hatalara karşı garantilidir. Garanti kapsamı ve detaylı koşullar hakkında daha fazla bilgi için lütfen yetkili satış temsilcilerimizle irtibata geçiniz.

ThinkTool Master CV cihazında Türkçe dil desteği mevcut mudur?

Evet, ThinkTool Master CV cihazı, kullanıcı dostu bir deneyim sunmak amacıyla Türkçe arayüz ve dil desteğine sahiptir.

Destek ve İletişim

ThinkTool Master CV 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 */ } .images-grid .image-cell:last-child:nth-child(odd) { grid-column: 1 / -1; /* Tek sayıda son elemanı (5.) satırda ortalamak için hücrenin tüm genişliği kaplamasını sağlar. İçindeki container max-width ile sınırlı olacak. */ } .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, ancak max-width ile sınırlı */ max-width: 220px; /* Görsellerin maksimum genişliği. Bu, 5. görselin büyümesini engeller ve diğerlerini de sınırlar. */ aspect-ratio: 1 / 1; /* Kare oranını koru, görsellerin sığması için */ display: flex; align-items: center; justify-content: center; margin-left: auto; /* max-width nedeniyle hücre içinde ortalamak için */ margin-right: auto; /* max-width nedeniyle hücre içinde ortalamak için */ } .grid-image-container img { /* .grid-item img yerine */ max-width: 90%; /* Görseli container içinde biraz daha küçült */ max-height: 90%; /* Görseli container içinde biraz daha küçült */ object-fit: contain; } .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: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 35px; /* Kutular arası boşluk */ max-width: 1000px; margin: 0 auto; padding: 0 10px; /* Kenar boşlukları ekle */ } .contact-item { background-color: #f8f9fa; /* SSS item arka planıyla uyumlu */ padding: 35px 30px; border-radius: 12px; /* Daha yuvarlak köşeler */ box-shadow: 0 6px 20px rgba(0,0,0,0.08); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .contact-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.12); } .contact-item i { font-size: 2.8rem; /* İkonları büyüt */ color: #9b000a; margin-bottom: 20px; /* İkonla başlık arasını aç */ } .contact-item h3 { font-size: 1.4rem; /* Başlıkları büyüt */ font-weight: 600; color: #333; margin-bottom: 12px; } .contact-item p { font-size: 1rem; color: #555; line-height: 1.65; margin-bottom: 8px; } .contact-item p a { color: #9b000a; text-decoration: none; font-weight: 500; } .contact-item p a:hover { text-decoration: underline; } .contact-item p:last-child { margin-bottom: 0; } @media (max-width: 768px) { .contact-support-section .section-title { font-size: 1.9rem; } .contact-support-section .section-subtitle { font-size: 1rem; margin-bottom: 40px; } .contact-info-grid { grid-template-columns: 1fr; gap: 25px; padding: 0 15px; } .contact-item { padding: 30px 25px; } .contact-item i { font-size: 2.5rem; } .contact-item h3 { font-size: 1.25rem; } } @media (max-width: 480px) { .contact-info-grid { padding: 0 5px; } .contact-item { padding: 25px 20px; margin: 0 5px; } } /* 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; } }