{"id":469842,"name":"Castrol TRANSMAX ATF Dex/Merc Multivehicle","productCategoryId":25,"productFamilyId":8,"productViscosityId":null,"packartUrl":"https://castrol.com/content/dam/castrol/country-sites-new/en_gb/united-kingdom/home/car-engine-oils/transmax_atf_dex_merc_multivehicle.jpg?variant=2","description":"<p>Provides enhanced protection to all moving parts which enables longer transmission life.</p>\t\t\t\t\t\t","contents":[{"description":"<!DOCTYPE html>\n<html lang=\"de\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Driveline fluids | Car oil &amp; fluids | Castrol UK &amp; Ireland</title>\n    <style>\n        :root {\n            --primary: black;\n            --secondary: black;\n            --accent: #009343;\n            --light: #F8F9FA;\n            --dark: #212529;\n            --gray: #6C757D;\n        }\n\n        body {\n            font-family: \"Source Sans Pro\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n            line-height: 1.7;\n            color: var(--dark);\n            margin: 0;\n            background-color: #f5f5f5;\n        }\n\n        h1,\n        h2,\n        h3,\n        h4 {\n            font-family: \"Source Sans Pro\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n            font-weight: 400;\n            color: var(--secondary);\n            margin-top: 0;\n        }\n\n        h1 {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        h2 {\n            font-size: 1.5rem;\n            margin-bottom: 1.25rem;\n            position: relative;\n            padding-bottom: 0.5rem;\n            padding-top: 1.5rem;\n        }\n\n        h3 {\n            font-size: 1.5rem;\n            color: var(--primary);\n        }\n\n        h4 {\n            font-size: 1.25rem;\n        }\n\n        p {\n            font-size: 16px;\n            margin-bottom: 1.5rem;\n            color: black;\n        }\n\n        /* Animation Keyframes */\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes scaleIn {\n            from {\n                transform: scale(0.95);\n                opacity: 0;\n            }\n\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideInLeft {\n            from {\n                transform: translateX(-50px);\n                opacity: 0;\n            }\n\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes slideInRight {\n            from {\n                transform: translateX(50px);\n                opacity: 0;\n            }\n\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes pulse {\n            0% {\n                transform: scale(1);\n            }\n\n            50% {\n                transform: scale(1.05);\n            }\n\n            100% {\n                transform: scale(1);\n            }\n        }\n\n        @keyframes cardClick {\n            0% {\n                transform: scale(1);\n                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            }\n\n            50% {\n                transform: scale(0.98);\n                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n            }\n\n            100% {\n                transform: scale(1);\n                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            }\n        }\n\n        /* Banner Animation */\n        .banner {\n            width: 100%;\n            height: auto;\n            display: block;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n            border-radius: 10px;\n            margin: 2rem auto;\n            max-height: 400px;\n            object-fit: cover;\n            transition: transform 0.5s ease, box-shadow 0.5s ease;\n        }\n\n        .banner:hover {\n            transform: scale(1.01);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n        }\n\n        .banner:active {\n            animation: pulse 0.5s ease;\n        }\n\n        /* Product Image Animation */\n        .product-images img {\n            max-width: 100%;\n            max-height: 362px;\n            object-fit: contain;\n            transform-origin: center;\n            transition: transform 0.4s ease;\n        }\n\n        .product-images img:hover {\n            transform: scale(1.05);\n        }\n\n        .product-images img:active {\n            animation: pulse 0.5s ease;\n        }\n\n        /* Content Section Image Animations */\n        .content-section img {\n            flex: 1;\n            max-width: 50%;\n            height: 250px;\n            /* Reduced from 300px */\n            object-fit: cover;\n            transition: all 0.5s ease;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        .content-section img:hover {\n            transform: scale(1.02);\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n            z-index: 1;\n        }\n\n        .content-section img:active {\n            animation: pulse 0.5s ease;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .hero-text {\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            padding: 3rem 2rem;\n            text-align: center;\n            margin-bottom: 3rem;\n            clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);\n        }\n\n        .hero-text h1 {\n            color: white;\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n        }\n\n        .hero-text p {\n            color: rgba(255, 255, 255, 0.9);\n            max-width: 800px;\n            margin: 0 auto 1.5rem;\n            font-size: 1.2rem;\n        }\n\n        .product-showcase {\n            display: flex;\n            background: white;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            margin: 3rem 0;\n            transition: transform 0.3s ease;\n        }\n\n        .product-images {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n            background: #f8f9fa;\n        }\n\n        .product-info {\n            flex: 1;\n            padding: 2rem;\n            background: var(--light);\n        }\n\n        .feature-card {\n            background: white;\n            border-radius: 10px;\n            padding: 2rem;\n            margin: 1.5rem 0;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            border-top: 4px solid var(--accent);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            cursor: pointer;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .feature-card:active {\n            animation: cardClick 0.3s ease;\n        }\n\n        .feature-card h3 {\n            margin-bottom: 1rem;\n        }\n\n        .feature-card ul {\n            padding-left: 1.5rem;\n        }\n\n        .feature-card li {\n            margin-bottom: 0.75rem;\n            position: relative;\n            list-style-type: none;\n            padding-left: 1.5rem;\n            color: var(--gray);\n        }\n\n        .feature-card li:before {\n            content: '✓';\n            color: var(--accent);\n            position: absolute;\n            left: 0;\n            font-weight: bold;\n        }\n\n        .card-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin: 3rem 0;\n        }\n\n        .content-section {\n            display: flex;\n            align-items: center;\n            margin: 3rem 0;\n            background: white;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            border-top: 4px solid var(--accent);\n            transition: transform 0.3s ease;\n            cursor: pointer;\n        }\n\n        .content-section:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n        }\n\n        .content-section:active {\n            animation: cardClick 0.3s ease;\n        }\n\n        .content-section:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .content-section .text-content {\n            flex: 1;\n            padding: 2rem;\n        }\n\n        .highlight-box {\n            background-color: #f8f9fa;\n            border-left: 4px solid var(--accent);\n            padding: 1.5rem;\n            margin: 2rem 0;\n            border-radius: 0 8px 8px 0;\n        }\n\n        .highlight-box h6 {\n            margin: 0;\n            font-size: 0.9rem;\n            color: var(--gray);\n        }\n\n        .btn {\n            display: inline-block;\n            background: var(--accent);\n            color: white;\n            padding: 0.8rem 1.5rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            margin-top: 1rem;\n            box-shadow: 0 4px 6px rgba(255, 85, 0, 0.2);\n        }\n\n        .tech-specs {\n            background: white;\n            border-radius: 10px;\n            padding: 2rem;\n            margin: 3rem 0;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n        }\n\n        .tech-specs h2 {\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n\n        .performance-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin: 3rem 0;\n        }\n\n        .performance-item {\n            background: white;\n            border-radius: 10px;\n            padding: 1.5rem;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            text-align: center;\n            transition: transform 0.3s ease;\n        }\n\n        .performance-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .performance-item img {\n            max-width: 100%;\n            height: auto;\n            margin: 1rem auto;\n            transition: transform 0.3s ease;\n        }\n\n        .performance-item:hover img {\n            transform: scale(1.05);\n        }\n\n        .footnotes {\n            font-size: 0.9em;\n            color: var(--gray);\n            margin-top: 3em;\n            padding-top: 1em;\n            border-top: 1px solid #eee;\n            background: white;\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n        }\n\n        @media (max-width: 768px) {\n            .product-showcase {\n                flex-direction: column;\n            }\n\n            .product-images {\n                padding: 1rem;\n            }\n\n            .content-section,\n            .content-section:nth-child(even) {\n                flex-direction: column;\n            }\n\n            .content-section img {\n                max-width: 100%;\n                height: auto;\n            }\n\n            .card-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .banner {\n                max-height: 250px;\n            }\n        }\n    </style>\n</head>\n\n<body>\n    <div class=\"container\">\n        <h3>More from Castrol TRANSMAX</h3>\n\n        <div class=\"feature-card\">\n            <h2>Driveline fluids</h2>\n            <p>With the continuous evolution of cars’ technology over the past years transmissions have become more complex, demanding more technologically advanced fluids to ensure they operate with efficiency and reliability. Using the right oil for your car is key to ensuring your transmission operates as designed and maintains its performance throughout the lifetime of the vehicle.</p>\n            <p>Castrol, with over 100 years of experience in developing transmission and axle fluids and being the choice of many leading car and transmissions manufacturers for factory-fill products, offers a complete range of products which can meet your car’s requirements.</p>\n        </div>\n\n        <div class=\"feature-card\">\n            <h2>Castrol TRANSMAX: Enabling longer transmission life</h2>\n            <p>The transmission is one of a vehicle’s most vital components, with almost <strong>300/1000* finely engineered precision parts</strong>, making it one of the most complex and expensive units to repair or replace. Using the right oil and changing it at the right time is key to preventing transmission problems such as shudder, gear stiffness, axle whining or damaged parts before they occur.</p>\n            <p>Whether a car is automatic or manual, <strong>Castrol TRANSMAX</strong> range has the right transmission fluid for the vehicle, providing enhanced protection to all moving parts which enables longer transmission life.</p>\n            <h6>*Manual transmission / Automatic transmission</h6>\n        </div>\n\n        <div class=\"product-showcase\">\n            <div class=\"product-images\">\n                <img src=\"https://www.castrol.com/content/dam/castrol/master-site/en/global-ia/home/europe/images/products/transmax-factory-filled.png.img.375.medium.png\" alt=\"Factory-Filled Approved\">\n            </div>\n            <div class=\"product-info\">\n                <h2>Castrol TRANSMAX with Smooth Drive Technology <sup>TM</sup></h2>\n                <p>The <strong>advanced Castrol TRANSMAX</strong> range features <strong>Smooth Drive Technology<sup>TM</sup></strong> with active control molecules that automatically adjust their friction level with changing pressures and speed. This ensures the transmission is constantly served the right level of friction at any given moment – protecting the parts and delivering a smoother drive for longer. That’s why, <strong>2 out of every 3</strong> major vehicle manufacturers** choose Castrol transmission fluids as part of their factory fill.</p>\n                <h6>** Based on an independent source data. </h6>\n            </div>\n        </div>\n\n        <div class=\"product-showcase\">\n            <div class=\"product-images\">\n                <img src=\"https://www.castrol.com/content/dam/castrol/master-site/en/global-ia/home/europe/images/products/transmax-smooth-drive-technology.png.img.375.medium.png\" alt=\"Smooth Drive Technology\">\n            </div>\n            <div class=\"product-info\">\n                <h3>The result?</h3>\n                <ul>\n                    <li>Castrol TRANSMAX ATF/DUAL/CVT with Smooth Drive Technology™ can offer more than <strong>2 times longer smooth shifts</strong><sup>1</sup></li>\n                    <li>Castrol TRANSMAX manual with Smooth Drive Technology™ can offer <strong>5 times easier gear shift at cold temperatures</strong><sup>2</sup></li>\n                    <li>Castrol TRANSMAX axle with Smooth Drive Technology™ can offer <strong>5 times stronger protective film</strong><sup>3</sup></li>\n                </ul>\n            </div>\n        </div>\n\n        <div class=\"footnotes\">\n            <p><sup>1</sup>TRANSMAX ATF variants with Smooth Drive Technology™ and TRANSMAX CVT vs reference oil, based on LVFA industry standard test. For TRANSMAX CVT only: Applies to CVTs with start-up clutch. TRANSMAX DUAL vs a genuine oil competitor fluid, based on GK1 friction tests per OEM specification.</p>\n            <p><sup>2</sup> TRANSMAX manual multivehicle 75W-90, TRANSMAX manual FE 75W, TRANSMAX manual V 75W-80 vs a major competitor mineral API GL-4 SAE 80W-90 gear oil, based on tests run on a 6-speed gear box at -20oC in an independent lab.</p>\n            <p><sup>3</sup> TRANSMAX axle long life 75W-90 vs a commercial competitor mineral API GL-5 SAE 80W-90 oil, in Castrol in-house axle shock test.</p>\n        </div>\n    </div>\n\n    <script>\n        // Add click animation to all cards\n        document.addEventListener('DOMContentLoaded', function() {\n            const cards = document.querySelectorAll('.feature-card, .content-section, .product-showcase, .performance-item');\n\n            cards.forEach(card => {\n                card.addEventListener('click', function() {\n                    this.style.animation = 'none';\n                    void this.offsetWidth; // Trigger reflow\n                    this.style.animation = 'cardClick 0.3s ease';\n                });\n            });\n        });\n    </script>\n</body>\n\n</html>"}],"sku":null,"rank":129,"msdsUrl":"https://msdspds.castrol.com/msdspds/msdspds.nsf/CastrolResults?OpenForm&c=Egypt%20(EG)&l=Arabic%20(SA)&p=&n=469842&b=All&t=MSDS&autosearch=No&autoload=No&sitelang=EN&output=Full&spu=Lubricants&unrestrictedmb=No&cols=0","pdsUrl":"https://msdspds.castrol.com/msdspds/msdspds.nsf/CastrolResults?OpenForm&c=Egypt%20(EG)&l=Arabic%20(SA)&p=&n=469842&b=All&t=PDS&autosearch=No&autoload=No&sitelang=EN&output=Full&spu=Lubricants&unrestrictedmb=No&cols=0","productVolumeIds":[null,4,2],"links":[]}