
    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GRP9V631WM"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-GRP9V631WM');
    </script>
    
    <!-- Google Search Console Verification -->
    <meta name="google-site-verification" content="EBVHAo2e1hfDB_a-Ti1oRCxAQSU30hJTgX-TmoMjr2c">
    
    <!-- SEO Meta Tags -->
    <title>Top Car Seat Bases for 2026 - 10 Best Options</title>
    <meta name="description" content="Find the best car seat bases available in 2026. Expert comparison of 10 products with ratings, specifications & pricing. Shop confidently.">
    <meta name="author" content="WhatAreTheBest.com">
    <meta name="robots" content="index, follow">
    
    <!-- Canonical URL (only output if not suppressed and URL is provided) -->
    
    <link rel="canonical" href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/">
    
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Top Car Seat Bases for 2026 - 10 Best Options">
    <meta property="og:description" content="Find the best car seat bases available in 2026. Expert comparison of 10 products with ratings, specifications & pricing. Shop confidently.">
    <meta property="og:image" content="https://whatarethebest.com/_img/Logo-250px.jpg">
    
    <meta property="og:url" content="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/">
    
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="WhatAreTheBest.com">
    
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Top Car Seat Bases for 2026 - 10 Best Options">
    <meta name="twitter:description" content="Find the best car seat bases available in 2026. Expert comparison of 10 products with ratings, specifications & pricing. Shop confidently.">
    <meta name="twitter:image" content="https://whatarethebest.com/_img/Logo-250px.jpg">
    <meta name='impact-site-verification' value='bc0a8f8e-0915-4e65-81c8-157b683e10f4'>
    
    <!-- Favicon -->
    <link rel="icon" type="image/jpeg" href="/_img/Logo-100px.jpg">
    <link rel="apple-touch-icon" href="/_img/Logo-150px.jpg">
    
    <!-- Preconnect to external domains -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Main CSS -->
    <link rel="stylesheet" href="/_inc/css/main.css">
    <link rel="stylesheet" href="/_inc/css/product-template.css">
    
    <!-- Search JavaScript -->
    
    
    <!-- JSON-LD Structured Data -->
    
    
        <script type="application/ld+json">
{"itemListElement":[{"item":"https://whatarethebest.com/","position":1,"@type":"ListItem","name":"Home"},{"item":"https://whatarethebest.com/shop-baby-kids-parenting/","position":2,"@type":"ListItem","name":"Baby, Kids & Parenting"},{"item":"https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/","position":3,"@type":"ListItem","name":"Car Seats"},{"item":"https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/","position":4,"@type":"ListItem","name":"Car Seat Bases"}],"@context":"https://schema.org","@type":"BreadcrumbList"}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"CollectionPage","url":"https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/","name":"Top Car Seat Bases for 2026 - 10 Best Options","description":"Find the best car seat bases available in 2026. Expert comparison of 10 products with ratings, specifications & pricing. Shop confidently."}
</script>
<script type="application/ld+json">
{"itemListElement":[{"position":1,"@type":"ListItem","url":"https://amazon.com/Key-Fit-seat-base-charcoal/dp/B009F1NCUK/ref=sr_1_31?dib=eyJ2IjoiMSJ9.AAZC0FV1P1IeFLPcBvLB0nljtDmkNRwE5VxzyZ9DRtQwYq7bzQ178tOqGVSOdwcGQlQO6Srcxabn5ylhNDHZ25h2-RVaeHWD3P2HBrB3f2nfIV3KpWUX8cV5UxPwwUyMMvX3qpinfG2QR-PI3BtDg-CfpDIdEFWy8JUIU3RIAZpOFwUEJBI1jKndNxiF0tZvwcJd4MkGwLn_60j23kbFZy_4ulWXzqvMkOKtv9YhPTFz5qYvUfkyXTVBbU7xFjfO0xOMD7xr1AETNN3yJ_anGzT1_1Ui96YAvkGCVEfU_0M.josPmyFyMzCFIKfSGZXmkSRhRTPoPoJ3COzILO5_gRk&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Seats+>+Car+Seat+B"},{"position":2,"@type":"ListItem","url":"https://amazon.com/Cybex-Cloud-G-Base/dp/B0CJGSJ77D/ref=sr_1_36?dib=eyJ2IjoiMSJ9.AAZC0FV1P1IeFLPcBvLB0nljtDmkNRwE5VxzyZ9DRtQwYq7bzQ178tOqGVSOdwcGQlQO6Srcxabn5ylhNDHZ25h2-RVaeHWD3P2HBrB3f2nfIV3KpWUX8cV5UxPwwUyMMvX3qpinfG2QR-PI3BtDg-CfpDIdEFWy8JUIU3RIAZpOFwUEJBI1jKndNxiF0tZvwcJd4MkGwLn_60j23kbFZy_4ulWXzqvMkOKtv9YhPTFz5qYvUfkyXTVBbU7xFjfO0xOMD7xr1AETNN3yJ_anGzT1_1Ui96YAvkGCVEfU_0M.josPmyFyMzCFIKfSGZXmkSRhRTPoPoJ3COzILO5_gRk&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Seats+>+Car+Seat+Bases+>+A"},{"position":3,"@type":"ListItem","url":"https://amazon.com/Car-Seat-Latch-Anchor-Compatibility/dp/B0C69TG4VP/ref=sr_1_1?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Seats+>+Ca"},{"position":4,"@type":"ListItem","url":"https://amazon.com/interface-Universal-Restraint-Mounting-Connector/dp/B0B7WXRFF2/ref=sr_1_38?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+"},{"position":5,"@type":"ListItem","url":"https://amazon.com/Diono-LiteClik30-SafePlus-Rear-Facing-Engineering/dp/B0DDQG1VSZ/ref=sr_1_45?dib=eyJ2IjoiMSJ9.AAZC0FV1P1IeFLPcBvLB0nljtDmkNRwE5VxzyZ9DRtQwYq7bzQ178tOqGVSOdwcGQlQO6Srcxabn5ylhNDHZ25h2-RVaeHWD3P2HBrB3f2nfIV3KpWUX8cV5UxPwwUyMMvX3qpinfG2QR-PI3BtDg-CfpDIdEFWy8JUIU3RIAZpOFwUEJBI1jKndNxiF0tZvwcJd4MkGwLn_60j23kbFZy_4ulWXzqvMkOKtv9YhPTFz5qYvUfkyXTVBbU7xFjfO0xOMD7xr1AETNN3yJ_anGzT1_1Ui96YAvkGCVEfU_0M.josPmyFyMzCFIKfSGZXmkSRhRTPoPoJ3COzILO5_gRk&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>"},{"position":6,"@type":"ListItem","url":"https://amazon.com/JHKLS-Universal-Interface-Off-Road-Vehicles/dp/B0DGL5459C/ref=sr_1_4?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Se"},{"position":7,"@type":"ListItem","url":"https://amazon.com/BOGEEL-Connector-Bracket-Accessories-Plastic/dp/B0DNSSSXQK/ref=sr_1_35?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+"},{"position":8,"@type":"ListItem","url":"https://amazon.com/JHKLS-Universal-Bracket-Interface-Connector/dp/B0CNGKY3G9/ref=sr_1_5?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Se"},{"position":9,"@type":"ListItem","url":"https://amazon.com/Universal-Mounting-Connector-Bracket-Hoqqf/dp/B0DZ2HTMPN/ref=sr_1_37?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Se"},{"position":10,"@type":"ListItem","url":"https://amazon.com/Carrfan-ISOFIX-Interface-Buckle-Groove/dp/B07XMBGMXW/ref=sr_1_33?dib=eyJ2IjoiMSJ9.pBaKDbj3qLw1ec-9QSo1iuMu0HV5nEk5U6e_9Za9oYdeLIesyTQaZHCKdjkT_iINuuDXu_dtSgkyLOhnwf5iOgZ2cXGqmQOqcdk-THJwhX3rhcVrru3KCfThxHhMX7kx1GyNfxeGbEoCCGT4Ro6Fhk3YvvQyLdNY1xkJY4jYUuLIGSa-Cz6tC5yx0IRVljGifgMYBvAKgdaAWq62br2yJb8CrODiqXz2YzBixrppGmqvvW5TydShlbQE5MF1EaAHE0NTj2uyvglk5ZCy620lkW4LBbq8OLKKEHXdt9Q2soc.wY7F-9M9aqBfPqr9lqtxq7v4kwyUsX1A64ojWsf7TCQ&dib_tag=se&keywords=Baby,+Kids+&+Parenting+>+Car+Seats+"}],"@context":"https://schema.org","@type":"ItemList","itemListOrder":"https://schema.org/ItemListOrderAscending"}
</script>

        
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "WhatAreTheBest.com",
            "url": "https://whatarethebest.com/",
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://whatarethebest.com/search?q={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        }
        </script>
        
    
    <!-- Error logging for missing SEO variables -->
    
    
    <!-- Blog Structured Data (if provided) -->
    
    
    <!-- Product Schema JSON-LD (if provided) -->
    
        <script type="application/ld+json">[{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.6","@type":"AggregateRating","reviewCount":29},"@type":"Product","sku":156675,"url":"https://whatarethebest.com/product/156675/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B009F1NCUK_079AAAC1-9248-CEC0-3F9CD0C4A3956709.jpg","name":"Key Fit 30 Infant Car Base","description":"Secure and easy-to-install infant car seat base with accurate fit indicators.","offers":{"availability":"https://schema.org/InStock","price":"134.99","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/156675/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.5","@type":"AggregateRating","reviewCount":136},"@type":"Product","sku":156670,"url":"https://whatarethebest.com/product/156670/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0CJGSJ77D_0798DF46-CD61-9722-73D630D0A78593F6.jpg","name":"Cybex Cloud G Car Seat Base","description":"Adjustable, secure and easy-to-install car seat base.","offers":{"availability":"https://schema.org/InStock","price":"249.95","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/156670/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.0","@type":"AggregateRating","reviewCount":87},"@type":"Product","sku":157996,"url":"https://whatarethebest.com/product/157996/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0C69TG4VP_1.jpg","name":"Car Seat ISOFIX Latch Kit","description":"ISOFIX Latch Kit for car seat safety in older vehicles.","offers":{"availability":"https://schema.org/InStock","price":"23.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/157996/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.0","@type":"AggregateRating","reviewCount":6},"@type":"Product","sku":158008,"url":"https://whatarethebest.com/product/158008/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0B7WXRFF2_38.jpg","name":"1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch","description":"1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISO","offers":{"availability":"https://schema.org/InStock","price":"19.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/158008/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"5.0","@type":"AggregateRating","reviewCount":6},"@type":"Product","sku":156676,"url":"https://whatarethebest.com/product/156676/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DDQG1VSZ_079C02F0-A91B-5289-CA89C72DAF260221.jpg","name":"Diono LiteClik30 RXT Car Seat","description":"Rear-facing infant car seat with infant insert and sunshade.","offers":{"availability":"https://schema.org/InStock","price":"297.49","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/156676/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.0","@type":"AggregateRating","reviewCount":8},"@type":"Product","sku":157997,"url":"https://whatarethebest.com/product/157997/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DGL5459C_4.jpg","name":"Universal ISOFIX Car Seat Bracket","description":"Robust steel bracket for secure child car seat installation in SUVs, MPVs, and off-road vehicles.","offers":{"availability":"https://schema.org/InStock","price":"47.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/157997/"}},{"@context":"https://schema.org","@type":"Product","sku":158005,"url":"https://whatarethebest.com/product/158005/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DNSSSXQK_35.jpg","name":"1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic","description":"1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories","offers":{"availability":"https://schema.org/InStock","price":"5.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/158005/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"5.0","@type":"AggregateRating","reviewCount":86},"@type":"Product","sku":157998,"url":"https://whatarethebest.com/product/157998/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0CNGKY3G9_5.jpg","name":"Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm","description":"Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Brack","offers":{"availability":"https://schema.org/InStock","price":"28.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/157998/"}},{"@context":"https://schema.org","@type":"Product","sku":158007,"url":"https://whatarethebest.com/product/158007/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DZ2HTMPN_37.jpg","name":"Universal ISOFIX Car Seat Mount","description":"Durable, secure car seat anchor kit for ISOFIX connectors.","offers":{"availability":"https://schema.org/InStock","price":"20.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/158007/"}},{"@context":"https://schema.org","aggregateRating":{"ratingValue":"4.0","@type":"AggregateRating","reviewCount":57},"@type":"Product","sku":158003,"url":"https://whatarethebest.com/product/158003/","image":"https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B07XMBGMXW_33.jpg","name":"ISOFIX Car Seat Interface Buckle","description":"Reliable and durable ISOFIX Interface Buckles for easy car seat installation.","offers":{"availability":"https://schema.org/InStock","price":"7.00","@type":"Offer","priceCurrency":"USD","url":"https://whatarethebest.com/product/158003/"}}]</script>
    
</head>
<body>
    <!-- Header -->
    <header class="header">
        <div class="container">
            <div class="header-content">
                <!-- Logo -->
                <a href="https://whatarethebest.com/" class="logo">
                    <img src="/_img/Logo-250Transparent.png" alt="WhatAreTheBest.com Logo" width="250" height="auto">
                </a>
                
                <!-- Search Bar (Desktop) -->
                
                
                <!-- Navigation -->
                <nav class="nav">
                    <!-- Search Button (Mobile) -->
                    
                    
                </nav>
            </div>
        </div>
    </header>
    
    <!-- Mobile Search Modal -->
    

<link rel="stylesheet" href="/_inc/css/CategoryLevel3.css">


<script>
// Product Detail Tab switching functionality for mobile
function switchProductDetailTab(productId, tabName) {
    const tabContainer = document.getElementById('product-detail-tabs-mobile-' + productId);
    if (!tabContainer) return;
    
    // Remove active class from all tab buttons in this container
    const tabButtons = tabContainer.querySelectorAll('.tab-button');
    tabButtons.forEach(button => {
        button.classList.remove('active');
    });
    
    // Remove active class from all tab content panels in this container
    const tabPanels = tabContainer.querySelectorAll('.tab-content-panel');
    tabPanels.forEach(panel => {
        panel.classList.remove('active');
    });
    
    // Add active class to selected tab button
    const selectedButton = tabContainer.querySelector('.tab-button[data-tab="' + tabName + '"]');
    if (selectedButton) {
        selectedButton.classList.add('active');
    }
    
    // Add active class to selected tab content panel
    const selectedPanel = tabContainer.querySelector('.tab-content-panel[data-tab="' + tabName + '"]');
    if (selectedPanel) {
        selectedPanel.classList.add('active');
    }
}

// Tab switching functionality - defined early to be available for onclick handlers
function switchTab(tabName) {
    // Hide all tab contents
    const tabContents = document.querySelectorAll('.tab-content');
    tabContents.forEach(content => {
        content.classList.remove('active');
    });
    
    // Remove active class from all tab buttons
    const tabButtons = document.querySelectorAll('.tab-button');
    tabButtons.forEach(button => {
        button.classList.remove('active');
    });
    
    // Show selected tab content
    const selectedContent = document.getElementById(tabName + '-content');
    if (selectedContent) {
        selectedContent.classList.add('active');
        
        // Scroll to bottom of subtitle section
        setTimeout(function() {
            const subtitleContainer = document.querySelector('.category-subtitle-container');
            if (subtitleContainer) {
                const subtitleRect = subtitleContainer.getBoundingClientRect();
                const subtitleBottom = subtitleRect.bottom + window.scrollY;
                window.scrollTo({
                    top: subtitleBottom,
                    behavior: 'smooth'
                });
            } else {
                // Fallback: scroll to top of page
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            }
        }, 150);
    }
    
    // Add active class to selected tab button
    const selectedButton = document.getElementById(tabName + '-tab');
    if (selectedButton) {
        selectedButton.classList.add('active');
    }
}

// Similar Categories Modal Functions
function openSimilarCategoriesModal() {
    const modal = document.getElementById('similarCategoriesModal');
    if (modal) {
        modal.style.display = 'block';
        document.body.style.overflow = 'hidden'; // Prevent background scrolling
    }
}

function closeSimilarCategoriesModal() {
    const modal = document.getElementById('similarCategoriesModal');
    if (modal) {
        modal.style.display = 'none';
        document.body.style.overflow = ''; // Restore scrolling
    }
}

// Category Image Modal Functions
function openCategoryImageModal(imagePath, categoryName) {
    const modal = document.getElementById('categoryImageModal');
    const modalImg = document.getElementById('categoryImageModalImg');
    const modalTitle = document.getElementById('categoryImageModalTitle');
    
    if (modal && modalImg && modalTitle) {
        modalImg.src = 'https://d25brt1ok2m0kr.cloudfront.net/_category_images/' + imagePath;
        modalImg.alt = categoryName;
        modalTitle.textContent = categoryName;
        modal.style.display = 'flex';
        document.body.style.overflow = 'hidden';
    }
}

function closeCategoryImageModal() {
    const modal = document.getElementById('categoryImageModal');
    if (modal) {
        modal.style.display = 'none';
        document.body.style.overflow = '';
    }
}

// Expert Score Modal Functions (AJAX-based)

window.openExpertScoreModal = function(productID, scoreDisplay, scoreLabel, redistributedScore) {
    const modal = document.getElementById('expertScoreModal');
    if (!modal) {
        console.error('Expert score modal not found in DOM');
        return;
    }
    
    // Show loading state
    const breakdown = document.getElementById('expertScoreBreakdown');
    if (breakdown) {
        breakdown.innerHTML = '<div style="text-align: center; padding: 40px; color: #64748b;">Loading...</div>';
    }
    
    // Show modal immediately
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';
    
    // Build URL with optional redistributed score
    let url = 'https://whatarethebest.com/_inc/getExpertScoreModal.cfm?ProductID=' + productID;
    if (redistributedScore && redistributedScore !== '0' && redistributedScore !== '') {
        url += '&RedistributedScore=' + encodeURIComponent(redistributedScore);
    }
    
    // Fetch modal content via AJAX
    fetch(url)
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            return response.text();
        })
        .then(html => {
            // Replace modal content
            const modalContent = modal.querySelector('.expert-score-modal-content');
            if (modalContent) {
                // Get the header and breakdown sections from the response
                const parser = new DOMParser();
                const doc = parser.parseFromString(html, 'text/html');
                const header = doc.querySelector('.expert-score-modal-header');
                const breakdownContent = doc.querySelector('.expert-score-breakdown');
                
                if (header) {
                    const existingHeader = modalContent.querySelector('.expert-score-modal-header');
                    if (existingHeader) {
                        existingHeader.outerHTML = header.outerHTML;
                    }
                }
                
                if (breakdownContent) {
                    if (breakdown) {
                        breakdown.innerHTML = breakdownContent.innerHTML;
                        
                        // Force styles on methodology note for iPhone Safari
                        setTimeout(function() {
                            const methodologyNote = breakdown.querySelector('.expert-score-methodology-note');
                            if (methodologyNote) {
                                methodologyNote.style.color = '#1e293b';
                                methodologyNote.style.webkitTextFillColor = '#1e293b';
                                methodologyNote.style.borderLeft = '4px solid #3b82f6';
                                methodologyNote.style.borderLeftWidth = '4px';
                                methodologyNote.style.borderLeftStyle = 'solid';
                                methodologyNote.style.borderLeftColor = '#3b82f6';
                                methodologyNote.style.backgroundColor = '#f8fafc';
                                
                                const h4 = methodologyNote.querySelector('h4');
                                if (h4) {
                                    h4.style.color = '#1e293b';
                                    h4.style.webkitTextFillColor = '#1e293b';
                                }
                                
                                const p = methodologyNote.querySelector('p');
                                if (p) {
                                    p.style.color = '#475569';
                                    p.style.webkitTextFillColor = '#475569';
                                }
                            }
                        }, 10);
                        
                        // Animate progress bars after content is inserted
                        setTimeout(function() {
                            const bars = breakdown.querySelectorAll('.expert-score-category-bar-fill[data-target]');
                            bars.forEach(function(bar, index) {
                                const target = parseFloat(bar.getAttribute('data-target'));
                                if (!isNaN(target)) {
                                    setTimeout(function() {
                                        bar.style.width = target + '%';
                                    }, index * 100);
                                }
                            });
                        }, 50);
                    }
                }
                
                // Execute any scripts in the response
                const scripts = doc.querySelectorAll('script');
                scripts.forEach(script => {
                    const newScript = document.createElement('script');
                    newScript.textContent = script.textContent;
                    document.body.appendChild(newScript);
                    document.body.removeChild(newScript);
                });
            }
        })
        .catch(error => {
            console.error('Error loading expert score modal:', error);
            if (breakdown) {
                breakdown.innerHTML = '<div style="text-align: center; padding: 40px; color: #ef4444;">Error loading score data. Please try again.</div>';
            }
        });
};

// Also define without window prefix for compatibility with onclick handlers
var openExpertScoreModal = window.openExpertScoreModal;


window.closeExpertScoreModal = function() {
    const modal = document.getElementById('expertScoreModal');
    if (modal) {
        modal.classList.remove('show');
        document.body.style.overflow = '';
    }
};


// Close expert score modal on Escape key (only if not already handled)
if (!window.expertScoreEscapeHandlerAdded) {
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            const expertModal = document.getElementById('expertScoreModal');
            if (expertModal && expertModal.classList.contains('show')) {
                window.closeExpertScoreModal();
            }
            const deepResearchModal = document.getElementById('deepResearchModal');
            if (deepResearchModal && deepResearchModal.classList.contains('show')) {
                window.closeDeepResearchModal();
            }
        }
    });
    window.expertScoreEscapeHandlerAdded = true;
}

// Deep Research Modal Functions

window.openDeepResearchModal = function(productID) {
    // Close expert score modal if it's open
    const expertModal = document.getElementById('expertScoreModal');
    if (expertModal && expertModal.classList.contains('show')) {
        window.closeExpertScoreModal();
    }
    
    const modal = document.getElementById('deepResearchModal');
    if (!modal) {
        console.error('Deep research modal not found in DOM');
        return;
    }
    
    // Show loading state
    const content = document.getElementById('deepResearchContent');
    if (content) {
        content.innerHTML = '<div style="text-align: center; padding: 40px; color: #64748b;">Loading...</div>';
    }
    
    // Show modal immediately
    modal.style.display = 'flex';
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';
    
    // Fetch modal content via AJAX
    fetch('https://whatarethebest.com/_inc/getDeepResearchModal.cfm?ProductID=' + productID)
        .then(response => {
            if (!response.ok) {
                // Get error details
                return response.text().then(text => {
                    throw new Error('HTTP ' + response.status + ': ' + text.substring(0, 200));
                });
            }
            return response.text();
        })
        .then(html => {
            // Replace modal content - use deep-research-modal-content first, fallback to expert-score-modal-content
            const modalContent = modal.querySelector('.deep-research-modal-content') || modal.querySelector('.expert-score-modal-content');
            if (modalContent) {
                const parser = new DOMParser();
                const doc = parser.parseFromString(html, 'text/html');
                const header = doc.querySelector('.deep-research-modal-header');
                const contentDiv = doc.querySelector('.deep-research-content');
                
                if (header) {
                    const existingHeader = modalContent.querySelector('.deep-research-modal-header');
                    if (existingHeader) {
                        existingHeader.outerHTML = header.outerHTML;
                    } else {
                        // Insert header if it doesn't exist
                        const closeButton = modalContent.querySelector('.deep-research-modal-close') || modalContent.querySelector('.expert-score-modal-close');
                        if (closeButton) {
                            // Insert after close button
                            const nextSibling = closeButton.nextSibling;
                            if (nextSibling) {
                                closeButton.parentNode.insertBefore(header, nextSibling);
                            } else {
                                closeButton.parentNode.appendChild(header);
                            }
                        }
                    }
                }
                
                if (contentDiv && content) {
                    content.innerHTML = contentDiv.innerHTML;
                } else if (contentDiv) {
                    // Create content div if it doesn't exist
                    const newContent = document.createElement('div');
                    newContent.className = 'deep-research-content';
                    newContent.id = 'deepResearchContent';
                    newContent.innerHTML = contentDiv.innerHTML;
                    modalContent.appendChild(newContent);
                }
            }
        })
        .catch(error => {
            console.error('Error loading deep research modal:', error);
            if (content) {
                content.innerHTML = '<div style="text-align: center; padding: 40px; color: #ef4444;">Error loading deep research data: ' + error.message + '<br><br>Please check the console for more details.</div>';
            }
        });
};

window.closeDeepResearchModal = function() {
    const modal = document.getElementById('deepResearchModal');
    if (modal) {
        modal.style.display = 'none';
        modal.classList.remove('show');
        document.body.style.overflow = '';
    }
};


// Influencer Modal Functions
function openInfluencerModal(imagePath, name, date, bioLink, level1CategoryName, level2CategoryName, event) {
    var modal = document.getElementById('influencerModal');
    var modalImage = document.getElementById('influencerModalImage');
    var modalName = document.getElementById('influencerModalName');
    var modalRole = document.getElementById('influencerModalRole');
    var modalMethodology = document.getElementById('influencerModalMethodology');
    var modalDate = document.getElementById('influencerModalDate');
    var modalHeader = document.getElementById('influencerModalHeader');
    var triggerElement = event ? event.currentTarget : document.activeElement; // Store trigger for focus return
    
    if (!modal || !modalImage || !modalName || !modalRole || !modalMethodology || !modalDate) return;
    
    // Update modal header with level1CategoryName if provided
    if (modalHeader && level1CategoryName && level1CategoryName.length > 0) {
        modalHeader.textContent = level1CategoryName;
    } else if (modalHeader) {
        modalHeader.textContent = 'Evaluation Model';
    }
    
    if (imagePath && imagePath.length > 0) {
        // Check if imagePath is already a full URL or just a filename
        if (imagePath.indexOf('http') === 0) {
            modalImage.innerHTML = '<img src="' + imagePath + '" alt="' + name + '" class="influencer-modal-image">';
        } else {
            modalImage.innerHTML = '<img src="https://d25brt1ok2m0kr.cloudfront.net/_influencers/' + imagePath + '" alt="' + name + '" class="influencer-modal-image">';
        }
    } else {
        var initial = name ? name.charAt(0).toUpperCase() : '?';
        modalImage.innerHTML = '<div class="influencer-modal-placeholder">' + initial + '</div>';
    }
    
    modalName.textContent = name;
    modalRole.textContent = 'Founder & Lead Editor, WhatAreTheBest.com';
    
    // Build methodology text with Level 1 + Level 2 category names
    var methodologyText = 'Oversees the evaluation of ';
    if (level1CategoryName && level1CategoryName.length > 0 && level2CategoryName && level2CategoryName.length > 0) {
        methodologyText += level1CategoryName + ' & ' + level2CategoryName;
    } else if (level1CategoryName && level1CategoryName.length > 0) {
        methodologyText += level1CategoryName;
    } else if (level2CategoryName && level2CategoryName.length > 0) {
        methodologyText += level2CategoryName;
    } else {
        methodologyText += 'products';
    }
    methodologyText += ' using a transparent scoring framework based on documented capabilities, third-party validation, and category-specific criteria.';
    modalMethodology.textContent = methodologyText;
    
    if (date && date.length > 0) {
        modalDate.textContent = 'Last Updated on ' + date;
    } else {
        modalDate.textContent = '';
    }
    
    // Focus trap for accessibility
    var focusableElements = modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');
    var firstFocusable = focusableElements[0];
    var lastFocusable = focusableElements[focusableElements.length - 1];
    
    modal.style.display = 'block';
    document.body.style.overflow = 'hidden';
    
    // Focus on first element
    if (firstFocusable) {
        firstFocusable.focus();
    }
    
    // Trap focus inside modal
    modal.addEventListener('keydown', function trapFocus(e) {
        if (e.key === 'Tab') {
            if (e.shiftKey) {
                if (document.activeElement === firstFocusable) {
                    e.preventDefault();
                    lastFocusable.focus();
                }
            } else {
                if (document.activeElement === lastFocusable) {
                    e.preventDefault();
                    firstFocusable.focus();
                }
            }
        }
        if (e.key === 'Escape') {
            closeInfluencerModal();
        }
    });
    
    // Store trigger element for focus return
    var triggerId = '';
    if (triggerElement) {
        if (triggerElement.id) {
            triggerId = triggerElement.id;
        } else {
            // Create a temporary ID if none exists
            triggerId = 'modal-trigger-' + Date.now();
            triggerElement.id = triggerId;
        }
        modal.setAttribute('data-trigger-element', triggerId);
    }
    
    // Show modal and trap focus
    modal.style.display = 'flex';
    modal.setAttribute('aria-hidden', 'false');
    document.body.style.overflow = 'hidden';
    
    // Focus first focusable element (close button)
    var closeButton = modal.querySelector('.influencer-modal-close');
    if (closeButton) {
        closeButton.focus();
    }
}

function closeInfluencerModal() {
    const modal = document.getElementById('influencerModal');
    if (modal) {
        modal.style.display = 'none';
        modal.setAttribute('aria-hidden', 'true');
        document.body.style.overflow = '';
        
        // Return focus to trigger element
        var triggerId = modal.getAttribute('data-trigger-element');
        if (triggerId) {
            var triggerElement = document.getElementById(triggerId);
            if (triggerElement) {
                triggerElement.focus();
            }
        }
        
        // Remove focus trap
        var focusableElements = modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');
        focusableElements.forEach(function(element) {
            element.removeEventListener('keydown', function() {});
        });
    }
}

// Close modal when clicking outside the image or pressing Escape
// Position price history icon near rating-row on mobile
function positionPriceHistoryIcons() {
    if (window.innerWidth <= 768) {
        const productMediaSections = document.querySelectorAll('.product-media-section');
        productMediaSections.forEach(function(section) {
            const ratingRow = section.querySelector('.rating-row');
            const priceHistoryIcon = section.querySelector('.price-history-icon');
            
            if (ratingRow && priceHistoryIcon) {
                const ratingRect = ratingRow.getBoundingClientRect();
                const sectionRect = section.getBoundingClientRect();
                const topOffset = ratingRect.top - sectionRect.top;
                
                priceHistoryIcon.style.top = topOffset + 'px';
            }
        });
    }
}

document.addEventListener('DOMContentLoaded', function() {
    // Position price history icons on mobile
    positionPriceHistoryIcons();
    
    // Reposition after images load (in case images affect layout)
    const productImages = document.querySelectorAll('.product-image');
    let imagesLoaded = 0;
    if (productImages.length > 0) {
        productImages.forEach(function(img) {
            if (img.complete) {
                imagesLoaded++;
            } else {
                img.addEventListener('load', function() {
                    imagesLoaded++;
                    if (imagesLoaded === productImages.length) {
                        positionPriceHistoryIcons();
                    }
                });
            }
        });
        if (imagesLoaded === productImages.length) {
            positionPriceHistoryIcons();
        }
    }
    
    // Reposition on window resize
    let resizeTimer;
    window.addEventListener('resize', function() {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(positionPriceHistoryIcons, 250);
    });
    
    const categoryImageModal = document.getElementById('categoryImageModal');
    if (categoryImageModal) {
        categoryImageModal.addEventListener('click', function(e) {
            if (e.target === categoryImageModal) {
                closeCategoryImageModal();
            }
        });
        
        // Close on Escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && categoryImageModal.style.display === 'flex') {
                closeCategoryImageModal();
            }
        });
    }
    
    // Influencer modal close handlers
    const influencerModal = document.getElementById('influencerModal');
    if (influencerModal) {
        influencerModal.addEventListener('click', function(e) {
            if (e.target === influencerModal) {
                closeInfluencerModal();
            }
        });
        
        // Close on Escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && influencerModal.style.display === 'flex') {
                closeInfluencerModal();
            }
        });
    }
});

function hideSimilarCategoriesButton() {
    const trigger = document.getElementById('similarCategoriesTrigger');
    if (trigger) {
        trigger.classList.add('hidden');
        trigger.classList.remove('show');
    }
}

// Enhanced sticky tabs functionality with debouncing to prevent flashing
document.addEventListener('DOMContentLoaded', function() {
    const similarCategoriesTrigger = document.getElementById('similarCategoriesTrigger');
    const productTabs = document.querySelector('.product-tabs');
    
    // Debug logging
('=== Similar Categories Button Debug ===');
('similarCategoriesTrigger element:', similarCategoriesTrigger);
('productTabs element:', productTabs);
('Window width:', window.innerWidth);
    
    // Helper function to check if we're on mobile
    function isMobile() {
        const mobile = window.innerWidth <= 768;
('isMobile() check:', mobile, '(width:', window.innerWidth + ')');
        return mobile;
    }
    
    // Helper function to show/hide mobile button
    function updateMobileButtonVisibility(shouldShow) {
('updateMobileButtonVisibility called with shouldShow:', shouldShow);
('  - similarCategoriesTrigger exists:', !!similarCategoriesTrigger);
        if (similarCategoriesTrigger) {
('  - has "hidden" class:', similarCategoriesTrigger.classList.contains('hidden'));
('  - current classes:', similarCategoriesTrigger.className);
        }
        
        if (similarCategoriesTrigger && !similarCategoriesTrigger.classList.contains('hidden')) {
            const mobile = isMobile();
            if (shouldShow && mobile) {
('  -> Adding "show" class');
                similarCategoriesTrigger.classList.add('show');
('  - classes after add:', similarCategoriesTrigger.className);
                const computed = window.getComputedStyle(similarCategoriesTrigger);
('  - computed display:', computed.display);
('  - computed opacity:', computed.opacity);
('  - computed visibility:', computed.visibility);
('  - computed position:', computed.position);
('  - computed bottom:', computed.bottom);
('  - computed left:', computed.left);
('  - computed z-index:', computed.zIndex);
('  - viewport height:', window.innerHeight);
('  - viewport width:', window.innerWidth);
                const rect = similarCategoriesTrigger.getBoundingClientRect();
('  - bounding rect:', {
                    width: rect.width,
                    height: rect.height,
                    top: rect.top,
                    left: rect.left,
                    bottom: rect.bottom,
                    right: rect.right
                });
                const expectedBottom = window.innerHeight - rect.height - 16;
('  - expected bottom position:', expectedBottom);
('  - actual top position:', rect.top);
('  - is button visible in viewport?', rect.top >= 0 && rect.bottom <= window.innerHeight);
                // Force positioning inline to override any CSS issues - always apply at mobile widths
                if (mobile) {
                    similarCategoriesTrigger.style.position = 'fixed';
                    similarCategoriesTrigger.style.bottom = '16px';
                    similarCategoriesTrigger.style.left = '16px';
                    similarCategoriesTrigger.style.top = 'auto';
                    similarCategoriesTrigger.style.right = 'auto';
                    similarCategoriesTrigger.style.zIndex = '1000';
                    similarCategoriesTrigger.style.display = 'block';
                    similarCategoriesTrigger.style.opacity = '1';
                    similarCategoriesTrigger.style.visibility = 'visible';
('  -> Applied inline styles to force visibility');
                }
            } else {
('  -> Removing "show" class (shouldShow:', shouldShow + ', mobile:', mobile + ')');
                similarCategoriesTrigger.classList.remove('show');
                // Clear inline styles that might prevent hiding
                similarCategoriesTrigger.style.display = '';
                similarCategoriesTrigger.style.opacity = '';
                similarCategoriesTrigger.style.visibility = '';
                similarCategoriesTrigger.style.border = '';
                similarCategoriesTrigger.style.backgroundColor = '';
('  - classes after remove:', similarCategoriesTrigger.className);
            }
        } else {
('  -> Skipping update (no element or has hidden class)');
        }
    }
    
    // Initialize mobile button visibility if productTabs doesn't exist
    if (!productTabs && similarCategoriesTrigger) {
        // If no tabs, show button on mobile immediately
        if (isMobile()) {
            updateMobileButtonVisibility(true);
        }
        // Update on resize
        window.addEventListener('resize', function() {
            updateMobileButtonVisibility(isMobile());
        });
    }
    
    if (productTabs) {
        let isSticky = false;
        let ticking = false;
        let lastKnownScrollPosition = 0;
        
        // Function to update sticky state with debouncing to prevent flashing
        let showHideTimeout;
        function updateStickyState() {
            const rect = productTabs.getBoundingClientRect();
            const headerHeight = isMobile() ? 70 : 80;
            const shouldBeSticky = rect.top <= headerHeight;
            
            // Only update if state actually changed
            if (shouldBeSticky !== isSticky) {
                isSticky = shouldBeSticky;
                
                // Clear any pending timeout
                if (showHideTimeout) {
                    clearTimeout(showHideTimeout);
                    showHideTimeout = null;
                }
                
                if (isSticky) {
                    productTabs.classList.add('sticky');
                    
                    // Show mobile similar categories button with slight delay to prevent flashing
                    showHideTimeout = setTimeout(function() {
                        if (isSticky) { // Double-check state hasn't changed
                            updateMobileButtonVisibility(true);
                        }
                        showHideTimeout = null;
                    }, 50);
                } else {
                    productTabs.classList.remove('sticky');
                    
                    // Hide mobile similar categories button when tabs are not sticky
                    showHideTimeout = setTimeout(function() {
                        if (!isSticky) { // Double-check state hasn't changed
                            updateMobileButtonVisibility(false);
                        }
                        showHideTimeout = null;
                    }, 150); // Longer delay on hide to prevent flashing
                }
            }
            
            ticking = false;
        }
        
        // Throttled scroll handler using requestAnimationFrame
        function onScroll() {
            lastKnownScrollPosition = window.scrollY;
            
            if (!ticking) {
                window.requestAnimationFrame(function() {
                    updateStickyState();
                });
                ticking = true;
            }
        }
        
        // Check on scroll with RAF throttling
        window.addEventListener('scroll', onScroll, { passive: true });
        
        // Check on resize with debouncing
        let resizeTimeout;
        window.addEventListener('resize', function() {
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(function() {
                updateStickyState();
                // Also update button visibility on resize if on mobile
                if (isSticky) {
                    updateMobileButtonVisibility(isMobile() && isSticky);
                }
            }, 100);
        });
        
        // Initial check
        updateStickyState();
    } else if (similarCategoriesTrigger && isMobile() && !similarCategoriesTrigger.classList.contains('hidden')) {
        // No product tabs, but show button on mobile if it exists
        updateMobileButtonVisibility(true);
    }
});

// Deep Research Dropdown Functionality

(function() {
    // Load deep research content for all products with deep research after page loads
    document.addEventListener('DOMContentLoaded', function() {
        const deepResearchButtons = document.querySelectorAll('.deep-research-toggle-btn[data-product-id]');
        
        deepResearchButtons.forEach(function(button) {
            const productID = button.getAttribute('data-product-id');
            const contentDiv = document.getElementById('deepResearchContent_' + productID);
            const spinner = button.querySelector('.deep-research-spinner');
            const chevron = button.querySelector('.deep-research-chevron');
            
            if (!contentDiv) return;
            
            // Show spinner initially
            if (spinner) spinner.style.display = 'block';
            if (chevron) chevron.style.display = 'none';
            
            // Load content via AJAX
            fetch('https://whatarethebest.com/AJAX_GetDeepResearchForCategoryPages.cfm?ProductID=' + productID)
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.text();
                })
                .then(html => {
                    // Insert content
                    contentDiv.innerHTML = html;
                    
                    // Hide spinner, show chevron
                    if (spinner) spinner.style.display = 'none';
                    if (chevron) chevron.style.display = 'block';
                    
                    // Add expanded accent if content is visible
                    const container = contentDiv.closest('.deep-research-dropdown-container');
                    if (container && contentDiv.style.display !== 'none') {
                        container.style.borderLeft = '4px solid #3b82f6';
                        container.style.background = 'linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)';
                    }
                    
                    // Mark as loaded
                    button.setAttribute('data-loaded', 'true');
                })
                .catch(error => {
                    console.error('Error loading deep research:', error);
                    if (spinner) spinner.style.display = 'none';
                    if (chevron) chevron.style.display = 'block';
                    contentDiv.innerHTML = '<div style="padding: 20px; text-align: center; color: #ef4444;">Error loading deep research content.</div>';
                    button.setAttribute('data-loaded', 'true');
                });
        });
    });
    
    // Toggle deep research dropdown
    window.toggleDeepResearch = function(button, productID) {
        const contentDiv = document.getElementById('deepResearchContent_' + productID);
        const toggleButton = document.querySelector('.deep-research-toggle-btn[data-product-id="' + productID + '"]');
        const chevron = toggleButton ? toggleButton.querySelector('.deep-research-chevron') : null;
        const container = contentDiv ? contentDiv.closest('.deep-research-dropdown-container') : null;
        
        if (!contentDiv) return;
        
        const isExpanded = contentDiv.style.display !== 'none' && contentDiv.style.display !== '';
        
        if (isExpanded) {
            // Collapse
            contentDiv.style.display = 'none';
            if (chevron) {
                chevron.style.transform = 'rotate(0deg)';
            }
            // Remove expanded accent
            if (container) {
                container.style.borderLeft = '';
                container.style.background = '';
            }
            
            // Mobile: Remove sticky state and scroll to container
            if (window.innerWidth <= 768 && container) {
                toggleButton.classList.remove('deep-research-toggle-btn-sticky');
                // Remove spacer if present
                const spacer = container.querySelector('.deep-research-toggle-spacer');
                if (spacer) {
                    spacer.remove();
                }
                const containerTop = container.getBoundingClientRect().top + window.pageYOffset;
                window.scrollTo({
                    top: containerTop - 95, // Account for sticky headers
                    behavior: 'smooth'
                });
            }
        } else {
            // Expand
            contentDiv.style.display = 'block';
            if (chevron) {
                chevron.style.transform = 'rotate(180deg)';
            }
            // Add expanded accent (left border and background)
            if (container) {
                container.style.borderLeft = '4px solid #3b82f6';
                container.style.background = 'linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)';
            }
            
            // If content hasn't loaded yet, wait for it
            if (toggleButton && toggleButton.getAttribute('data-loaded') !== 'true') {
                const checkLoaded = setInterval(function() {
                    if (toggleButton.getAttribute('data-loaded') === 'true') {
                        clearInterval(checkLoaded);
                    }
                }, 100);
            }
        }
    };
    
    // Mobile: Sticky toggle button when scrolling within deep research section
    function handleDeepResearchSticky() {
        if (window.innerWidth > 768) {
            // Remove sticky on desktop
            document.querySelectorAll('.deep-research-toggle-btn').forEach(function(btn) {
                btn.classList.remove('deep-research-toggle-btn-sticky');
            });
            return;
        }
        
        const containers = document.querySelectorAll('.deep-research-dropdown-container');
        const stickyThreshold = 95; // Below site header (45px) + second header (50px)
        const scrollY = window.pageYOffset || window.scrollY;
        
        containers.forEach(function(container) {
            const toggleButton = container.querySelector('.deep-research-toggle-btn');
            const contentDiv = container.querySelector('.deep-research-content');
            
            if (!toggleButton || !contentDiv) return;
            
            const isExpanded = contentDiv.style.display !== 'none' && contentDiv.style.display !== '';
            if (!isExpanded) {
                toggleButton.classList.remove('deep-research-toggle-btn-sticky');
                return;
            }
            
            const containerRect = container.getBoundingClientRect();
            const containerTop = containerRect.top;
            const containerBottom = containerRect.bottom;
            
            // Sticky when:
            // 1. Container top has scrolled past the sticky threshold (95px)
            // 2. Container bottom hasn't passed the sticky threshold yet (we're still viewing the section)
            if (containerTop <= stickyThreshold && containerBottom > stickyThreshold) {
                toggleButton.classList.add('deep-research-toggle-btn-sticky');
                // Add spacer to prevent layout shift
                if (!container.querySelector('.deep-research-toggle-spacer')) {
                    const spacer = document.createElement('div');
                    spacer.className = 'deep-research-toggle-spacer';
                    spacer.style.height = toggleButton.offsetHeight + 'px';
                    container.insertBefore(spacer, toggleButton.nextSibling);
                }
            } else {
                toggleButton.classList.remove('deep-research-toggle-btn-sticky');
                // Remove spacer
                const spacer = container.querySelector('.deep-research-toggle-spacer');
                if (spacer) {
                    spacer.remove();
                }
            }
        });
    }
    
    // Throttle scroll handler
    let scrollTimeout = null;
    function stickyScrollHandler() {
        if (scrollTimeout) return;
        scrollTimeout = requestAnimationFrame(function() {
            handleDeepResearchSticky();
            scrollTimeout = null;
        });
    }
    
    window.addEventListener('scroll', stickyScrollHandler, { passive: true });
    window.addEventListener('resize', function() {
        handleDeepResearchSticky();
    }, { passive: true });
    
    // Initial check after DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', handleDeepResearchSticky);
    } else {
        handleDeepResearchSticky();
    }
    
    // CSS for spinner animation and styling
    const style = document.createElement('style');
    style.textContent = `
        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        .deep-research-dropdown-container {
            width: 100%;
            margin-top: 0 !important;
            margin-bottom: 24px !important;
        }
        .deep-research-toggle-btn:hover {
            background: #f1f5f9 !important;
            border-color: #cbd5e1 !important;
        }
        .deep-research-content {
            width: 100%;
        }
        @media (max-width: 768px) {
            /* Sticky toggle button on mobile when scrolling within section */
            .deep-research-toggle-btn-sticky {
                position: fixed !important;
                top: 95px !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
                z-index: 999 !important;
                border-radius: 0 !important;
                margin: 0 !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
            }
            
            /* Add padding to container when button is sticky to prevent content jump */
            .deep-research-dropdown-container:has(.deep-research-toggle-btn-sticky) {
                padding-top: 0 !important;
            }
            
            /* Reduce padding on mobile to maximize width */
            .deep-research-content {
                padding: 0 5px 24px 5px !important;
            }
            
            /* Ensure breakdown uses full width */
            .deep-research-content .deep-research-breakdown {
                padding: 5px !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }
            
            /* Force single column layout */
            .deep-research-content .custom-scoring-category-content {
                grid-template-columns: 1fr !important;
                gap: 16px !important;
                display: flex !important;
                flex-direction: column !important;
            }
            
            /* Hide desktop bullets column */
            .deep-research-content .custom-scoring-bullets-column {
                display: none !important;
            }
            
            /* Show mobile bullets section */
            .deep-research-content .custom-scoring-bullets-mobile {
                display: block !important;
            }
            
            /* Full width category items */
            .deep-research-content .custom-scoring-category-item {
                width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding: 12px 10px !important;
            }
        }
    `;
    document.head.appendChild(style);
})();

</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://whatarethebest.com/"
        },
        
        
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Baby, Kids & Parenting",
                "item": "https://whatarethebest.com/shop-baby-kids-parenting/"
            },
            
                
            {
                "@type": "ListItem",
                "position": 3,
                "name": "Car Seats",
                "item": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/"
            },
            
                
            {
                "@type": "ListItem",
                "position": 4,
                "name": "Car Seat Bases",
                "item": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/"
            }
            
        
    ]
}
</script>

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "CollectionPage",
    "name": "Top Car Seat Bases for 2026 - 10 Best Options",
    "description": "Find the best car seat bases available in 2026. Expert comparison of 10 products with ratings, specifications & pricing. Shop confidently.",
    "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/"
}
</script>


<script type="application/ld+json">


{"itemListElement":[{"position":1,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=156675","name":"Key Fit 30 Infant Car Base"},{"position":2,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=156670","name":"Cybex Cloud G Car Seat Base"},{"position":3,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=157996","name":"Car Seat ISOFIX Latch Kit"},{"position":4,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=158008","name":"1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch"},{"position":5,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=156676","name":"Diono LiteClik30 RXT Car Seat"},{"position":6,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=157997","name":"Universal ISOFIX Car Seat Bracket"},{"position":7,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=158005","name":"1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic"},{"position":8,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=157998","name":"Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket,Universal ISOFIX Latch Interface Bracket Steel Latch,ISOFIX Belt Connector for SUVs,MPVs,and Off-Road Vehicles,332*95*70mm"},{"position":9,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=158007","name":"Universal ISOFIX Car Seat Mount"},{"position":10,"@type":"ListItem","url":"https://whatarethebest.com/CTR.cfm?ProductID=158003","name":"ISOFIX Car Seat Interface Buckle"}],"@context":"https://schema.org","@type":"ItemList","url":"https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/","itemListOrder":"https://schema.org/ItemListOrderAscending","name":"Top Car Seat Bases for 2026 - 10 Best Options"}
</script>


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "itemListOrder": "https://schema.org/ItemListOrderAscending",
    "itemListElement": [
        
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Easy Install Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/easy-install-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Adjustable Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 3,
            "name": "Infant Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/infant-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 4,
            "name": "ISOFIX Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Swivel Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/swivel-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 6,
            "name": "Convertible Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/convertible-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 7,
            "name": "Lightweight Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/lightweight-car-seat-bases/"
        },
        
        {
            "@type": "ListItem",
            "position": 8,
            "name": "Belted Car Seat Bases",
            "url": "https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/belted-car-seat-bases/"
        }
        
    ]
}
</script>


    <div class="disclosure-text-top">
        <p>We review products independently. We may earn a commission if you buy through our links, at no extra cost to you.
            <a href="/affiliate-disclosure.cfm" class="learn-more-link">Learn more</a></p>
    </div>
    <hr class="disclosure-divider">
    
    <nav class="modern-breadcrumb" aria-label="Breadcrumb">
        <ol class="breadcrumb-list" id="breadcrumb-list">
            <li class="breadcrumb-item">
                <a href="https://whatarethebest.com/" class="breadcrumb-link">
                    <svg class="breadcrumb-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
                    </svg>
                    Home
                </a>
            </li>
            
            
                    <li class="breadcrumb-item">
                        <span class="breadcrumb-separator">&gt;</span>
                        
                        
                            <a href="/shop-baby-kids-parenting" class="breadcrumb-link">Baby, Kids & Parenting</a>
                        
                    </li>
                
                    
                    <li class="breadcrumb-item">
                        <span class="breadcrumb-separator">&gt;</span>
                        
                        
                            <a href="/shop-baby-kids-parenting/shop-car-seats" class="breadcrumb-link">Car Seats</a>
                        
                    </li>
                
                    
                    <li class="breadcrumb-item">
                        <span class="breadcrumb-separator">&gt;</span>
                        
                        
                            <span class="breadcrumb-link" style="color: #e5e7eb; cursor: default;">Car Seat Bases</span>
                        
                    </li>
                
            
        </ol>
    </nav>
    
    
    <nav class="modern-breadcrumb mobile-breadcrumb" aria-label="Breadcrumb">
        <ol class="breadcrumb-list" id="mobile-breadcrumb-list">
            
            <li class="breadcrumb-item breadcrumb-collapsed" id="mobile-breadcrumb-collapsed" onclick="expandMobileBreadcrumb()" style="cursor: pointer;">
                <span class="breadcrumb-link">
                    Home > ... > ... > Car Seat Bases
                </span>
            </li>
            
            <li class="breadcrumb-item breadcrumb-expanded" id="mobile-breadcrumb-expanded" style="display: none !important; flex-wrap: wrap; width: 100%;">
                
                    
                        <a href="https://whatarethebest.com/" class="breadcrumb-link">
                            
                                <svg class="breadcrumb-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="display: inline-block; vertical-align: middle; margin-right: 4px;">
                                    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
                                </svg>
                            
                            Home
                        </a>
                    
                
                        <span class="breadcrumb-separator">&gt;</span>
                    
                    
                        <a href="/shop-baby-kids-parenting/" class="breadcrumb-link">
                            
                            Baby, Kids & Parenting
                        </a>
                    
                
                        <span class="breadcrumb-separator">&gt;</span>
                    
                    
                        <a href="/shop-baby-kids-parenting/shop-car-seats/" class="breadcrumb-link">
                            
                            Car Seats
                        </a>
                    
                
                        <span class="breadcrumb-separator">&gt;</span>
                    
                    
                        <span class="breadcrumb-link" style="color: #e5e7eb; cursor: default;">
                            
                            Car Seat Bases
                        </span>
                    
                
            </li>
        </ol>
    </nav>
    <script>
        function expandMobileBreadcrumb() {
            var collapsed = document.getElementById('mobile-breadcrumb-collapsed');
            var expanded = document.getElementById('mobile-breadcrumb-expanded');
            if (collapsed && expanded) {
                collapsed.style.display = 'none';
                expanded.style.display = 'flex';
                expanded.classList.add('show');
            }
        }
    </script>
<!-- SIMPLE HTML DEBUG -->
    <div class="container">
        

        <header class="page-header">
            
            
                <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_7682.jpg" 
                     alt="Car Seat Bases" 
                     class="mobile-header-category-image"
                     onclick="openCategoryImageModal('cat_7682.jpg', 'Car Seat Bases')"
                     style="cursor: pointer;">
            
            <h1 class="page-title">Top Car Seat Bases for 2026 - 10 Best Options</h1>
            
            
            <div class="curator-badge desktop-only">
                <div class="curator-link" onclick="openInfluencerModal('https://d25brt1ok2m0kr.cloudfront.net/_img/PSX_20210510_001810.jpg', 'Albert Richer', 'Nov 11, 2025', '/experts.cfm', 'Baby, Kids & Parenting', 'Car Seats', event)" style="cursor: pointer;">
                    <div class="curator-content">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_img/PSX_20210510_001810.jpg" alt="Albert Richer" class="curator-photo">
                        <div class="curator-info">
                            <div class="curator-name-row">
                                <div class="curator-label">Curated by :</div>
                                <div class="curator-name">Albert Richer</div>
                            </div>
                            
                                <div class="curator-date">Updated Nov 11, 2025</div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </header>
        
        
            <h4 class="subheader">This page reflects a narrower topic &mdash; see all <a href="/shop-baby-kids-parenting/shop-car-seats/">Car Seats</a> tools here.</h4>
        

            <div class="category-subtitle-container">
                <div class="category-subtitle">
                    
                    
                        <div class="category-image-wrapper">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_7682.jpg" 
                                 alt="Car Seat Bases" 
                                 class="category-inline-image desktop-only"
                                 onclick="openCategoryImageModal('cat_7682.jpg', 'Car Seat Bases')"
                                 style="cursor: pointer;">
                            
                            
                                <button type="button" class="subtitle-methodology-btn desktop-only" onclick="openMethodologyModal()">
                                    How We Rank Products
                                </button>
                            
                        </div>
                    
                    
                    <div class="mobile-subtitle-influencer-image">
                        
                        
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_img/PSX_20210510_001810.jpg" 
                             alt="Albert Richer" 
                             class="mobile-influencer-thumbnail"
                             onclick="openInfluencerModal('https://d25brt1ok2m0kr.cloudfront.net/_img/PSX_20210510_001810.jpg', 'Albert Richer', 'Nov 11, 2025', '/experts.cfm', 'Baby, Kids & Parenting', 'Car Seats', event)"
                             style="cursor: pointer;">
                    </div>
                    <p id="subtitle-text" class="subtitle-desktop-text">
                        <span class="subtitle-short-desktop">What Are the Best Car Seat Bases? A Research Analyst's Insight on Trends and Specifications Market research shows that parents are becoming increasingly discerning about car seat bases, prioritizing safety features and ease of installation above all. Comparative analysis of product specifications indicates that bases with an easy-to-read level indicator, like those from Chicco, frequently receive positive ratings in customer reviews. Conversely, while adjustable load legs are often advertised as essential, many consumers suggest they may not be as critical as manufacturers claim, especially for those with compact cars.<button type="button" class="subtitle-show-more-btn desktop-only" id="subtitle-show-more-btn" onclick="toggleSubtitleDesktop()">Show more</button></span>
                        <span class="subtitle-short-ipad">What Are the Best Car Seat Bases? A Research Analyst's Insight on Trends and Specifications Market research shows that parents are becoming increasingly discerning about car seat bases, prioritizing safety features and ease of installation above all.<button type="button" class="subtitle-show-more-btn ipad-only" id="subtitle-show-more-btn-ipad" onclick="toggleSubtitleDesktop()">Show more</button></span>
                        <span class="subtitle-full-desktop" style="display: none;">What Are the Best Car Seat Bases? A Research Analyst's Insight on Trends and Specifications Market research shows that parents are becoming increasingly discerning about car seat bases, prioritizing safety features and ease of installation above all. Comparative analysis of product specifications indicates that bases with an easy-to-read level indicator, like those from Chicco, frequently receive positive ratings in customer reviews. Conversely, while adjustable load legs are often advertised as essential, many consumers suggest they may not be as critical as manufacturers claim, especially for those with compact cars. Customer feedback trends indicate that texture matters—parents often report that a soft, grippy surface makes securing the seat easier, while heavier bases, like the UPPAbaby MESA, are often associated with stability and a feeling of durability. Interestingly, studies suggest that about 75% of parents appreciate compatibility with multiple car seat models; brands like Peg Perego excel in this area, being commonly featured in expert roundups for their versatility. As for price ranges, many quality bases fall between $150 and $300, making it essential to balance budget and lifestyle—especially if you're regularly swapping seats between vehicles. And let's face it, in the world of parenting gear, the only thing heavier than your baby is the car seat base you lug around. So, why not choose wisely?</span>
                    </p>
                    
                    
                    <div class="subtitle-read-more has-methodology" id="subtitle-read-more" style="display: none;">
                        
                        
                            <a href="javascript:void(0)" onclick="openMethodologyModal()" class="subtitle-methodology-link-mobile">How We Choose</a>
                        
                        <a href="javascript:void(0)" onclick="toggleSubtitle()" class="read-more-link">Read more</a>
                    </div>
                </div>
            </div>
            <script>
            // Desktop subtitle toggle function
            if (typeof window.toggleSubtitleDesktop !== 'function') {
              window.toggleSubtitleDesktop = function() {
                var subtitleShort = document.querySelector('.subtitle-short-desktop');
                var subtitleFull = document.querySelector('.subtitle-full-desktop');
                var showMoreBtn = document.getElementById('subtitle-show-more-btn');
                if (!subtitleShort || !subtitleFull || !showMoreBtn) return;
                
                if (subtitleShort.style.display === 'none') {
                  subtitleShort.style.display = 'inline';
                  subtitleFull.style.display = 'none';
                  showMoreBtn.textContent = 'Show more';
                } else {
                  subtitleShort.style.display = 'none';
                  subtitleFull.style.display = 'inline';
                  showMoreBtn.textContent = 'Show less';
                }
              };
            }
            
            // Inline safety: ensure global handler exists before first click
            if (typeof window.toggleSubtitle !== 'function') {
              window.toggleSubtitle = function() {
                var subtitleText = document.getElementById('subtitle-text');
                var readMoreDiv = document.getElementById('subtitle-read-more');
                if (!subtitleText || !readMoreDiv) return;
                var readMoreLink = readMoreDiv.querySelector('.read-more-link');
                if (subtitleText.classList.contains('expanded')) {
                  subtitleText.classList.remove('expanded');
                  if (readMoreLink) readMoreLink.textContent = 'Read more';
                } else {
                  subtitleText.classList.add('expanded');
                  if (readMoreLink) readMoreLink.textContent = 'Read less';
                }
              };
            }
            </script>
        

        <div id="influencerModal" class="influencer-modal" style="display: none;" role="dialog" aria-modal="true" aria-labelledby="influencerModalHeader" aria-describedby="influencerModalMethodology">
            <div class="influencer-modal-content">
                <div class="influencer-modal-header">
                    <h2 id="influencerModalHeader">Evaluation Model</h2>
                    <button class="influencer-modal-close" onclick="closeInfluencerModal()" aria-label="Close modal">&times;</button>
                </div>
                <div class="influencer-modal-body">
                    <div id="influencerModalImage" class="influencer-modal-image-container"></div>
                    <h3 id="influencerModalName" class="influencer-modal-name"></h3>
                    <p id="influencerModalRole" class="influencer-modal-role"></p>
                    <p id="influencerModalMethodology" class="influencer-modal-methodology"></p>
                    <p id="influencerModalDate" class="influencer-modal-date"></p>
                    <div class="influencer-modal-buttons">
                        <a id="influencerModalLinkedIn" href="https://www.linkedin.com/in/albert-r-1b267130/" target="_blank" class="influencer-modal-bio-link">LinkedIn Profile &rarr;</a>
                        <a href="/how-we-evaluate.cfm" class="influencer-modal-bio-link">How We Evaluate Products &rarr;</a>
                    </div>
                </div>
            </div>
        </div>

        
        <div class="product-tabs">
            <button class="tab-button active" onclick="switchTab('products')" id="products-tab">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                </svg>
                <span class="tab-text-desktop">Top Products (10)</span>
                <span class="tab-text-mobile" id="mobile-tab-text">Top</span>
            </button>
            <button class="tab-button" onclick="switchTab('comparison')" id="comparison-tab">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M3 3h18v2H3V3zm0 4h18v2H3V7zm0 4h18v2H3v-2zm0 4h18v2H3v-2z"/>
                </svg>
                <span class="tab-text-desktop">Compare Products</span>
                <span class="tab-text-mobile">Compare</span>
            </button>
        
        <button class="tab-button similar-categories-tab-desktop" onclick="switchTab('similar')" id="similar-tab">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="18" r="3"/>
                <path d="M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98"/>
            </svg>
            Similar Categories
        </button>
        
            <!-- Sort control (desktop) -->
            <div class="sort-control-desktop" id="sortControlDesktop">
                <div class="sort-wrapper">
                    <select id="sortSelect" class="sort-select" aria-label="Sort products">
                    <option value="best" selected>Best Overall</option>
                    <option value="value">Best Value</option>
                    <option value="price">Lowest Price</option>
                    <option value="rating">Highest Rated</option>
                    <option value="reviews">Most Reviewed</option>
                    </select>
                </div>
            </div>
            <!-- Sort control (mobile trigger) -->
            <button class="sort-trigger-mobile" id="sortTriggerMobile" type="button" aria-label="Open sort options" onclick="document.getElementById('sortModal').style.display='block'; document.getElementById('sortModal').style.position='fixed'; document.getElementById('sortModal').style.top='0'; document.getElementById('sortModal').style.left='0'; document.getElementById('sortModal').style.width='100%'; document.getElementById('sortModal').style.height='100%'; document.getElementById('sortModal').style.zIndex='999999'; document.getElementById('sortModal').style.background='rgba(0,0,0,0.5)'; return false;">Sort &#9662;</button>
        </div>
        
        <!-- Mobile Similar Categories Button (floating sticky) -->
        
        <div class="similar-categories-mobile-trigger" id="similarCategoriesTrigger">
            <div class="similar-categories-btn" onclick="openSimilarCategoriesModal(); return false;">
                <span class="similar-categories-close" role="button" tabindex="0" aria-label="Hide similar categories button" onclick="event.stopPropagation(); event.preventDefault(); hideSimilarCategoriesButton(); return false;" onkeydown="if(event.key==='Enter'||event.key===' '){event.stopPropagation(); event.preventDefault(); hideSimilarCategoriesButton();}">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" style="width: 12px; height: 12px;">
                        <line x1="18" y1="6" x2="6" y2="18"></line>
                        <line x1="6" y1="6" x2="18" y2="18"></line>
                    </svg>
                </span>
                <div class="similar-categories-btn-content" style="cursor: pointer; pointer-events: auto;">
                    <span>Similar Categories</span>
                </div>
            </div>
        </div>
        

        <!-- Mobile sort modal -->
        <div class="sort-modal" id="sortModal" aria-hidden="true" role="dialog">
            <div class="sort-modal-backdrop" id="sortModalBackdrop"></div>
            <div class="sort-modal-panel" role="document" aria-labelledby="sortModalTitle">
                <div class="sort-modal-header">
                    <h3 id="sortModalTitle">Sort products</h3>
                    <button class="sort-modal-close" id="sortModalClose" aria-label="Close" onclick="document.getElementById('sortModal').style.display='none'; return false;">&times;</button>
                </div>
                <div class="sort-modal-body">
                    <button class="sort-option" type="button" data-sort="best">Best Overall</button>
                    <button class="sort-option" type="button" data-sort="value">Best Value</button>
                    <button class="sort-option" type="button" data-sort="price">Lowest Price</button>
                    <button class="sort-option" type="button" data-sort="rating">Highest Rated</button>
                    <button class="sort-option" type="button" data-sort="reviews">Most Reviewed</button>
                </div>
            </div>
        </div>
        
        
        <div class="similar-categories-modal" id="similarCategoriesModal" style="display: none;">
            <div class="similar-categories-modal-content">
                <div class="similar-categories-modal-header">
                    <h3>Similar Categories</h3>
                    <button class="similar-categories-modal-close" onclick="closeSimilarCategoriesModal()" aria-label="Close">&times;</button>
                </div>
                <div class="similar-categories-modal-body">
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/belted-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23338.jpg" 
                                 alt="Belted Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Belted Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/lightweight-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23337.jpg" 
                                 alt="Lightweight Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Lightweight Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/convertible-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23336.jpg" 
                                 alt="Convertible Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Convertible Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/swivel-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23335.jpg" 
                                 alt="Swivel Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Swivel Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23334.jpg" 
                                 alt="ISOFIX Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">ISOFIX Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/infant-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23333.jpg" 
                                 alt="Infant Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Infant Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23332.jpg" 
                                 alt="Adjustable Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Adjustable Car Seat Bases</div>
                        </a>
                    
                    
                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/easy-install-car-seat-bases" class="similar-category-modal-item">
                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23331.jpg" 
                                 alt="Easy Install Car Seat Bases" 
                                 class="similar-category-modal-img">
                            <div class="similar-category-modal-name">Easy Install Car Seat Bases</div>
                        </a>
                    
                    
                </div>
            </div>
        </div>
        

        <div class="category-image-modal" id="categoryImageModal" style="display: none;">
            <div class="category-image-modal-content">
                <div class="category-image-modal-header">
                    <h3 id="categoryImageModalTitle">Category Image</h3>
                    <button class="category-image-modal-close" onclick="closeCategoryImageModal()" aria-label="Close">&times;</button>
                </div>
                <div class="category-image-modal-body">
                    <img id="categoryImageModalImg" src="" alt="" style="max-width: 100%; height: auto; border-radius: 8px;">
                </div>
            </div>
        </div>

        
        <div id="expertScoreModal" class="expert-score-modal" onclick="if(event.target === this) closeExpertScoreModal()">
            <div class="expert-score-modal-content" onclick="event.stopPropagation()">
                <button class="expert-score-modal-close" onclick="closeExpertScoreModal()" aria-label="Close modal">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="18" y1="6" x2="6" y2="18"></line>
                        <line x1="6" y1="6" x2="18" y2="18"></line>
                    </svg>
                </button>
                <div class="expert-score-modal-header">
                    <h3 id="expertScoreModalTitle">Expert Score Breakdown</h3>
                    <div class="expert-score-modal-main-score">
                        <span id="expertScoreModalValue" class="expert-score-value">0.0</span>
                        <span class="expert-score-max">/ 10</span>
                    </div>
                    <div id="expertScoreModalLabel" class="expert-score-label">Excellent</div>
                </div>
                <div class="expert-score-breakdown" id="expertScoreBreakdown">
                    
                </div>
            </div>
        </div>

        
        <div id="deepResearchModal" class="deep-research-modal expert-score-modal" onclick="if(event.target === this) closeDeepResearchModal()" style="display: none; z-index: 10001;">
            <div class="deep-research-modal-content expert-score-modal-content" onclick="event.stopPropagation()">
                <button class="deep-research-modal-close expert-score-modal-close" onclick="closeDeepResearchModal()" aria-label="Close modal">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="18" y1="6" x2="6" y2="18"></line>
                        <line x1="6" y1="6" x2="18" y2="18"></line>
                    </svg>
                </button>
                <div class="deep-research-modal-header">
                    <h3>Deep Research</h3>
                </div>
                <div class="deep-research-content" id="deepResearchContent">
                    
                </div>
            </div>
        </div>

        
        <div id="products-content" class="tab-content active">
            <div class="modern-product-list">
            
                
                    <article class="product-card product-card-animate" data-product="1" data-original="1" data-product-id="156675">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">1</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(156675, '9.7', 'Excellent', '9.7')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #10b981; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #10b98120 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #10b981; line-height: 1;">9.7</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #10b981 0%, #10b981dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="156675" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="156675" data-fake-votes="532">532</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="156675" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="156675" data-fake-votes="53">53</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                    <div class="award-reason-badge award-expert-trusted" 
                                         data-award-type="expert-trusted" 
                                         data-badge-name="Expert&#x20;Trusted"
                                         data-product-id="156675"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                            </svg>
                                        
                                        <span class="badge-text">EXPERT TRUSTED</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-expert-trusted" 
                                         data-award-type="expert-trusted" 
                                         data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                         data-product-id="156675"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                            </svg>
                                        
                                        <span class="badge-text">TOP EDITORIAL PICK</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-yellow" 
                                             data-award-type="dynamic"
                                             data-badge-name="Design&#x20;Excellence"
                                             data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Design&#x20;Excellence&#x27;&#x20;badge&#x20;for&#x20;its&#x20;user-friendly&#x20;installation&#x20;and&#x20;precision.&#x20;Its&#x20;secure&#x20;fit&#x20;indicators&#x20;ensure&#x20;peace&#x20;of&#x20;mind,&#x20;while&#x20;the&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;adjustment&#x20;offers&#x20;effortless,&#x20;accurate&#x20;alignment&#x20;and&#x20;snugness,&#x20;simplifying&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;setup.&#x20;This&#x20;thoughtful&#x20;design&#x20;not&#x20;only&#x20;prioritizes&#x20;safety&#x20;but&#x20;also&#x20;empowers&#x20;parents&#x20;with&#x20;confidence&#x20;and&#x20;ease,&#x20;making&#x20;every&#x20;journey&#x20;smoother&#x20;and&#x20;stress-free."
                                             data-badge-icon="star"
                                             data-badge-color="yellow"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">DESIGN EXCELLENCE</span>
                                        </div>
                                    
                                        
                                        <div class="award-dynamic-badge award-dynamic-blue" 
                                             data-award-type="dynamic"
                                             data-badge-name="Expert&#x20;Approved"
                                             data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Expert&#x20;Approved&#x27;&#x20;badge&#x20;for&#x20;its&#x20;exceptional&#x20;ease&#x20;and&#x20;security&#x20;in&#x20;installation.&#x20;Its&#x20;unique&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;ensures&#x20;the&#x20;perfect&#x20;angle&#x20;and&#x20;fit&#x20;every&#x20;time,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;With&#x20;accurate&#x20;fit&#x20;indicators,&#x20;it&#x20;simplifies&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;installation,&#x20;making&#x20;it&#x20;a&#x20;reliable&#x20;choice&#x20;for&#x20;keeping&#x20;your&#x20;little&#x20;one&#x20;safe&#x20;on&#x20;the&#x20;road.&#x20;This&#x20;base&#x20;combines&#x20;convenience&#x20;with&#x20;safety,&#x20;ensuring&#x20;a&#x20;secure&#x20;ride&#x20;for&#x20;your&#x20;infant."
                                             data-badge-icon="thumbs-up"
                                             data-badge-color="blue"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">EXPERT APPROVED</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">Adjustable Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">1</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=156675" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Key Fit 30 Infant Car Base
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(156675, '9.7', 'Excellent', '9.7')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #d1fae5 0%, #ffffff 100%); border: 2px solid #10b981; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #10b981; line-height: 1;">9.7</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=156675" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Key Fit 30 Infant Car Base
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B009F1NCUK_079AAAC1-9248-CEC0-3F9CD0C4A3956709.jpg" alt="Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.6 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-half">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">29</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.6 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-half">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">29 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Secure and easy-to-install infant car seat base with accurate fit indicators.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=156675" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Secure and easy-to-install infant car seat base with accurate fit indicators.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-156675">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">Adjustable Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=156675" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$134.99</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Expert&#x20;Trusted"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EXPERT TRUSTED</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TOP EDITORIAL PICK</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-yellow" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Design&#x20;Excellence"
                                                 data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Design&#x20;Excellence&#x27;&#x20;badge&#x20;for&#x20;its&#x20;user-friendly&#x20;installation&#x20;and&#x20;precision.&#x20;Its&#x20;secure&#x20;fit&#x20;indicators&#x20;ensure&#x20;peace&#x20;of&#x20;mind,&#x20;while&#x20;the&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;adjustment&#x20;offers&#x20;effortless,&#x20;accurate&#x20;alignment&#x20;and&#x20;snugness,&#x20;simplifying&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;setup.&#x20;This&#x20;thoughtful&#x20;design&#x20;not&#x20;only&#x20;prioritizes&#x20;safety&#x20;but&#x20;also&#x20;empowers&#x20;parents&#x20;with&#x20;confidence&#x20;and&#x20;ease,&#x20;making&#x20;every&#x20;journey&#x20;smoother&#x20;and&#x20;stress-free."
                                                 data-badge-icon="star"
                                                 data-badge-color="yellow"
                                                 data-product-id="156675"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">DESIGN EXCELLENCE</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-blue" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Expert&#x20;Approved"
                                                 data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Expert&#x20;Approved&#x27;&#x20;badge&#x20;for&#x20;its&#x20;exceptional&#x20;ease&#x20;and&#x20;security&#x20;in&#x20;installation.&#x20;Its&#x20;unique&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;ensures&#x20;the&#x20;perfect&#x20;angle&#x20;and&#x20;fit&#x20;every&#x20;time,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;With&#x20;accurate&#x20;fit&#x20;indicators,&#x20;it&#x20;simplifies&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;installation,&#x20;making&#x20;it&#x20;a&#x20;reliable&#x20;choice&#x20;for&#x20;keeping&#x20;your&#x20;little&#x20;one&#x20;safe&#x20;on&#x20;the&#x20;road.&#x20;This&#x20;base&#x20;combines&#x20;convenience&#x20;with&#x20;safety,&#x20;ensuring&#x20;a&#x20;secure&#x20;ride&#x20;for&#x20;your&#x20;infant."
                                                 data-badge-icon="thumbs-up"
                                                 data-badge-color="blue"
                                                 data-product-id="156675"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">EXPERT APPROVED</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('156675', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156675', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156675', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">The Key Fit 30 Car Seat Base offers parents peace of mind with its secure latch system and easy installation. Customers love it for its 'Center-Pull' adjustment, which ensures correct seat positioning and tightness every time.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Accurate fit indicators</li>
                                                
                                                    <li class="pro-item">Secure latch system</li>
                                                
                                                    <li class="pro-item">Durable construction</li>
                                                
                                                    <li class="pro-item">Convenient 'Center-Pull' adjustment</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Pricey</li>
                                                        
                                                            <li class="con-item">May not fit all vehicles</li>
                                                        
                                                            <li class="con-item">Heavy</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Secure and easy-to-install infant car seat base with accurate fit indicators.</p>
                                        <p class="product-long-desc">This car seat base from Key Fit is designed to provide secure and simple installation for your infant's car seat. It features a 'Center-Pull' latch adjustment that guarantees correct car seat angle and tightness, while the bubble level indicators ensure accurate fitting.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Accurate fit indicators</li>
                                                
                                                    <li class="pro-item">Secure latch system</li>
                                                
                                                    <li class="pro-item">Durable construction</li>
                                                
                                                    <li class="pro-item">Convenient 'Center-Pull' adjustment</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Pricey</li>
                                                
                                                    <li class="con-item">May not fit all vehicles</li>
                                                
                                                    <li class="con-item">Heavy</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Expert&#x20;Trusted"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EXPERT TRUSTED</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                             data-product-id="156675"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TOP EDITORIAL PICK</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-yellow" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Design&#x20;Excellence"
                                                 data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Design&#x20;Excellence&#x27;&#x20;badge&#x20;for&#x20;its&#x20;user-friendly&#x20;installation&#x20;and&#x20;precision.&#x20;Its&#x20;secure&#x20;fit&#x20;indicators&#x20;ensure&#x20;peace&#x20;of&#x20;mind,&#x20;while&#x20;the&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;adjustment&#x20;offers&#x20;effortless,&#x20;accurate&#x20;alignment&#x20;and&#x20;snugness,&#x20;simplifying&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;setup.&#x20;This&#x20;thoughtful&#x20;design&#x20;not&#x20;only&#x20;prioritizes&#x20;safety&#x20;but&#x20;also&#x20;empowers&#x20;parents&#x20;with&#x20;confidence&#x20;and&#x20;ease,&#x20;making&#x20;every&#x20;journey&#x20;smoother&#x20;and&#x20;stress-free."
                                                 data-badge-icon="star"
                                                 data-badge-color="yellow"
                                                 data-product-id="156675"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">DESIGN EXCELLENCE</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-blue" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Expert&#x20;Approved"
                                                 data-badge-description="The&#x20;Key&#x20;Fit&#x20;30&#x20;Infant&#x20;Car&#x20;Base&#x20;earns&#x20;the&#x20;&#x27;Expert&#x20;Approved&#x27;&#x20;badge&#x20;for&#x20;its&#x20;exceptional&#x20;ease&#x20;and&#x20;security&#x20;in&#x20;installation.&#x20;Its&#x20;unique&#x20;&#x27;Center-Pull&#x27;&#x20;latch&#x20;ensures&#x20;the&#x20;perfect&#x20;angle&#x20;and&#x20;fit&#x20;every&#x20;time,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;With&#x20;accurate&#x20;fit&#x20;indicators,&#x20;it&#x20;simplifies&#x20;the&#x20;often&#x20;daunting&#x20;task&#x20;of&#x20;car&#x20;seat&#x20;installation,&#x20;making&#x20;it&#x20;a&#x20;reliable&#x20;choice&#x20;for&#x20;keeping&#x20;your&#x20;little&#x20;one&#x20;safe&#x20;on&#x20;the&#x20;road.&#x20;This&#x20;base&#x20;combines&#x20;convenience&#x20;with&#x20;safety,&#x20;ensuring&#x20;a&#x20;secure&#x20;ride&#x20;for&#x20;your&#x20;infant."
                                                 data-badge-icon="thumbs-up"
                                                 data-badge-color="blue"
                                                 data-product-id="156675"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">EXPERT APPROVED</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The Key Fit 30 Car Seat Base offers parents peace of mind with its secure latch system and easy installation. Customers love it for its 'Center-Pull' adjustment, which ensures correct seat positioning and tightness every time.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            Adjustable Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Accurate fit indicators</li>
                                                
                                                    <li class="pro-item">Secure latch system</li>
                                                
                                                    <li class="pro-item">Durable construction</li>
                                                
                                                    <li class="pro-item">Convenient 'Center-Pull' adjustment</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Pricey</li>
                                                
                                                    <li class="con-item">May not fit all vehicles</li>
                                                
                                                    <li class="con-item">Heavy</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The Key Fit 30 Car Seat Base offers parents peace of mind with its secure latch system and easy installation. Customers love it for its 'Center-Pull' adjustment, which ensures correct seat positioning and tightness every time.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Secure and easy-to-install infant car seat base with accurate fit indicators.</p>
                                <p class="product-long-desc">This car seat base from Key Fit is designed to provide secure and simple installation for your infant's car seat. It features a 'Center-Pull' latch adjustment that guarantees correct car seat angle and tightness, while the bubble level indicators ensure accurate fitting.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="2" data-original="2" data-product-id="156670">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">2</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(156670, '9.2', 'Excellent', '9.2')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #10b981; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #10b98120 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #10b981; line-height: 1;">9.2</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #10b981 0%, #10b981dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="156670" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="156670" data-fake-votes="235">235</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="156670" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="156670" data-fake-votes="9">9</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                    <div class="award-reason-badge award-most-popular" 
                                         data-award-type="most-popular" 
                                         data-badge-name="Most&#x20;Popular&#x20;Choice"
                                         data-product-id="156670"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                            </svg>
                                        
                                        <span class="badge-text">MOST POPULAR CHOICE</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-most-popular" 
                                         data-award-type="most-popular" 
                                         data-badge-name="Trending&#x20;Best&#x20;Seller"
                                         data-product-id="156670"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                            </svg>
                                        
                                        <span class="badge-text">TRENDING BEST SELLER</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-purple" 
                                             data-award-type="dynamic"
                                             data-badge-name="Comfort&#x20;Fit"
                                             data-badge-description="The&#x20;Cybex&#x20;Cloud&#x20;G&#x20;Car&#x20;Seat&#x20;Base&#x20;deserves&#x20;the&#x20;&#x27;Comfort&#x20;Fit&#x27;&#x20;badge&#x20;as&#x20;it&#x20;offers&#x20;unparalleled&#x20;adaptability&#x20;and&#x20;ease.&#x20;Its&#x20;adjustable&#x20;settings&#x20;ensure&#x20;a&#x20;snug&#x20;and&#x20;comfortable&#x20;fit&#x20;across&#x20;various&#x20;vehicles,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;and&#x20;a&#x20;stable,&#x20;secure&#x20;ride&#x20;for&#x20;little&#x20;ones.&#x20;The&#x20;straightforward&#x20;installation&#x20;process&#x20;means&#x20;less&#x20;hassle&#x20;and&#x20;more&#x20;time&#x20;enjoying&#x20;the&#x20;journey,&#x20;making&#x20;it&#x20;a&#x20;top&#x20;choice&#x20;for&#x20;those&#x20;seeking&#x20;both&#x20;safety&#x20;and&#x20;comfort&#x20;in&#x20;a&#x20;car&#x20;seat&#x20;base."
                                             data-badge-icon="couch"
                                             data-badge-color="purple"
                                             data-product-id="156670"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">COMFORT FIT</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">Adjustable Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">2</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=156670" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Cybex Cloud G Car Seat Base
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(156670, '9.2', 'Excellent', '9.2')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #d1fae5 0%, #ffffff 100%); border: 2px solid #10b981; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #10b981; line-height: 1;">9.2</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=156670" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Cybex Cloud G Car Seat Base
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0CJGSJ77D_0798DF46-CD61-9722-73D630D0A78593F6.jpg" alt="Cybex&#x20;Cloud&#x20;G&#x20;Car&#x20;Seat&#x20;Base" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.5 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-half">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">136</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.5 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-half">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">136 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Adjustable, secure and easy-to-install car seat base.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=156670" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Adjustable, secure and easy-to-install car seat base.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-156670">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">Adjustable Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=156670" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$249.95</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-most-popular" 
                                             data-award-type="most-popular" 
                                             data-badge-name="Most&#x20;Popular&#x20;Choice"
                                             data-product-id="156670"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                                </svg>
                                            
                                            <span class="badge-text">MOST POPULAR CHOICE</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-most-popular" 
                                             data-award-type="most-popular" 
                                             data-badge-name="Trending&#x20;Best&#x20;Seller"
                                             data-product-id="156670"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TRENDING BEST SELLER</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Comfort&#x20;Fit"
                                                 data-badge-description="The&#x20;Cybex&#x20;Cloud&#x20;G&#x20;Car&#x20;Seat&#x20;Base&#x20;deserves&#x20;the&#x20;&#x27;Comfort&#x20;Fit&#x27;&#x20;badge&#x20;as&#x20;it&#x20;offers&#x20;unparalleled&#x20;adaptability&#x20;and&#x20;ease.&#x20;Its&#x20;adjustable&#x20;settings&#x20;ensure&#x20;a&#x20;snug&#x20;and&#x20;comfortable&#x20;fit&#x20;across&#x20;various&#x20;vehicles,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;and&#x20;a&#x20;stable,&#x20;secure&#x20;ride&#x20;for&#x20;little&#x20;ones.&#x20;The&#x20;straightforward&#x20;installation&#x20;process&#x20;means&#x20;less&#x20;hassle&#x20;and&#x20;more&#x20;time&#x20;enjoying&#x20;the&#x20;journey,&#x20;making&#x20;it&#x20;a&#x20;top&#x20;choice&#x20;for&#x20;those&#x20;seeking&#x20;both&#x20;safety&#x20;and&#x20;comfort&#x20;in&#x20;a&#x20;car&#x20;seat&#x20;base."
                                                 data-badge-icon="couch"
                                                 data-badge-color="purple"
                                                 data-product-id="156670"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">COMFORT FIT</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('156670', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156670', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156670', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">The Cybex Cloud G Base stands out for its advanced safety features and adjustability, ensuring a perfect fit and maximum security for your little ones. Despite its higher price point, customers love it for its easy installation process and compatibility with a wide range of vehicles.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Adjustable settings</li>
                                                
                                                    <li class="pro-item">Premium quality</li>
                                                
                                                    <li class="pro-item">Enhanced safety features</li>
                                                
                                                    <li class="pro-item">Great vehicle compatibility</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">High price point</li>
                                                        
                                                            <li class="con-item">May be bulky for small cars</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Adjustable, secure and easy-to-install car seat base.</p>
                                        <p class="product-long-desc">The Cybex Cloud G Base is a premium car seat base designed for enhanced safety and comfort. It features adjustable settings for a perfect fit in a wide range of vehicles and easy installation ensuring maximum security and stability.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Adjustable settings</li>
                                                
                                                    <li class="pro-item">Premium quality</li>
                                                
                                                    <li class="pro-item">Enhanced safety features</li>
                                                
                                                    <li class="pro-item">Great vehicle compatibility</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">High price point</li>
                                                
                                                    <li class="con-item">May be bulky for small cars</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-most-popular" 
                                             data-award-type="most-popular" 
                                             data-badge-name="Most&#x20;Popular&#x20;Choice"
                                             data-product-id="156670"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                                </svg>
                                            
                                            <span class="badge-text">MOST POPULAR CHOICE</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-most-popular" 
                                             data-award-type="most-popular" 
                                             data-badge-name="Trending&#x20;Best&#x20;Seller"
                                             data-product-id="156670"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TRENDING BEST SELLER</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Comfort&#x20;Fit"
                                                 data-badge-description="The&#x20;Cybex&#x20;Cloud&#x20;G&#x20;Car&#x20;Seat&#x20;Base&#x20;deserves&#x20;the&#x20;&#x27;Comfort&#x20;Fit&#x27;&#x20;badge&#x20;as&#x20;it&#x20;offers&#x20;unparalleled&#x20;adaptability&#x20;and&#x20;ease.&#x20;Its&#x20;adjustable&#x20;settings&#x20;ensure&#x20;a&#x20;snug&#x20;and&#x20;comfortable&#x20;fit&#x20;across&#x20;various&#x20;vehicles,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;and&#x20;a&#x20;stable,&#x20;secure&#x20;ride&#x20;for&#x20;little&#x20;ones.&#x20;The&#x20;straightforward&#x20;installation&#x20;process&#x20;means&#x20;less&#x20;hassle&#x20;and&#x20;more&#x20;time&#x20;enjoying&#x20;the&#x20;journey,&#x20;making&#x20;it&#x20;a&#x20;top&#x20;choice&#x20;for&#x20;those&#x20;seeking&#x20;both&#x20;safety&#x20;and&#x20;comfort&#x20;in&#x20;a&#x20;car&#x20;seat&#x20;base."
                                                 data-badge-icon="couch"
                                                 data-badge-color="purple"
                                                 data-product-id="156670"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">COMFORT FIT</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The Cybex Cloud G Base stands out for its advanced safety features and adjustability, ensuring a perfect fit and maximum security for your little ones. Despite its higher price point, customers love it for its easy installation process and compatibility with a wide range of vehicles.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            Adjustable Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy installation</li>
                                                
                                                    <li class="pro-item">Adjustable settings</li>
                                                
                                                    <li class="pro-item">Premium quality</li>
                                                
                                                    <li class="pro-item">Enhanced safety features</li>
                                                
                                                    <li class="pro-item">Great vehicle compatibility</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">High price point</li>
                                                
                                                    <li class="con-item">May be bulky for small cars</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The Cybex Cloud G Base stands out for its advanced safety features and adjustability, ensuring a perfect fit and maximum security for your little ones. Despite its higher price point, customers love it for its easy installation process and compatibility with a wide range of vehicles.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Adjustable, secure and easy-to-install car seat base.</p>
                                <p class="product-long-desc">The Cybex Cloud G Base is a premium car seat base designed for enhanced safety and comfort. It features adjustable settings for a perfect fit in a wide range of vehicles and easy installation ensuring maximum security and stability.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="3" data-original="3" data-product-id="157996">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">3</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(157996, '8.2', 'Excellent', '8.2')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #10b981; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #10b98120 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #10b981; line-height: 1;">8.2</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #10b981 0%, #10b981dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="157996" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="157996" data-fake-votes="535">535</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="157996" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="157996" data-fake-votes="87">87</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                <div class="award-badge award-best-value" 
                                     data-award-type="best-value" 
                                     data-product-id="157996"
                                     onclick="openAwardModal(this, event)"
                                     role="button"
                                     tabindex="0"
                                     onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                     title="Click to see award details">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                    </svg>
                                    <span class="badge-text">VALUE</span>
                                </div>
                            
                            
                                    <div class="award-reason-badge award-expert-trusted" 
                                         data-award-type="expert-trusted" 
                                         data-badge-name="Expert&#x20;Trusted"
                                         data-product-id="157996"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                            </svg>
                                        
                                        <span class="badge-text">EXPERT TRUSTED</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-expert-trusted" 
                                         data-award-type="expert-trusted" 
                                         data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                         data-product-id="157996"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                            </svg>
                                        
                                        <span class="badge-text">TOP EDITORIAL PICK</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-blue" 
                                             data-award-type="dynamic"
                                             data-badge-name="Universal&#x20;Fit"
                                             data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;the&#x20;&#x27;Universal&#x20;Fit&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;cars,&#x20;allowing&#x20;for&#x20;secure&#x20;and&#x20;standardized&#x20;car&#x20;seat&#x20;installations.&#x20;Its&#x20;robust&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;ensure&#x20;a&#x20;solid&#x20;and&#x20;safe&#x20;fit,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;Simple&#x20;to&#x20;install,&#x20;it&#x20;makes&#x20;child&#x20;car&#x20;seat&#x20;safety&#x20;accessible&#x20;to&#x20;any&#x20;vehicle,&#x20;ensuring&#x20;that&#x20;every&#x20;journey&#x20;is&#x20;as&#x20;safe&#x20;as&#x20;possible&#x20;for&#x20;your&#x20;little&#x20;ones."
                                             data-badge-icon="car"
                                             data-badge-color="blue"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">UNIVERSAL FIT</span>
                                        </div>
                                    
                                        
                                        <div class="award-dynamic-badge award-dynamic-orange" 
                                             data-award-type="dynamic"
                                             data-badge-name="Quick&#x20;Release"
                                             data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;its&#x20;&#x27;Quick&#x20;Release&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;havens&#x20;for&#x20;child&#x20;safety.&#x20;Its&#x20;heavy-duty&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;facilitate&#x20;a&#x20;seamless,&#x20;secure&#x20;connection,&#x20;ensuring&#x20;rapid&#x20;installation&#x20;and&#x20;removal&#x20;of&#x20;car&#x20;seats.&#x20;Parents&#x20;can&#x20;enjoy&#x20;peace&#x20;of&#x20;mind&#x20;knowing&#x20;their&#x20;child&#x27;s&#x20;safety&#x20;seat&#x20;is&#x20;anchored&#x20;firmly,&#x20;while&#x20;the&#x20;kit&#x27;s&#x20;user-friendly&#x20;design&#x20;means&#x20;less&#x20;time&#x20;fussing&#x20;with&#x20;complex&#x20;installations&#x20;and&#x20;more&#x20;time&#x20;on&#x20;the&#x20;road."
                                             data-badge-icon="clock"
                                             data-badge-color="orange"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">QUICK RELEASE</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">3</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=157996" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Car Seat ISOFIX Latch Kit
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(157996, '8.2', 'Excellent', '8.2')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #d1fae5 0%, #ffffff 100%); border: 2px solid #10b981; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #10b981; line-height: 1;">8.2</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=157996" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Car Seat ISOFIX Latch Kit
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0C69TG4VP_1.jpg" alt="Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">87</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">87 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    ISOFIX Latch Kit for car seat safety in older vehicles.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=157996" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">ISOFIX Latch Kit for car seat safety in older vehicles.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-157996">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=157996" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$23.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-best-value" 
                                         data-award-type="best-value" 
                                         data-product-id="157996"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                        </svg>
                                        <span class="badge-text">VALUE</span>
                                    </div>
                                
                                
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Expert&#x20;Trusted"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EXPERT TRUSTED</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TOP EDITORIAL PICK</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-blue" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Universal&#x20;Fit"
                                                 data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;the&#x20;&#x27;Universal&#x20;Fit&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;cars,&#x20;allowing&#x20;for&#x20;secure&#x20;and&#x20;standardized&#x20;car&#x20;seat&#x20;installations.&#x20;Its&#x20;robust&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;ensure&#x20;a&#x20;solid&#x20;and&#x20;safe&#x20;fit,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;Simple&#x20;to&#x20;install,&#x20;it&#x20;makes&#x20;child&#x20;car&#x20;seat&#x20;safety&#x20;accessible&#x20;to&#x20;any&#x20;vehicle,&#x20;ensuring&#x20;that&#x20;every&#x20;journey&#x20;is&#x20;as&#x20;safe&#x20;as&#x20;possible&#x20;for&#x20;your&#x20;little&#x20;ones."
                                                 data-badge-icon="car"
                                                 data-badge-color="blue"
                                                 data-product-id="157996"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">UNIVERSAL FIT</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-orange" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Quick&#x20;Release"
                                                 data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;its&#x20;&#x27;Quick&#x20;Release&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;havens&#x20;for&#x20;child&#x20;safety.&#x20;Its&#x20;heavy-duty&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;facilitate&#x20;a&#x20;seamless,&#x20;secure&#x20;connection,&#x20;ensuring&#x20;rapid&#x20;installation&#x20;and&#x20;removal&#x20;of&#x20;car&#x20;seats.&#x20;Parents&#x20;can&#x20;enjoy&#x20;peace&#x20;of&#x20;mind&#x20;knowing&#x20;their&#x20;child&#x27;s&#x20;safety&#x20;seat&#x20;is&#x20;anchored&#x20;firmly,&#x20;while&#x20;the&#x20;kit&#x27;s&#x20;user-friendly&#x20;design&#x20;means&#x20;less&#x20;time&#x20;fussing&#x20;with&#x20;complex&#x20;installations&#x20;and&#x20;more&#x20;time&#x20;on&#x20;the&#x20;road."
                                                 data-badge-icon="clock"
                                                 data-badge-color="orange"
                                                 data-product-id="157996"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">QUICK RELEASE</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('157996', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157996', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157996', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">It's an affordable solution to transform older cars to be compatible with ISOFIX child safety seats. The heavy-duty steel construction ensures durability and safety. Plus, it's easy to install, making it a favorite among parents who value both safety and convenience.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Converts older cars to ISOFIX</li>
                                                
                                                    <li class="pro-item">Heavy-duty steel construction</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Increases child safety</li>
                                                
                                                    <li class="pro-item">Affordable solution</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Size compatibility issues</li>
                                                        
                                                            <li class="con-item">Brand unknown</li>
                                                        
                                                            <li class="con-item">May require tools for installation</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">ISOFIX Latch Kit for car seat safety in older vehicles.</p>
                                        <p class="product-long-desc">This Car Seat Latch Anchor Kit is designed to convert older cars to ISOFIX compatibility interface. It enables the installation of child safety car seats with a heavy-duty steel adapter tether bracket mount that is easy to install. Please check the size before buying.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Converts older cars to ISOFIX</li>
                                                
                                                    <li class="pro-item">Heavy-duty steel construction</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Increases child safety</li>
                                                
                                                    <li class="pro-item">Affordable solution</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Size compatibility issues</li>
                                                
                                                    <li class="con-item">Brand unknown</li>
                                                
                                                    <li class="con-item">May require tools for installation</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-best-value" 
                                         data-award-type="best-value" 
                                         data-product-id="157996"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                        </svg>
                                        <span class="badge-text">VALUE</span>
                                    </div>
                                
                                
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Expert&#x20;Trusted"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EXPERT TRUSTED</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-expert-trusted" 
                                             data-award-type="expert-trusted" 
                                             data-badge-name="Top&#x20;Editorial&#x20;Pick"
                                             data-product-id="157996"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
                                                </svg>
                                            
                                            <span class="badge-text">TOP EDITORIAL PICK</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-blue" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Universal&#x20;Fit"
                                                 data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;the&#x20;&#x27;Universal&#x20;Fit&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;cars,&#x20;allowing&#x20;for&#x20;secure&#x20;and&#x20;standardized&#x20;car&#x20;seat&#x20;installations.&#x20;Its&#x20;robust&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;ensure&#x20;a&#x20;solid&#x20;and&#x20;safe&#x20;fit,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents.&#x20;Simple&#x20;to&#x20;install,&#x20;it&#x20;makes&#x20;child&#x20;car&#x20;seat&#x20;safety&#x20;accessible&#x20;to&#x20;any&#x20;vehicle,&#x20;ensuring&#x20;that&#x20;every&#x20;journey&#x20;is&#x20;as&#x20;safe&#x20;as&#x20;possible&#x20;for&#x20;your&#x20;little&#x20;ones."
                                                 data-badge-icon="car"
                                                 data-badge-color="blue"
                                                 data-product-id="157996"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">UNIVERSAL FIT</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-orange" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Quick&#x20;Release"
                                                 data-badge-description="The&#x20;Car&#x20;Seat&#x20;ISOFIX&#x20;Latch&#x20;Kit&#x20;earns&#x20;its&#x20;&#x27;Quick&#x20;Release&#x27;&#x20;badge&#x20;by&#x20;transforming&#x20;older&#x20;vehicles&#x20;into&#x20;ISOFIX-compatible&#x20;havens&#x20;for&#x20;child&#x20;safety.&#x20;Its&#x20;heavy-duty&#x20;steel&#x20;adapter&#x20;and&#x20;tether&#x20;bracket&#x20;facilitate&#x20;a&#x20;seamless,&#x20;secure&#x20;connection,&#x20;ensuring&#x20;rapid&#x20;installation&#x20;and&#x20;removal&#x20;of&#x20;car&#x20;seats.&#x20;Parents&#x20;can&#x20;enjoy&#x20;peace&#x20;of&#x20;mind&#x20;knowing&#x20;their&#x20;child&#x27;s&#x20;safety&#x20;seat&#x20;is&#x20;anchored&#x20;firmly,&#x20;while&#x20;the&#x20;kit&#x27;s&#x20;user-friendly&#x20;design&#x20;means&#x20;less&#x20;time&#x20;fussing&#x20;with&#x20;complex&#x20;installations&#x20;and&#x20;more&#x20;time&#x20;on&#x20;the&#x20;road."
                                                 data-badge-icon="clock"
                                                 data-badge-color="orange"
                                                 data-product-id="157996"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">QUICK RELEASE</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">It's an affordable solution to transform older cars to be compatible with ISOFIX child safety seats. The heavy-duty steel construction ensures durability and safety. Plus, it's easy to install, making it a favorite among parents who value both safety and convenience.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Converts older cars to ISOFIX</li>
                                                
                                                    <li class="pro-item">Heavy-duty steel construction</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Increases child safety</li>
                                                
                                                    <li class="pro-item">Affordable solution</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Size compatibility issues</li>
                                                
                                                    <li class="con-item">Brand unknown</li>
                                                
                                                    <li class="con-item">May require tools for installation</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">It's an affordable solution to transform older cars to be compatible with ISOFIX child safety seats. The heavy-duty steel construction ensures durability and safety. Plus, it's easy to install, making it a favorite among parents who value both safety and convenience.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">ISOFIX Latch Kit for car seat safety in older vehicles.</p>
                                <p class="product-long-desc">This Car Seat Latch Anchor Kit is designed to convert older cars to ISOFIX compatibility interface. It enables the installation of child safety car seats with a heavy-duty steel adapter tether bracket mount that is easy to install. Please check the size before buying.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="4" data-original="4" data-product-id="158008">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">4</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(158008, '7.9', 'Great', '7.9')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #3b82f620 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.9</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #3b82f6 0%, #3b82f6dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="158008" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="158008" data-fake-votes="122">122</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="158008" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="158008" data-fake-votes="44">44</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">4</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=158008" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(158008, '7.9', 'Great', '7.9')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #dbeafe 0%, #ffffff 100%); border: 2px solid #3b82f6; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.9</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=158008" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0B7WXRFF2_38.jpg" alt="1&#x20;Set&#x20;Child&#x20;safety&#x20;seat&#x20;interface&#x20;Bracket&#x20;Universal&#x20;Car&#x20;Child&#x20;Seat&#x20;Restraint&#x20;Anchor&#x20;Mounting&#x20;Kit&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;Latch" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">6</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">6 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISO
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=158008" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISO</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-158008">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=158008" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$19.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('158008', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158008', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158008', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">Popular choice with good ratings</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Check reviews</li>
                                                        
                                                            <li class="con-item">Limited info</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISO</p>
                                        <p class="product-long-desc">Amazon product: 1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISO</p>
                                <p class="product-long-desc">Amazon product: 1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="5" data-original="5" data-product-id="156676">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">5</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(156676, '7.2', 'Great', '7.2')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #3b82f620 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.2</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #3b82f6 0%, #3b82f6dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="156676" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="156676" data-fake-votes="423">423</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="156676" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="156676" data-fake-votes="37">37</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-orange" 
                                             data-award-type="dynamic"
                                             data-badge-name="Multi-Vehicle&#x20;Friendly"
                                             data-badge-description="The&#x20;Diono&#x20;LiteClik30&#x20;RXT&#x20;Car&#x20;Seat&#x20;deserves&#x20;the&#x20;&#x27;Multi-Vehicle&#x20;Friendly&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;versatile&#x20;design&#x20;and&#x20;adaptability.&#x20;Its&#x20;rear-facing&#x20;compatibility&#x20;with&#x20;a&#x20;wide&#x20;weight&#x20;range&#x20;ensures&#x20;it&#x20;fits&#x20;seamlessly&#x20;into&#x20;various&#x20;vehicle&#x20;types,&#x20;from&#x20;compact&#x20;cars&#x20;to&#x20;larger&#x20;SUVs.&#x20;The&#x20;included&#x20;infant&#x20;insert&#x20;and&#x20;sunshade&#x20;enhance&#x20;comfort&#x20;and&#x20;protection,&#x20;making&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;frequently&#x20;switching&#x20;cars.&#x20;Its&#x20;focus&#x20;on&#x20;convenience&#x20;and&#x20;safety&#x20;ensures&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;on&#x20;the&#x20;go."
                                             data-badge-icon="car"
                                             data-badge-color="orange"
                                             data-product-id="156676"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">MULTI-VEHICLE FRIENDLY</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">Adjustable Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">5</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=156676" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Diono LiteClik30 RXT Car Seat
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(156676, '7.2', 'Great', '7.2')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #dbeafe 0%, #ffffff 100%); border: 2px solid #3b82f6; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.2</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=156676" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Diono LiteClik30 RXT Car Seat
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DDQG1VSZ_079C02F0-A91B-5289-CA89C72DAF260221.jpg" alt="Diono&#x20;LiteClik30&#x20;RXT&#x20;Car&#x20;Seat" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="5.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">6</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="5.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">6 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Rear-facing infant car seat with infant insert and sunshade.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=156676" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Rear-facing infant car seat with infant insert and sunshade.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-156676">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">Adjustable Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=156676" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$297.49</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-orange" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Multi-Vehicle&#x20;Friendly"
                                                 data-badge-description="The&#x20;Diono&#x20;LiteClik30&#x20;RXT&#x20;Car&#x20;Seat&#x20;deserves&#x20;the&#x20;&#x27;Multi-Vehicle&#x20;Friendly&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;versatile&#x20;design&#x20;and&#x20;adaptability.&#x20;Its&#x20;rear-facing&#x20;compatibility&#x20;with&#x20;a&#x20;wide&#x20;weight&#x20;range&#x20;ensures&#x20;it&#x20;fits&#x20;seamlessly&#x20;into&#x20;various&#x20;vehicle&#x20;types,&#x20;from&#x20;compact&#x20;cars&#x20;to&#x20;larger&#x20;SUVs.&#x20;The&#x20;included&#x20;infant&#x20;insert&#x20;and&#x20;sunshade&#x20;enhance&#x20;comfort&#x20;and&#x20;protection,&#x20;making&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;frequently&#x20;switching&#x20;cars.&#x20;Its&#x20;focus&#x20;on&#x20;convenience&#x20;and&#x20;safety&#x20;ensures&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;on&#x20;the&#x20;go."
                                                 data-badge-icon="car"
                                                 data-badge-color="orange"
                                                 data-product-id="156676"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">MULTI-VEHICLE FRIENDLY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('156676', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156676', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('156676', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">This car seat stands out for its SafePlus Engineering, designed to provide maximum safety for the infant. Customers love the added comfort of the infant insert and the protection offered by the UPF 50+ sunshade.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">SafePlus Engineering for enhanced safety</li>
                                                
                                                    <li class="pro-item">Fits infants 4-30lbs</li>
                                                
                                                    <li class="pro-item">Comes with sunshade and infant insert</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Higher price point</li>
                                                        
                                                            <li class="con-item">May be heavy</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Rear-facing infant car seat with infant insert and sunshade.</p>
                                        <p class="product-long-desc">The Diono LiteClik30 RXT Car Seat is a rear-facing infant car seat that comfortably fits infants weighing between 4 and 30 pounds. It comes with a base, an infant insert for added comfort, and a UPF 50+ sunshade for protection.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">SafePlus Engineering for enhanced safety</li>
                                                
                                                    <li class="pro-item">Fits infants 4-30lbs</li>
                                                
                                                    <li class="pro-item">Comes with sunshade and infant insert</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Higher price point</li>
                                                
                                                    <li class="con-item">May be heavy</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-orange" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Multi-Vehicle&#x20;Friendly"
                                                 data-badge-description="The&#x20;Diono&#x20;LiteClik30&#x20;RXT&#x20;Car&#x20;Seat&#x20;deserves&#x20;the&#x20;&#x27;Multi-Vehicle&#x20;Friendly&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;versatile&#x20;design&#x20;and&#x20;adaptability.&#x20;Its&#x20;rear-facing&#x20;compatibility&#x20;with&#x20;a&#x20;wide&#x20;weight&#x20;range&#x20;ensures&#x20;it&#x20;fits&#x20;seamlessly&#x20;into&#x20;various&#x20;vehicle&#x20;types,&#x20;from&#x20;compact&#x20;cars&#x20;to&#x20;larger&#x20;SUVs.&#x20;The&#x20;included&#x20;infant&#x20;insert&#x20;and&#x20;sunshade&#x20;enhance&#x20;comfort&#x20;and&#x20;protection,&#x20;making&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;frequently&#x20;switching&#x20;cars.&#x20;Its&#x20;focus&#x20;on&#x20;convenience&#x20;and&#x20;safety&#x20;ensures&#x20;peace&#x20;of&#x20;mind&#x20;for&#x20;parents&#x20;on&#x20;the&#x20;go."
                                                 data-badge-icon="car"
                                                 data-badge-color="orange"
                                                 data-product-id="156676"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">MULTI-VEHICLE FRIENDLY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">This car seat stands out for its SafePlus Engineering, designed to provide maximum safety for the infant. Customers love the added comfort of the infant insert and the protection offered by the UPF 50+ sunshade.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            Adjustable Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">SafePlus Engineering for enhanced safety</li>
                                                
                                                    <li class="pro-item">Fits infants 4-30lbs</li>
                                                
                                                    <li class="pro-item">Comes with sunshade and infant insert</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Higher price point</li>
                                                
                                                    <li class="con-item">May be heavy</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">This car seat stands out for its SafePlus Engineering, designed to provide maximum safety for the infant. Customers love the added comfort of the infant insert and the protection offered by the UPF 50+ sunshade.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Rear-facing infant car seat with infant insert and sunshade.</p>
                                <p class="product-long-desc">The Diono LiteClik30 RXT Car Seat is a rear-facing infant car seat that comfortably fits infants weighing between 4 and 30 pounds. It comes with a base, an infant insert for added comfort, and a UPF 50+ sunshade for protection.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="6" data-original="6" data-product-id="157997">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">6</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(157997, '7.0', 'Great', '7')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #3b82f620 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.0</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #3b82f6 0%, #3b82f6dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="157997" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="157997" data-fake-votes="484">484</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="157997" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="157997" data-fake-votes="57">57</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                    <div class="award-reason-badge award-best-availability" 
                                         data-award-type="best-availability" 
                                         data-badge-name="Easy&#x20;to&#x20;Find&#x20;Everywhere"
                                         data-product-id="157997"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                            </svg>
                                        
                                        <span class="badge-text">EASY TO FIND EVERYWHERE</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-best-availability" 
                                         data-award-type="best-availability" 
                                         data-badge-name="Best&#x20;Availability"
                                         data-product-id="157997"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                            </svg>
                                        
                                        <span class="badge-text">BEST AVAILABILITY</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-highly-recommended" 
                                         data-award-type="highly-recommended" 
                                         data-badge-name="Highly&#x20;Recommended"
                                         data-product-id="157997"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                            </svg>
                                        
                                        <span class="badge-text">HIGHLY RECOMMENDED</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-pink" 
                                             data-award-type="dynamic"
                                             data-badge-name="Compact&#x20;Design"
                                             data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;the&#x20;&#x27;Compact&#x20;Design&#x27;&#x20;badge&#x20;for&#x20;seamlessly&#x20;integrating&#x20;robust&#x20;safety&#x20;features&#x20;without&#x20;bulk,&#x20;making&#x20;it&#x20;a&#x20;perfect&#x20;fit&#x20;for&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;sleek&#x20;design&#x20;ensures&#x20;a&#x20;secure&#x20;child&#x20;seat&#x20;installation&#x20;while&#x20;maximizing&#x20;interior&#x20;space,&#x20;providing&#x20;parents&#x20;with&#x20;a&#x20;practical&#x20;solution&#x20;that&#x20;doesn&#x27;t&#x20;compromise&#x20;on&#x20;safety&#x20;or&#x20;convenience.&#x20;This&#x20;space-efficient&#x20;bracket&#x20;is&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;on&#x20;the&#x20;go&#x20;who&#x20;need&#x20;reliability&#x20;without&#x20;sacrificing&#x20;room."
                                             data-badge-icon="compress-arrows-alt"
                                             data-badge-color="pink"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        <path d="M22 16V8c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11.5 0H8v-2.5h2.5V16zm0-4H8V9.5h2.5V12zm4 4h-2.5v-2.5H15V16zm0-4h-2.5V9.5H15V12z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">COMPACT DESIGN</span>
                                        </div>
                                    
                                        
                                        <div class="award-dynamic-badge award-dynamic-red" 
                                             data-award-type="dynamic"
                                             data-badge-name="All-Terrain&#x20;Ready"
                                             data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;its&#x20;&#x27;All-Terrain&#x20;Ready&#x27;&#x20;badge&#x20;by&#x20;providing&#x20;parents&#x20;with&#x20;peace&#x20;of&#x20;mind&#x20;through&#x20;its&#x20;robust&#x20;steel&#x20;construction,&#x20;ensuring&#x20;secure&#x20;child&#x20;car&#x20;seat&#x20;installation&#x20;across&#x20;various&#x20;vehicle&#x20;types,&#x20;including&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;durability&#x20;and&#x20;compatibility&#x20;with&#x20;challenging&#x20;terrains&#x20;make&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;adventurous&#x20;families&#x20;seeking&#x20;reliability&#x20;and&#x20;safety&#x20;on&#x20;every&#x20;journey."
                                             data-badge-icon="road"
                                             data-badge-color="red"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">ALL-TERRAIN READY</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">6</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=157997" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Universal ISOFIX Car Seat Bracket
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(157997, '7.0', 'Great', '7')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #dbeafe 0%, #ffffff 100%); border: 2px solid #3b82f6; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #3b82f6; line-height: 1;">7.0</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=157997" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Universal ISOFIX Car Seat Bracket
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DGL5459C_4.jpg" alt="Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">8</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">8 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Robust steel bracket for secure child car seat installation in SUVs, MPVs, and off-road vehicles.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=157997" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Robust steel bracket for secure child car seat installation in SUVs, MPVs, and off-road vehicles.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-157997">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=157997" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$47.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-availability" 
                                             data-award-type="best-availability" 
                                             data-badge-name="Easy&#x20;to&#x20;Find&#x20;Everywhere"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EASY TO FIND EVERYWHERE</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-availability" 
                                             data-award-type="best-availability" 
                                             data-badge-name="Best&#x20;Availability"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST AVAILABILITY</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-highly-recommended" 
                                             data-award-type="highly-recommended" 
                                             data-badge-name="Highly&#x20;Recommended"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                </svg>
                                            
                                            <span class="badge-text">HIGHLY RECOMMENDED</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-pink" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Compact&#x20;Design"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;the&#x20;&#x27;Compact&#x20;Design&#x27;&#x20;badge&#x20;for&#x20;seamlessly&#x20;integrating&#x20;robust&#x20;safety&#x20;features&#x20;without&#x20;bulk,&#x20;making&#x20;it&#x20;a&#x20;perfect&#x20;fit&#x20;for&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;sleek&#x20;design&#x20;ensures&#x20;a&#x20;secure&#x20;child&#x20;seat&#x20;installation&#x20;while&#x20;maximizing&#x20;interior&#x20;space,&#x20;providing&#x20;parents&#x20;with&#x20;a&#x20;practical&#x20;solution&#x20;that&#x20;doesn&#x27;t&#x20;compromise&#x20;on&#x20;safety&#x20;or&#x20;convenience.&#x20;This&#x20;space-efficient&#x20;bracket&#x20;is&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;on&#x20;the&#x20;go&#x20;who&#x20;need&#x20;reliability&#x20;without&#x20;sacrificing&#x20;room."
                                                 data-badge-icon="compress-arrows-alt"
                                                 data-badge-color="pink"
                                                 data-product-id="157997"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            <path d="M22 16V8c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11.5 0H8v-2.5h2.5V16zm0-4H8V9.5h2.5V12zm4 4h-2.5v-2.5H15V16zm0-4h-2.5V9.5H15V12z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">COMPACT DESIGN</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-red" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="All-Terrain&#x20;Ready"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;its&#x20;&#x27;All-Terrain&#x20;Ready&#x27;&#x20;badge&#x20;by&#x20;providing&#x20;parents&#x20;with&#x20;peace&#x20;of&#x20;mind&#x20;through&#x20;its&#x20;robust&#x20;steel&#x20;construction,&#x20;ensuring&#x20;secure&#x20;child&#x20;car&#x20;seat&#x20;installation&#x20;across&#x20;various&#x20;vehicle&#x20;types,&#x20;including&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;durability&#x20;and&#x20;compatibility&#x20;with&#x20;challenging&#x20;terrains&#x20;make&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;adventurous&#x20;families&#x20;seeking&#x20;reliability&#x20;and&#x20;safety&#x20;on&#x20;every&#x20;journey."
                                                 data-badge-icon="road"
                                                 data-badge-color="red"
                                                 data-product-id="157997"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">ALL-TERRAIN READY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('157997', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157997', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157997', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">We love this product for its universal design that fits most car seats, offering enhanced safety for children. Its high-quality steel construction ensures durability and reliability, making it a favourite among parents who own SUVs, MPVs, and off-road vehicles.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High-quality steel construction</li>
                                                
                                                    <li class="pro-item">Universal fitting</li>
                                                
                                                    <li class="pro-item">Enhances child safety</li>
                                                
                                                    <li class="pro-item">Ease of installation</li>
                                                
                                                    <li class="pro-item">Designed for various vehicle types</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Brand not specified</li>
                                                        
                                                            <li class="con-item">May not fit all car seats</li>
                                                        
                                                            <li class="con-item">Higher price point</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Robust steel bracket for secure child car seat installation in SUVs, MPVs, and off-road vehicles.</p>
                                        <p class="product-long-desc">The ISOFIX Universal Car Seat Mount Bracket is a robust and durable child safety car seat latch anchor kit made of steel. It's specifically designed for SUVs, MPVs, and off-road vehicles, allowing parents to secure their child's car seat for enhanced safety. The bracket measures 330*145*104/110mm, ensuring a firm fit for most car seats.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High-quality steel construction</li>
                                                
                                                    <li class="pro-item">Universal fitting</li>
                                                
                                                    <li class="pro-item">Enhances child safety</li>
                                                
                                                    <li class="pro-item">Ease of installation</li>
                                                
                                                    <li class="pro-item">Designed for various vehicle types</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Brand not specified</li>
                                                
                                                    <li class="con-item">May not fit all car seats</li>
                                                
                                                    <li class="con-item">Higher price point</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-availability" 
                                             data-award-type="best-availability" 
                                             data-badge-name="Easy&#x20;to&#x20;Find&#x20;Everywhere"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">EASY TO FIND EVERYWHERE</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-availability" 
                                             data-award-type="best-availability" 
                                             data-badge-name="Best&#x20;Availability"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST AVAILABILITY</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-highly-recommended" 
                                             data-award-type="highly-recommended" 
                                             data-badge-name="Highly&#x20;Recommended"
                                             data-product-id="157997"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                </svg>
                                            
                                            <span class="badge-text">HIGHLY RECOMMENDED</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-pink" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Compact&#x20;Design"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;the&#x20;&#x27;Compact&#x20;Design&#x27;&#x20;badge&#x20;for&#x20;seamlessly&#x20;integrating&#x20;robust&#x20;safety&#x20;features&#x20;without&#x20;bulk,&#x20;making&#x20;it&#x20;a&#x20;perfect&#x20;fit&#x20;for&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;sleek&#x20;design&#x20;ensures&#x20;a&#x20;secure&#x20;child&#x20;seat&#x20;installation&#x20;while&#x20;maximizing&#x20;interior&#x20;space,&#x20;providing&#x20;parents&#x20;with&#x20;a&#x20;practical&#x20;solution&#x20;that&#x20;doesn&#x27;t&#x20;compromise&#x20;on&#x20;safety&#x20;or&#x20;convenience.&#x20;This&#x20;space-efficient&#x20;bracket&#x20;is&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;families&#x20;on&#x20;the&#x20;go&#x20;who&#x20;need&#x20;reliability&#x20;without&#x20;sacrificing&#x20;room."
                                                 data-badge-icon="compress-arrows-alt"
                                                 data-badge-color="pink"
                                                 data-product-id="157997"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            <path d="M22 16V8c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11.5 0H8v-2.5h2.5V16zm0-4H8V9.5h2.5V12zm4 4h-2.5v-2.5H15V16zm0-4h-2.5V9.5H15V12z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">COMPACT DESIGN</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-red" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="All-Terrain&#x20;Ready"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bracket&#x20;earns&#x20;its&#x20;&#x27;All-Terrain&#x20;Ready&#x27;&#x20;badge&#x20;by&#x20;providing&#x20;parents&#x20;with&#x20;peace&#x20;of&#x20;mind&#x20;through&#x20;its&#x20;robust&#x20;steel&#x20;construction,&#x20;ensuring&#x20;secure&#x20;child&#x20;car&#x20;seat&#x20;installation&#x20;across&#x20;various&#x20;vehicle&#x20;types,&#x20;including&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;off-road&#x20;vehicles.&#x20;Its&#x20;durability&#x20;and&#x20;compatibility&#x20;with&#x20;challenging&#x20;terrains&#x20;make&#x20;it&#x20;an&#x20;ideal&#x20;choice&#x20;for&#x20;adventurous&#x20;families&#x20;seeking&#x20;reliability&#x20;and&#x20;safety&#x20;on&#x20;every&#x20;journey."
                                                 data-badge-icon="road"
                                                 data-badge-color="red"
                                                 data-product-id="157997"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">ALL-TERRAIN READY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">We love this product for its universal design that fits most car seats, offering enhanced safety for children. Its high-quality steel construction ensures durability and reliability, making it a favourite among parents who own SUVs, MPVs, and off-road vehicles.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High-quality steel construction</li>
                                                
                                                    <li class="pro-item">Universal fitting</li>
                                                
                                                    <li class="pro-item">Enhances child safety</li>
                                                
                                                    <li class="pro-item">Ease of installation</li>
                                                
                                                    <li class="pro-item">Designed for various vehicle types</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Brand not specified</li>
                                                
                                                    <li class="con-item">May not fit all car seats</li>
                                                
                                                    <li class="con-item">Higher price point</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">We love this product for its universal design that fits most car seats, offering enhanced safety for children. Its high-quality steel construction ensures durability and reliability, making it a favourite among parents who own SUVs, MPVs, and off-road vehicles.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Robust steel bracket for secure child car seat installation in SUVs, MPVs, and off-road vehicles.</p>
                                <p class="product-long-desc">The ISOFIX Universal Car Seat Mount Bracket is a robust and durable child safety car seat latch anchor kit made of steel. It's specifically designed for SUVs, MPVs, and off-road vehicles, allowing parents to secure their child's car seat for enhanced safety. The bracket measures 330*145*104/110mm, ensuring a firm fit for most car seats.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="7" data-original="7" data-product-id="158005">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">7</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(158005, '6.9', 'Good', '6.9')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #f59e0b; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #f59e0b20 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #f59e0b; line-height: 1;">6.9</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #f59e0b 0%, #f59e0bdd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="158005" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="158005" data-fake-votes="120">120</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="158005" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="158005" data-fake-votes="92">92</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                    <div class="award-reason-badge award-best-value-badge" 
                                         data-award-type="best-value-badge" 
                                         data-badge-name="Best&#x20;Budget&#x20;Pick"
                                         data-product-id="158005"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                            </svg>
                                        
                                        <span class="badge-text">BEST BUDGET PICK</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-best-value-badge" 
                                         data-award-type="best-value-badge" 
                                         data-badge-name="Best&#x20;for&#x20;the&#x20;Money"
                                         data-product-id="158005"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                            </svg>
                                        
                                        <span class="badge-text">BEST FOR THE MONEY</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-teal" 
                                             data-award-type="dynamic"
                                             data-badge-name="Budget&#x20;Friendly"
                                             data-badge-description="This&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;Guide&#x20;offers&#x20;a&#x20;cost-effective&#x20;solution&#x20;for&#x20;securely&#x20;installing&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;high-quality&#x20;plastic&#x20;construction&#x20;ensures&#x20;durability&#x20;without&#x20;breaking&#x20;the&#x20;bank,&#x20;making&#x20;it&#x20;a&#x20;smart&#x20;choice&#x20;for&#x20;budget-conscious&#x20;parents.&#x20;The&#x20;user-friendly&#x20;design&#x20;simplifies&#x20;installation,&#x20;providing&#x20;reliable&#x20;safety&#x20;for&#x20;your&#x20;little&#x20;one.&#x20;This&#x20;product&#x20;provides&#x20;great&#x20;value,&#x20;allowing&#x20;you&#x20;to&#x20;prioritize&#x20;both&#x20;safety&#x20;and&#x20;affordability,&#x20;earning&#x20;its&#x20;&#x27;Budget&#x20;Friendly&#x27;&#x20;badge&#x20;in&#x20;the&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bases&#x20;category."
                                             data-badge-icon="dollar-sign"
                                             data-badge-color="teal"
                                             data-product-id="158005"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">BUDGET FRIENDLY</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">7</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=158005" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(158005, '6.9', 'Good', '6.9')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #fef3c7 0%, #ffffff 100%); border: 2px solid #f59e0b; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #f59e0b; line-height: 1;">6.9</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=158005" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DNSSSXQK_35.jpg" alt="1&#x20;Pair&#x20;Car&#x20;Baby&#x20;Seat&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;Guide&#x20;Auto&#x20;Seat&#x20;Child&#x20;Seat&#x20;Mount&#x20;Bracket&#x20;Seat&#x20;Accessories,Plastic" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="0.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">0</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="0.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">0 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=158005" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-158005">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=158005" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$5.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-value-badge" 
                                             data-award-type="best-value-badge" 
                                             data-badge-name="Best&#x20;Budget&#x20;Pick"
                                             data-product-id="158005"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST BUDGET PICK</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-value-badge" 
                                             data-award-type="best-value-badge" 
                                             data-badge-name="Best&#x20;for&#x20;the&#x20;Money"
                                             data-product-id="158005"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST FOR THE MONEY</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-teal" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Budget&#x20;Friendly"
                                                 data-badge-description="This&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;Guide&#x20;offers&#x20;a&#x20;cost-effective&#x20;solution&#x20;for&#x20;securely&#x20;installing&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;high-quality&#x20;plastic&#x20;construction&#x20;ensures&#x20;durability&#x20;without&#x20;breaking&#x20;the&#x20;bank,&#x20;making&#x20;it&#x20;a&#x20;smart&#x20;choice&#x20;for&#x20;budget-conscious&#x20;parents.&#x20;The&#x20;user-friendly&#x20;design&#x20;simplifies&#x20;installation,&#x20;providing&#x20;reliable&#x20;safety&#x20;for&#x20;your&#x20;little&#x20;one.&#x20;This&#x20;product&#x20;provides&#x20;great&#x20;value,&#x20;allowing&#x20;you&#x20;to&#x20;prioritize&#x20;both&#x20;safety&#x20;and&#x20;affordability,&#x20;earning&#x20;its&#x20;&#x27;Budget&#x20;Friendly&#x27;&#x20;badge&#x20;in&#x20;the&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bases&#x20;category."
                                                 data-badge-icon="dollar-sign"
                                                 data-badge-color="teal"
                                                 data-product-id="158005"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">BUDGET FRIENDLY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('158005', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158005', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158005', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">Popular choice with good ratings</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Check reviews</li>
                                                        
                                                            <li class="con-item">Limited info</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories</p>
                                        <p class="product-long-desc">Amazon product: 1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-value-badge" 
                                             data-award-type="best-value-badge" 
                                             data-badge-name="Best&#x20;Budget&#x20;Pick"
                                             data-product-id="158005"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST BUDGET PICK</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-value-badge" 
                                             data-award-type="best-value-badge" 
                                             data-badge-name="Best&#x20;for&#x20;the&#x20;Money"
                                             data-product-id="158005"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST FOR THE MONEY</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-teal" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Budget&#x20;Friendly"
                                                 data-badge-description="This&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;Guide&#x20;offers&#x20;a&#x20;cost-effective&#x20;solution&#x20;for&#x20;securely&#x20;installing&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;high-quality&#x20;plastic&#x20;construction&#x20;ensures&#x20;durability&#x20;without&#x20;breaking&#x20;the&#x20;bank,&#x20;making&#x20;it&#x20;a&#x20;smart&#x20;choice&#x20;for&#x20;budget-conscious&#x20;parents.&#x20;The&#x20;user-friendly&#x20;design&#x20;simplifies&#x20;installation,&#x20;providing&#x20;reliable&#x20;safety&#x20;for&#x20;your&#x20;little&#x20;one.&#x20;This&#x20;product&#x20;provides&#x20;great&#x20;value,&#x20;allowing&#x20;you&#x20;to&#x20;prioritize&#x20;both&#x20;safety&#x20;and&#x20;affordability,&#x20;earning&#x20;its&#x20;&#x27;Budget&#x20;Friendly&#x27;&#x20;badge&#x20;in&#x20;the&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Bases&#x20;category."
                                                 data-badge-icon="dollar-sign"
                                                 data-badge-color="teal"
                                                 data-product-id="158005"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">BUDGET FRIENDLY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories</p>
                                <p class="product-long-desc">Amazon product: 1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="8" data-original="8" data-product-id="157998">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">8</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(157998, '5.5', 'Fair', '5.5')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #f97316; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #f9731620 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #f97316; line-height: 1;">5.5</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #f97316 0%, #f97316dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="157998" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="157998" data-fake-votes="323">323</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="157998" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="157998" data-fake-votes="24">24</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                <div class="award-badge award-highest-rated" 
                                     data-award-type="highest-rated" 
                                     data-product-id="157998"
                                     onclick="openAwardModal(this, event)"
                                     role="button"
                                     tabindex="0"
                                     onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                     title="Click to see award details">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
                                    </svg>
                                    <span class="badge-text">RATED</span>
                                </div>
                            
                            
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">8</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=157998" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(157998, '5.5', 'Fair', '5.5')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #fed7aa 0%, #ffffff 100%); border: 2px solid #f97316; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #f97316; line-height: 1;">5.5</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=157998" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0CNGKY3G9_5.jpg" alt="Universal&#x20;Child&#x20;Seat&#x20;Anchor&#x20;Kit&#x20;Safe&#x20;Cars&#x20;Seat&#x20;Mount&#x20;Bracket,&#x20;Universal&#x20;ISOFIX&#x20;Latch&#x20;Interface&#x20;Bracket&#x20;Steel&#x20;Latch,&#x20;ISOFIX&#x20;Belt&#x20;Connector&#x20;for&#x20;SUVs,&#x20;MPVs,&#x20;and&#x20;Off-Road&#x20;Vehicles,&#x20;332&#x2a;95&#x2a;70mm" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="5.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">86</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="5.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">86 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Brack
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=157998" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Brack</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-157998">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=157998" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$28.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-highest-rated" 
                                         data-award-type="highest-rated" 
                                         data-product-id="157998"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
                                        </svg>
                                        <span class="badge-text">RATED</span>
                                    </div>
                                
                                
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('157998', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157998', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('157998', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">Popular choice with good ratings</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Check reviews</li>
                                                        
                                                            <li class="con-item">Limited info</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Brack</p>
                                        <p class="product-long-desc">Amazon product: Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-highest-rated" 
                                         data-award-type="highest-rated" 
                                         data-product-id="157998"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
                                        </svg>
                                        <span class="badge-text">RATED</span>
                                    </div>
                                
                                
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">High quality</li>
                                                
                                                    <li class="pro-item">Reliable</li>
                                                
                                                    <li class="pro-item">Good value</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Check reviews</li>
                                                
                                                    <li class="con-item">Limited info</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">Popular choice with good ratings</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Brack</p>
                                <p class="product-long-desc">Amazon product: Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="9" data-original="9" data-product-id="158007">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">9</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(158007, '5.1', 'Fair', '5.1')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #f97316; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #f9731620 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #f97316; line-height: 1;">5.1</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #f97316 0%, #f97316dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="158007" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="158007" data-fake-votes="265">265</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="158007" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="158007" data-fake-votes="45">45</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                    <div class="award-reason-badge award-best-reliability" 
                                         data-award-type="best-reliability" 
                                         data-badge-name="Best&#x20;Reliability"
                                         data-product-id="158007"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                            </svg>
                                        
                                        <span class="badge-text">BEST RELIABILITY</span>
                                    </div>
                                
                                    
                                    <div class="award-reason-badge award-best-reliability" 
                                         data-award-type="best-reliability" 
                                         data-badge-name="Most&#x20;Loved&#x20;Choice"
                                         data-product-id="158007"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                            </svg>
                                        
                                        <span class="badge-text">MOST LOVED CHOICE</span>
                                    </div>
                                
                            
                                        <div class="award-dynamic-badge award-dynamic-purple" 
                                             data-award-type="dynamic"
                                             data-badge-name="High&#x20;Durability"
                                             data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;High&#x20;Durability&#x27;&#x20;badge&#x20;for&#x20;its&#x20;construction&#x20;from&#x20;thick,&#x20;robust&#x20;steel,&#x20;ensuring&#x20;a&#x20;long-lasting&#x20;and&#x20;reliable&#x20;anchor&#x20;for&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;design&#x20;guarantees&#x20;a&#x20;secure&#x20;installation&#x20;through&#x20;ISOFIX&#x20;connectors,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;on&#x20;every&#x20;journey.&#x20;This&#x20;sturdy&#x20;kit&#x20;is&#x20;built&#x20;to&#x20;withstand&#x20;daily&#x20;use,&#x20;making&#x20;it&#x20;an&#x20;indispensable&#x20;choice&#x20;for&#x20;parents&#x20;who&#x20;prioritize&#x20;safety&#x20;and&#x20;durability&#x20;in&#x20;their&#x20;child&#x27;s&#x20;car&#x20;seat&#x20;setup."
                                             data-badge-icon="shield-alt"
                                             data-badge-color="slate"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">HIGH DURABILITY</span>
                                        </div>
                                    
                                        
                                        <div class="award-dynamic-badge award-dynamic-purple" 
                                             data-award-type="dynamic"
                                             data-badge-name="Durable&#x20;Steel"
                                             data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;Durable&#x20;Steel&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;robust&#x20;construction,&#x20;designed&#x20;to&#x20;provide&#x20;unwavering&#x20;security&#x20;for&#x20;your&#x20;child&rsquo;s&#x20;car&#x20;seat.&#x20;Crafted&#x20;from&#x20;thick&#x20;steel,&#x20;this&#x20;anchor&#x20;kit&#x20;ensures&#x20;a&#x20;reliable&#x20;and&#x20;safe&#x20;installation&#x20;every&#x20;time,&#x20;offering&#x20;parents&#x20;peace&#x20;of&#x20;mind.&#x20;It&#x27;s&#x20;engineered&#x20;for&#x20;compatibility&#x20;with&#x20;ISOFIX&#x20;connectors,&#x20;making&#x20;it&#x20;an&#x20;essential&#x20;accessory&#x20;for&#x20;any&#x20;parent&#x20;seeking&#x20;both&#x20;durability&#x20;and&#x20;safety&#x20;in&#x20;car&#x20;seat&#x20;installation."
                                             data-badge-icon="anchor"
                                             data-badge-color="indigo"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">DURABLE STEEL</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">9</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=158007" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        Universal ISOFIX Car Seat Mount
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(158007, '5.1', 'Fair', '5.1')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #fed7aa 0%, #ffffff 100%); border: 2px solid #f97316; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #f97316; line-height: 1;">5.1</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=158007" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            Universal ISOFIX Car Seat Mount
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B0DZ2HTMPN_37.jpg" alt="Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="0.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">0</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="0.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">0 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Durable, secure car seat anchor kit for ISOFIX connectors.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=158007" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Durable, secure car seat anchor kit for ISOFIX connectors.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-158007">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=158007" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$20.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-reliability" 
                                             data-award-type="best-reliability" 
                                             data-badge-name="Best&#x20;Reliability"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST RELIABILITY</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-reliability" 
                                             data-award-type="best-reliability" 
                                             data-badge-name="Most&#x20;Loved&#x20;Choice"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">MOST LOVED CHOICE</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="High&#x20;Durability"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;High&#x20;Durability&#x27;&#x20;badge&#x20;for&#x20;its&#x20;construction&#x20;from&#x20;thick,&#x20;robust&#x20;steel,&#x20;ensuring&#x20;a&#x20;long-lasting&#x20;and&#x20;reliable&#x20;anchor&#x20;for&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;design&#x20;guarantees&#x20;a&#x20;secure&#x20;installation&#x20;through&#x20;ISOFIX&#x20;connectors,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;on&#x20;every&#x20;journey.&#x20;This&#x20;sturdy&#x20;kit&#x20;is&#x20;built&#x20;to&#x20;withstand&#x20;daily&#x20;use,&#x20;making&#x20;it&#x20;an&#x20;indispensable&#x20;choice&#x20;for&#x20;parents&#x20;who&#x20;prioritize&#x20;safety&#x20;and&#x20;durability&#x20;in&#x20;their&#x20;child&#x27;s&#x20;car&#x20;seat&#x20;setup."
                                                 data-badge-icon="shield-alt"
                                                 data-badge-color="slate"
                                                 data-product-id="158007"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">HIGH DURABILITY</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Durable&#x20;Steel"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;Durable&#x20;Steel&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;robust&#x20;construction,&#x20;designed&#x20;to&#x20;provide&#x20;unwavering&#x20;security&#x20;for&#x20;your&#x20;child&rsquo;s&#x20;car&#x20;seat.&#x20;Crafted&#x20;from&#x20;thick&#x20;steel,&#x20;this&#x20;anchor&#x20;kit&#x20;ensures&#x20;a&#x20;reliable&#x20;and&#x20;safe&#x20;installation&#x20;every&#x20;time,&#x20;offering&#x20;parents&#x20;peace&#x20;of&#x20;mind.&#x20;It&#x27;s&#x20;engineered&#x20;for&#x20;compatibility&#x20;with&#x20;ISOFIX&#x20;connectors,&#x20;making&#x20;it&#x20;an&#x20;essential&#x20;accessory&#x20;for&#x20;any&#x20;parent&#x20;seeking&#x20;both&#x20;durability&#x20;and&#x20;safety&#x20;in&#x20;car&#x20;seat&#x20;installation."
                                                 data-badge-icon="anchor"
                                                 data-badge-color="indigo"
                                                 data-product-id="158007"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">DURABLE STEEL</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('158007', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158007', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158007', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">We love this product because it's a universal fit, meaning it can work with various car seat models. Its robust, thick steel material ensures durability and safety, making it a reliable choice for securing your child's car seat.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Universal fit</li>
                                                
                                                    <li class="pro-item">Durable steel construction</li>
                                                
                                                    <li class="pro-item">Includes fixed strap</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Improves car seat safety</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Brand is unknown</li>
                                                        
                                                            <li class="con-item">No customer reviews</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Durable, secure car seat anchor kit for ISOFIX connectors.</p>
                                        <p class="product-long-desc">This Universal Child Seat Anchor Mounting Kit by Hoqqf is designed for use with ISOFIX Belt Connectors. It is made from thick, robust steel offering a secure and safe installation for your child's car seat. The kit includes a fixed strap for added stability.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Universal fit</li>
                                                
                                                    <li class="pro-item">Durable steel construction</li>
                                                
                                                    <li class="pro-item">Includes fixed strap</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Improves car seat safety</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Brand is unknown</li>
                                                
                                                    <li class="con-item">No customer reviews</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                        <div class="award-reason-badge award-best-reliability" 
                                             data-award-type="best-reliability" 
                                             data-badge-name="Best&#x20;Reliability"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">BEST RELIABILITY</span>
                                        </div>
                                    
                                        
                                        <div class="award-reason-badge award-best-reliability" 
                                             data-award-type="best-reliability" 
                                             data-badge-name="Most&#x20;Loved&#x20;Choice"
                                             data-product-id="158007"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                </svg>
                                            
                                            <span class="badge-text">MOST LOVED CHOICE</span>
                                        </div>
                                    
                                
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="High&#x20;Durability"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;High&#x20;Durability&#x27;&#x20;badge&#x20;for&#x20;its&#x20;construction&#x20;from&#x20;thick,&#x20;robust&#x20;steel,&#x20;ensuring&#x20;a&#x20;long-lasting&#x20;and&#x20;reliable&#x20;anchor&#x20;for&#x20;your&#x20;child&#x27;s&#x20;car&#x20;seat.&#x20;Its&#x20;design&#x20;guarantees&#x20;a&#x20;secure&#x20;installation&#x20;through&#x20;ISOFIX&#x20;connectors,&#x20;providing&#x20;peace&#x20;of&#x20;mind&#x20;on&#x20;every&#x20;journey.&#x20;This&#x20;sturdy&#x20;kit&#x20;is&#x20;built&#x20;to&#x20;withstand&#x20;daily&#x20;use,&#x20;making&#x20;it&#x20;an&#x20;indispensable&#x20;choice&#x20;for&#x20;parents&#x20;who&#x20;prioritize&#x20;safety&#x20;and&#x20;durability&#x20;in&#x20;their&#x20;child&#x27;s&#x20;car&#x20;seat&#x20;setup."
                                                 data-badge-icon="shield-alt"
                                                 data-badge-color="slate"
                                                 data-product-id="158007"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">HIGH DURABILITY</span>
                                            </div>
                                        
                                            
                                            <div class="award-dynamic-badge award-dynamic-purple" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Durable&#x20;Steel"
                                                 data-badge-description="The&#x20;Universal&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Mount&#x20;by&#x20;Hoqqf&#x20;earns&#x20;its&#x20;&#x27;Durable&#x20;Steel&#x27;&#x20;badge&#x20;thanks&#x20;to&#x20;its&#x20;robust&#x20;construction,&#x20;designed&#x20;to&#x20;provide&#x20;unwavering&#x20;security&#x20;for&#x20;your&#x20;child&rsquo;s&#x20;car&#x20;seat.&#x20;Crafted&#x20;from&#x20;thick&#x20;steel,&#x20;this&#x20;anchor&#x20;kit&#x20;ensures&#x20;a&#x20;reliable&#x20;and&#x20;safe&#x20;installation&#x20;every&#x20;time,&#x20;offering&#x20;parents&#x20;peace&#x20;of&#x20;mind.&#x20;It&#x27;s&#x20;engineered&#x20;for&#x20;compatibility&#x20;with&#x20;ISOFIX&#x20;connectors,&#x20;making&#x20;it&#x20;an&#x20;essential&#x20;accessory&#x20;for&#x20;any&#x20;parent&#x20;seeking&#x20;both&#x20;durability&#x20;and&#x20;safety&#x20;in&#x20;car&#x20;seat&#x20;installation."
                                                 data-badge-icon="anchor"
                                                 data-badge-color="indigo"
                                                 data-product-id="158007"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">DURABLE STEEL</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">We love this product because it's a universal fit, meaning it can work with various car seat models. Its robust, thick steel material ensures durability and safety, making it a reliable choice for securing your child's car seat.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Universal fit</li>
                                                
                                                    <li class="pro-item">Durable steel construction</li>
                                                
                                                    <li class="pro-item">Includes fixed strap</li>
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Improves car seat safety</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Brand is unknown</li>
                                                
                                                    <li class="con-item">No customer reviews</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">We love this product because it's a universal fit, meaning it can work with various car seat models. Its robust, thick steel material ensures durability and safety, making it a reliable choice for securing your child's car seat.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Durable, secure car seat anchor kit for ISOFIX connectors.</p>
                                <p class="product-long-desc">This Universal Child Seat Anchor Mounting Kit by Hoqqf is designed for use with ISOFIX Belt Connectors. It is made from thick, robust steel offering a secure and safe installation for your child's car seat. The kit includes a fixed strap for added stability.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
                    
                    <article class="product-card product-card-animate" data-product="10" data-original="10" data-product-id="158003">
                        <div class="product-rank-container">
                            <div class="product-rank">
                                <span class="rank-number">10</span>
                            </div>
                            
                            
                                <div class="expert-score-container expert-score-desktop" onclick="window.openExpertScoreModal(158003, '4.7', 'Needs Improvement', '4.7')" style="margin-top: 6px; cursor: pointer; padding: 12px 14px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border: 2px solid #ef4444; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; position: relative; overflow: hidden;">
                                    <div style="position: absolute; top: 0; right: 0; width: 60px; height: 60px; background: radial-gradient(circle, #ef444420 0%, transparent 70%); border-radius: 50%; transform: translate(20px, -20px);"></div>
                                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1;">
                                        <div style="flex: 1;">
                                            <div style="font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #64748b; margin-bottom: 4px;">Expert Score</div>
                                            <div style="display: flex; align-items: baseline; gap: 6px;">
                                                <span style="font-size: 1.5rem; font-weight: 700; color: #ef4444; line-height: 1;">4.7</span>
                                                <span style="font-size: 0.85rem; font-weight: 600; color: #64748b; opacity: 0.7;">/ 10</span>
                                            </div>
                                        </div>
                                        <div style="width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #ef4444 0%, #ef4444dd 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;">
                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
                                                <circle cx="9" cy="7" r="4"></circle>
                                                <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
                                                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                                                <line x1="18" y1="8" x2="22" y2="8"></line>
                                                <line x1="20" y1="6" x2="20" y2="10"></line>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            
                            
                            <div class="vote-buttons scroll-animate-reverse" style="margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 0;">
                                
                                <div class="vote-label-desktop" style="font-size: 0.875rem; font-weight: 600; color: #64748b; margin-bottom: 4px; display: none;">
                                    Vote:
                                </div>
                                <div style="display: flex; flex-direction: column; gap: 0; align-items: center;">
                                    <div class="vote-item">
                                        <button class="vote-btn upvote-btn" data-product-id="158003" data-vote-type="up" aria-label="Upvote this product" title="Upvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count upvote-count" data-product-id="158003" data-fake-votes="309">309</span>
                                    </div>
                                    <div class="vote-item" style="margin-top: 0;">
                                        <button class="vote-btn downvote-btn" data-product-id="158003" data-vote-type="down" aria-label="Downvote this product" title="Downvote this product">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                                <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
                                            </svg>
                                        </button>
                                        <span class="vote-count downvote-count" data-product-id="158003" data-fake-votes="39">39</span>
                                    </div>
                                </div>
                            </div>
                            
                            
                            <div class="product-badges-section">
                                
                            
                                <div class="award-badge award-best-overall" 
                                     data-award-type="best-overall" 
                                     data-product-id="158003"
                                     onclick="openAwardModal(this, event)"
                                     role="button"
                                     tabindex="0"
                                     onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                     title="Click to see award details">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                    </svg>
                                    <span class="badge-text">BEST</span>
                                </div>
                            
                            
                                        <div class="award-dynamic-badge award-dynamic-red" 
                                             data-award-type="dynamic"
                                             data-badge-name="Enhanced&#x20;Safety"
                                             data-badge-description="The&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Interface&#x20;Buckle&#x20;earns&#x20;the&#x20;&#x27;Enhanced&#x20;Safety&#x27;&#x20;badge&#x20;for&#x20;its&#x20;reliable&#x20;and&#x20;durable&#x20;design,&#x20;ensuring&#x20;secure&#x20;installation&#x20;of&#x20;car&#x20;child&#x20;seats.&#x20;With&#x20;its&#x20;fixed&#x20;guide&#x20;groove,&#x20;this&#x20;product&#x20;makes&#x20;the&#x20;installation&#x20;process&#x20;straightforward&#x20;and&#x20;stress-free&#x20;for&#x20;parents,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;that&#x20;their&#x20;child&#x20;is&#x20;safely&#x20;anchored&#x20;during&#x20;car&#x20;journeys.&#x20;Its&#x20;robust&#x20;construction&#x20;guarantees&#x20;long-lasting&#x20;performance,&#x20;making&#x20;it&#x20;a&#x20;dependable&#x20;choice&#x20;for&#x20;families&#x20;prioritizing&#x20;safety&#x20;in&#x20;their&#x20;travel&#x20;essentials."
                                             data-badge-icon="lock"
                                             data-badge-color="red"
                                             data-product-id="158003"
                                             onclick="openAwardModal(this, event)"
                                             role="button"
                                             tabindex="0"
                                             onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                             title="Click to see award details">
                                            
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                
                                                        
                                                        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                    
                                            </svg>
                                            <span class="badge-text">ENHANCED SAFETY</span>
                                        </div>
                                    
                                
                            </div>
                            
                            
                                <div class="product-category-label product-category-label-ipad" style="width: 100%; margin-top: 16px; margin-bottom: 16px;">
                                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 14px 20px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 10px; text-decoration: none; color: #ffffff; font-size: 0.95rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 3px 6px rgba(59, 130, 246, 0.25); text-align: center; position: relative;">
                                        <span style="display: block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.8px; opacity: 0.9; margin-bottom: 6px; font-weight: 600;">Selected From</span>
                                        <span style="display: block; font-size: 0.7rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.8px;">ISOFIX Car Seat Bases</span>
                                    </a>
                                </div>
                            
                        </div>
                        
                        <div class="product-content">
                            
                            <div class="product-header-mobile-rank-name">
                                <div class="product-rank-mobile">
                                    <span class="rank-number">10</span>
                                </div>
                                <div class="product-title-mobile" style="flex: 1; min-width: 0;">
                                    <a href="/CTR.cfm?ProductID=158003" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                        ISOFIX Car Seat Interface Buckle
                                    </a>
                                </div>
                                
                                
                                    <div class="expert-score-container expert-score-mobile" onclick="window.openExpertScoreModal(158003, '4.7', 'Needs Improvement', '4.7')" style="margin-left: 8px; cursor: pointer; padding: 8px 12px; background: linear-gradient(135deg, #fee2e2 0%, #ffffff 100%); border: 2px solid #ef4444; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; flex-shrink: 0;">
                                        <div style="font-size: 1.1rem; font-weight: 700; color: #ef4444; line-height: 1;">4.7</div>
                                    </div>
                                
                            </div>
                            
                            <div class="product-main">
                                <header class="product-header scroll-animate-right">
                                    <h2 class="product-title">
                                        <a href="/CTR.cfm?ProductID=158003" target="_blank" rel="nofollow sponsored" class="product-title-link">
                                            ISOFIX Car Seat Interface Buckle
                                        </a>
                                    </h2>
                                </header>
                                
                                
                                <div class="product-media-section scroll-animate">
                                    
                                        <div class="product-image-container">
                                            <img src="https://d25brt1ok2m0kr.cloudfront.net/_product_images/product_B07XMBGMXW_33.jpg" alt="ISOFIX&#x20;Car&#x20;Seat&#x20;Interface&#x20;Buckle" class="product-image" loading="lazy">
                                        </div>
                                    
                                    
                                    <div class="product-mobile-stars-section" style="display: none; margin-top: 12px; text-align: center;">
                                        <!-- Amazon rating and reviews -->
                                        
                                            <div class="rating-row" style="display: flex; align-items: center; gap: 6px; justify-content: center;">
                                                <div class="stars" aria-label="4.0 out of 5 stars" style="display: inline-flex; align-items: center; gap: 2px; font-size: 14px; line-height: 1;">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count" style="font-size: 0.75rem; color: #6b7280;">57</div>
                                            </div>
                                        
                                    </div>
                                    
                                    
                                    <div class="product-rating-buy-desktop" style="display: block;">
                                        <!-- Amazon rating and reviews (moved above prices) -->
                                        
                                            <div class="rating-row">
                                                <div class="stars" aria-label="4.0 out of 5 stars">
                                                    
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-full">&starf;</span>
                                                        
                                                    
                                                            <span class="star star-empty">&star;</span>
                                                        
                                                    
                                                </div>
                                                <div class="reviews-count">57 reviews</div>
                                            </div>
                                        
                                        
                                        <div class="merchant-options-container" style="margin-top: 16px; display: flex; flex-direction: column; gap: 6px;">
                                            
                                            
                                                <div style="padding: 8px 12px; background: #f8f9fa; border-radius: 6px; color: #374151; font-size: 14px; line-height: 1.5;">
                                                    Reliable and durable ISOFIX Interface Buckles for easy car seat installation.
                                                </div>
                                            
                                            
                                                <a href="/CTR.cfm?ProductID=158003" target="_blank" rel="nofollow sponsored" style="display: flex; justify-content: center; align-items: center; padding: 8px 12px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 6px; text-decoration: none; color: #ffffff; font-weight: 500; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                                    <span>View Website</span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" style="width: 18px; height: 18px; margin-left: 8px;">
                                                        <path d="M10 6V4H5C3.9 4 3 4.9 3 6V19C3 20.1 3.9 21 5 21H18C19.1 21 20 20.1 20 19V14H18V19H5V6H10ZM14 4V6H17.59L8.79 14.79L10.21 16.21L19 7.41V11H21V4H14Z"/>
                                                    </svg>
                                                </a>
                                            
                                        </div>
                                    </div>
                                    
                                    
                                    <p class="product-short-desc-large product-main-short-desc" style="display: none;">Reliable and durable ISOFIX Interface Buckles for easy car seat installation.</p>
                                </div>
                            </div>
                            
                            
                            <div class="product-detail-tabs-mobile" id="product-detail-tabs-mobile-158003">
                                
                                <div class="product-mobile-split-section" style="display: none; margin-top: 0; margin-bottom: 12px; gap: 4px; flex-direction: row; align-items: stretch; width: 100%; max-width: 100% !important; padding: 0; box-sizing: border-box;">
                                    
                                    
                                        <div class="product-category-label-mobile-split" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0;">
                                            <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: block; padding: 10px 4px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 8px; text-decoration: none; color: #3b82f6; font-size: 0.7rem; font-weight: 700; transition: all 0.2s ease; text-align: center; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.15); min-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 0;">
                                                <span style="display: block; line-height: 1.2;">
                                                    <span style="display: block; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.8; margin-bottom: 1px;">View on List:</span>
                                                    <span style="display: block; font-size: 0.75rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">ISOFIX Car Seat Bases</span>
                                                </span>
                                            </a>
                                        </div>
                                    
                                    
                                    <div class="product-buy-mobile" style="width: 50%; flex-shrink: 0; padding: 0 2px; margin-bottom: 0; display: flex; align-items: stretch;">
                                        
                                        
                                                <a href="/CTR.cfm?ProductID=158003" target="_blank" rel="nofollow sponsored" style="display: flex; align-items: center; justify-content: center; padding: 10px 4px; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; text-decoration: none; color: #ffffff; font-weight: 700; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); min-height: 40px; margin-bottom: 0; width: 100%;">
                                                    <span style="display: block; text-align: center; line-height: 1.2;">
                                                        <span style="display: block; font-size: 0.85rem; font-weight: 700;">$7.00</span>
                                                        <span style="display: block; font-size: 0.65rem; opacity: 0.9; font-weight: 600;">Buy Now</span>
                                                    </span>
                                                </a>
                                            
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-best-overall" 
                                         data-award-type="best-overall" 
                                         data-product-id="158003"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                        </svg>
                                        <span class="badge-text">BEST</span>
                                    </div>
                                
                                
                                            <div class="award-dynamic-badge award-dynamic-red" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Enhanced&#x20;Safety"
                                                 data-badge-description="The&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Interface&#x20;Buckle&#x20;earns&#x20;the&#x20;&#x27;Enhanced&#x20;Safety&#x27;&#x20;badge&#x20;for&#x20;its&#x20;reliable&#x20;and&#x20;durable&#x20;design,&#x20;ensuring&#x20;secure&#x20;installation&#x20;of&#x20;car&#x20;child&#x20;seats.&#x20;With&#x20;its&#x20;fixed&#x20;guide&#x20;groove,&#x20;this&#x20;product&#x20;makes&#x20;the&#x20;installation&#x20;process&#x20;straightforward&#x20;and&#x20;stress-free&#x20;for&#x20;parents,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;that&#x20;their&#x20;child&#x20;is&#x20;safely&#x20;anchored&#x20;during&#x20;car&#x20;journeys.&#x20;Its&#x20;robust&#x20;construction&#x20;guarantees&#x20;long-lasting&#x20;performance,&#x20;making&#x20;it&#x20;a&#x20;dependable&#x20;choice&#x20;for&#x20;families&#x20;prioritizing&#x20;safety&#x20;in&#x20;their&#x20;travel&#x20;essentials."
                                                 data-badge-icon="lock"
                                                 data-badge-color="red"
                                                 data-product-id="158003"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">ENHANCED SAFETY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                <div class="tab-buttons">
                                    <button class="tab-button active" onclick="switchProductDetailTab('158003', 'why')" data-tab="why">Why</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158003', 'proscons')" data-tab="proscons">Pros/Cons</button>
                                    <button class="tab-button" onclick="switchProductDetailTab('158003', 'thoughts')" data-tab="thoughts">Thoughts</button>
                                </div>
                                
                                
                                <div class="tab-content-panel active" data-tab="why">
                                    <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                        
                                        
                                            <div class="why-we-love-section">
                                                <h4 class="why-we-love-title">Why We Love It</h4>
                                                <p class="why-we-love-text">The ISOFIX Car Seat Interface Buckle is a practical tool for parents, making car seat installation a breeze. The buckles are popular for their universal compatibility and the secure fit they offer, ensuring children's safety during car rides.</p>
                                            </div>
                                        
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="proscons">
                                    <div class="product-pros-cons-stacked product-pros-cons-original">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Secure fit</li>
                                                
                                                    <li class="pro-item">High-quality material</li>
                                                
                                                    <li class="pro-item">Universal compatibility</li>
                                                
                                                    <li class="pro-item">Affordable</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                        <div class="product-cons-section scroll-animate">
                                            
                                                <div class="cons-section">
                                                    <h4 class="cons-title">
                                                        <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                        </svg>
                                                        Cons
                                                    </h4>
                                                    <ul class="cons-list">
                                                        
                                                            <li class="con-item">Unknown brand</li>
                                                        
                                                            <li class="con-item">No detailed instructions</li>
                                                        
                                                            <li class="con-item">Delivery times may vary</li>
                                                        
                                                    </ul>
                                                </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div class="tab-content-panel" data-tab="thoughts">
                                    <div class="product-description-section scroll-animate-right">
                                        <p class="product-short-desc-large">Reliable and durable ISOFIX Interface Buckles for easy car seat installation.</p>
                                        <p class="product-long-desc">This package contains two ISOFIX Interface Buckles for car child seats, designed to provide a secure and convenient installation. Each buckle is made from durable, black material and features a fixed guide groove for easy slotting.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="product-pros-why-combined-ipad">
                            <div class="product-pros-cons-stacked">
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Secure fit</li>
                                                
                                                    <li class="pro-item">High-quality material</li>
                                                
                                                    <li class="pro-item">Universal compatibility</li>
                                                
                                                    <li class="pro-item">Affordable</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Unknown brand</li>
                                                
                                                    <li class="con-item">No detailed instructions</li>
                                                
                                                    <li class="con-item">Delivery times may vary</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            <div class="product-why-we-love-section scroll-animate">
                                
                                <div class="product-badges-section-mobile scroll-animate-bottom">
                                    
                                
                                    <div class="award-badge award-best-overall" 
                                         data-award-type="best-overall" 
                                         data-product-id="158003"
                                         onclick="openAwardModal(this, event)"
                                         role="button"
                                         tabindex="0"
                                         onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                         title="Click to see award details">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                        </svg>
                                        <span class="badge-text">BEST</span>
                                    </div>
                                
                                
                                            <div class="award-dynamic-badge award-dynamic-red" 
                                                 data-award-type="dynamic"
                                                 data-badge-name="Enhanced&#x20;Safety"
                                                 data-badge-description="The&#x20;ISOFIX&#x20;Car&#x20;Seat&#x20;Interface&#x20;Buckle&#x20;earns&#x20;the&#x20;&#x27;Enhanced&#x20;Safety&#x27;&#x20;badge&#x20;for&#x20;its&#x20;reliable&#x20;and&#x20;durable&#x20;design,&#x20;ensuring&#x20;secure&#x20;installation&#x20;of&#x20;car&#x20;child&#x20;seats.&#x20;With&#x20;its&#x20;fixed&#x20;guide&#x20;groove,&#x20;this&#x20;product&#x20;makes&#x20;the&#x20;installation&#x20;process&#x20;straightforward&#x20;and&#x20;stress-free&#x20;for&#x20;parents,&#x20;offering&#x20;peace&#x20;of&#x20;mind&#x20;that&#x20;their&#x20;child&#x20;is&#x20;safely&#x20;anchored&#x20;during&#x20;car&#x20;journeys.&#x20;Its&#x20;robust&#x20;construction&#x20;guarantees&#x20;long-lasting&#x20;performance,&#x20;making&#x20;it&#x20;a&#x20;dependable&#x20;choice&#x20;for&#x20;families&#x20;prioritizing&#x20;safety&#x20;in&#x20;their&#x20;travel&#x20;essentials."
                                                 data-badge-icon="lock"
                                                 data-badge-color="red"
                                                 data-product-id="158003"
                                                 onclick="openAwardModal(this, event)"
                                                 role="button"
                                                 tabindex="0"
                                                 onkeydown="if(event.key==='Enter'||event.key===' '){openAwardModal(this, event);}"
                                                 title="Click to see award details">
                                                
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                    
                                                            
                                                            <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
                                                        
                                                </svg>
                                                <span class="badge-text">ENHANCED SAFETY</span>
                                            </div>
                                        
                                    
                                </div>
                                
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The ISOFIX Car Seat Interface Buckle is a practical tool for parents, making car seat installation a breeze. The buckles are popular for their universal compatibility and the secure fit they offer, ensuring children's safety during car rides.</p>
                                    </div>
                                
                            </div>
                            </div>
                            

                            <div class="product-pros-cons-stacked product-pros-cons-original">
                                
                                
                                    <div class="product-category-label product-category-label-desktop" style="display: none; width: 100%; margin-bottom: 16px; padding: 12px 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border: 2px solid #3b82f6; border-radius: 12px; box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);">
                                        <div style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #1e40af; margin-bottom: 4px;">Selected From:</div>
                                        <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="category-link" style="display: inline-block; padding: 6px 14px; background: #3b82f6; border-radius: 8px; text-decoration: none; color: #ffffff; font-size: 1rem; font-weight: 700; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);">
                                            ISOFIX Car Seat Bases
                                        </a>
                                    </div>
                                
                                <div class="product-pros-section scroll-animate">
                                    
                                        <div class="pros-section">
                                            <h4 class="pros-title">
                                                <svg class="pros-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
                                                </svg>
                                                Pros
                                            </h4>
                                            <ul class="pros-list">
                                                
                                                    <li class="pro-item">Easy to install</li>
                                                
                                                    <li class="pro-item">Secure fit</li>
                                                
                                                    <li class="pro-item">High-quality material</li>
                                                
                                                    <li class="pro-item">Universal compatibility</li>
                                                
                                                    <li class="pro-item">Affordable</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>

                                <div class="product-cons-section scroll-animate">
                                    
                                        <div class="cons-section">
                                            <h4 class="cons-title">
                                                <svg class="cons-icon" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                                                </svg>
                                                Cons
                                            </h4>
                                            <ul class="cons-list">
                                                
                                                    <li class="con-item">Unknown brand</li>
                                                
                                                    <li class="con-item">No detailed instructions</li>
                                                
                                                    <li class="con-item">Delivery times may vary</li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            
                            <div class="product-why-we-love-section product-why-we-love-original scroll-animate">
                                
                                    <div class="why-we-love-section">
                                        <h4 class="why-we-love-title">Why We Love It</h4>
                                        <p class="why-we-love-text">The ISOFIX Car Seat Interface Buckle is a practical tool for parents, making car seat installation a breeze. The buckles are popular for their universal compatibility and the secure fit they offer, ensuring children's safety during car rides.</p>
                                    </div>
                                
                            </div>
                            
                            
                            <div class="product-description-section scroll-animate-right">
                                <p class="product-short-desc-large">Reliable and durable ISOFIX Interface Buckles for easy car seat installation.</p>
                                <p class="product-long-desc">This package contains two ISOFIX Interface Buckles for car child seats, designed to provide a secure and convenient installation. Each buckle is made from durable, black material and features a fixed guide groove for easy slotting.</p>
                            </div>
                        </div>
                    </article>
                    
                    
                    <div style="height: 5px; width: 100%; clear: both;"></div>
                
            
            </div>
        </div>
    </div>
</div>
    
        <div id="comparison-content" class="tab-content">
            
            
<style>
/* Comparison Table Styles */
.comparison-container {
    margin: 2rem 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Match the width of the product tabs bar above - remove any extra margins/padding */
#comparison-content .comparison-container {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.comparison-header {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 1.5rem;
    text-align: center;
}

.comparison-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.comparison-subtitle {
    font-size: 0.9rem;
    opacity: 0.9;
    margin: 0;
}

.comparison-meta {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 1rem;
    font-size: 0.8rem;
    opacity: 0.8;
}

/* Desktop Table View */
.comparison-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.comparison-table th,
.comparison-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.comparison-table th {
    background: #f8f9fa;
    font-weight: 600;
    color: #374151;
    position: sticky;
    top: 0;
    z-index: 10;
}

.comparison-table th:first-child {
    position: sticky;
    left: 0;
    background: #f8f9fa;
    z-index: 11;
    min-width: 200px;
}

.comparison-table td:first-child {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
    font-weight: 600;
    min-width: 200px;
    vertical-align: middle;
}

.comparison-table td {
    vertical-align: middle;
}

.product-name {
    font-weight: 600;
    color: #1f2937;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.product-rank {
    display: inline-block;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    font-weight: 600;
}

.feature-value {
    font-size: 0.85rem;
    color: #4b5563;
    display: flex;
    align-items: center;
}

.feature-value.true {
    color: #10b981;
    font-weight: 600;
}

.feature-value.false {
    color: #ef4444;
    font-weight: 600;
}

.feature-value.partial {
    color: #f59e0b;
    font-weight: 600;
}

.feature-value.price,
.card-feature-value.price {
    color: #059669;
    font-weight: 700;
    font-size: 1rem;
}

/* Mobile Card View */
.comparison-cards {
    display: none;
    padding: 0 1rem;
    /* Ensure smooth scrolling on mobile */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.comparison-card {
    background: white;
    border-radius: 16px;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    /* Ensure touch events pass through to parent for scrolling */
    touch-action: pan-y;
}

.comparison-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.card-header {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    padding: 1.25rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
}

.card-rank {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}

.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
    flex: 1;
}

.card-features {
    padding: 1.25rem;
}

.card-feature {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.card-feature:last-child {
    border-bottom: none;
}

.card-feature-label {
    font-size: 0.85rem;
    color: #4b5563;
    font-weight: 500;
    flex: 1;
    margin-right: 1rem;
}

.card-feature-value {
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    text-align: center;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-feature-value.true {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.card-feature-value.false {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.card-feature-value.partial {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fed7aa;
}

.card-feature-value:not(.true):not(.false):not(.partial) {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

/* Mobile-specific improvements */
.comparison-card .card-features {
    /* Removed max-height and overflow to allow natural page scrolling */
}

/* Unavailable State */
.comparison-unavailable {
    text-align: center;
    padding: 3rem 2rem;
    background: #f8f9fa;
    border-radius: 12px;
    margin: 2rem 0;
}

.comparison-unavailable-content {
    max-width: 400px;
    margin: 0 auto;
}


.comparison-unavailable h3 {
    color: #374151;
    margin-bottom: 0.5rem;
}

.comparison-unavailable p {
    color: #6b7280;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .comparison-table-container {
        display: none;
    }
    
    .comparison-cards {
        display: block;
    }
    
    .comparison-header {
        padding: 1rem;
    }
    
    .comparison-title {
        font-size: 1.25rem;
    }
    
    .comparison-meta {
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 0.75rem;
    }
    
    .comparison-cards {
        padding: 0 0.5rem;
    }
    
    .comparison-card {
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .comparison-cards {
        padding: 0;
    }
    
    .comparison-card {
        margin-bottom: 0.75rem;
        border-radius: 12px;
    }
    
    .card-header {
        padding: 1rem;
    }
    
    .card-title {
        font-size: 1rem;
        line-height: 1.2;
    }
    
    .card-rank {
        width: 32px;
        height: 32px;
        font-size: 0.8rem;
    }
    
    .card-features {
        padding: 1rem;
    }
    
    .card-feature {
        padding: 0.5rem 0;
    }
    
    .card-feature-label {
        font-size: 0.8rem;
    }
    
    .card-feature-value {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
        min-width: 50px;
    }
}
</style>


    <div class="comparison-container">
        <div class="comparison-header">
            <h2 class="comparison-title">Product Comparison</h2>
        </div>
        
        <!-- Desktop Table View -->
        <div class="comparison-table-container">
            <table class="comparison-table">
                <thead>
                    <tr>
                        <th>Product</th>
                        
                            <th>Safety Features</th>
                        
                    </tr>
                </thead>
                <tbody>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">1</span>Key Fit 30 Infant Car Base</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">Bubble level indicators</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">2</span>Cybex Cloud G Car Seat Base</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">Adjustable settings</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">3</span>Car Seat ISOFIX Latch Kit</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">High</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">4</span>1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">Standard</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">5</span>Diono LiteClik30 RXT Car Seat</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">SafePlus Engineering</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">6</span>Universal ISOFIX Car Seat Bracket</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">High</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">7</span>1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">Standard</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">8</span>Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">High</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">9</span>Universal ISOFIX Car Seat Mount</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">High</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                        <tr>
                            <td>
                                <div class="product-name"><span class="product-rank">10</span>ISOFIX Car Seat Interface Buckle</div>
                            </td>
                            
                                
                                <td>
                                    
                                        <span class="feature-value">Standard</span>
                                    
                                    
                                </td>
                            
                        </tr>
                    
                </tbody>
            </table>
        </div>
        
        <!-- Mobile Card View -->
        <div class="comparison-cards">
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">1</span>
                        <h3 class="card-title">Key Fit 30 Infant Car Base</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">Bubble level indicators</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">2</span>
                        <h3 class="card-title">Cybex Cloud G Car Seat Base</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">Adjustable settings</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">3</span>
                        <h3 class="card-title">Car Seat ISOFIX Latch Kit</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">High</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">4</span>
                        <h3 class="card-title">1 Set Child safety seat interface Bracket Universal Car Child Seat Restraint Anchor Mounting Kit ISOFIX Belt Connector Latch</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">Standard</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">5</span>
                        <h3 class="card-title">Diono LiteClik30 RXT Car Seat</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">SafePlus Engineering</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">6</span>
                        <h3 class="card-title">Universal ISOFIX Car Seat Bracket</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">High</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">7</span>
                        <h3 class="card-title">1 Pair Car Baby Seat ISOFIX Belt Connector Guide Auto Seat Child Seat Mount Bracket Seat Accessories,Plastic</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">Standard</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">8</span>
                        <h3 class="card-title">Universal Child Seat Anchor Kit Safe Cars Seat Mount Bracket, Universal ISOFIX Latch Interface Bracket Steel Latch, ISOFIX Belt Connector for SUVs, MPVs, and Off-Road Vehicles, 332*95*70mm</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">High</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">9</span>
                        <h3 class="card-title">Universal ISOFIX Car Seat Mount</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">High</div>
                                
                            </div>
                        
                    </div>
                </div>
            
                <div class="comparison-card">
                    <div class="card-header">
                        <span class="card-rank">10</span>
                        <h3 class="card-title">ISOFIX Car Seat Interface Buckle</h3>
                    </div>
                    <div class="card-features">
                        
                            
                            <div class="card-feature">
                                <div class="card-feature-label">Safety Features
                                    
                                </div>
                                
                                    <div class="card-feature-value">Standard</div>
                                
                            </div>
                        
                    </div>
                </div>
            
        </div>
    </div>
    

        </div>
        
        
        <div id="similar-content" class="tab-content similar-categories-desktop-content scroll-animate" style="width: 100%; max-width: 100%; box-sizing: border-box; padding: 0; margin: 0;">
            <h2 style="margin-bottom: 1.5rem; color: #ffffff; padding: 0; margin-left: 0; margin-right: 0;">Similar Categories</h2>
            <div class="similar-categories-grid" style="padding: 0; margin: 0; width: 100%; max-width: 100%; box-sizing: border-box; overflow-x: hidden;">
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/belted-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23338.jpg" 
                             alt="Belted Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Belted Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/lightweight-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23337.jpg" 
                             alt="Lightweight Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Lightweight Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/convertible-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23336.jpg" 
                             alt="Convertible Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Convertible Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/swivel-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23335.jpg" 
                             alt="Swivel Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Swivel Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/isofix-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23334.jpg" 
                             alt="ISOFIX Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">ISOFIX Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/infant-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23333.jpg" 
                             alt="Infant Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Infant Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23332.jpg" 
                             alt="Adjustable Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Adjustable Car Seat Bases</div>
                    </a>
                
                
                    <a href="https://whatarethebest.com/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/easy-install-car-seat-bases" class="similar-category-item">
                        <img src="https://d25brt1ok2m0kr.cloudfront.net/_category_images/cat_23331.jpg" 
                             alt="Easy Install Car Seat Bases" 
                             class="similar-category-img">
                        <div class="similar-category-name">Easy Install Car Seat Bases</div>
                    </a>
                
                
            </div>
        </div>
        
        
        <div class="seo-scoring-breakdown" style="position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;" aria-hidden="true">
            
        </div>
        
        
            <div id="methodologyModal" class="methodology-modal" onclick="closeMethodologyModal(event)">
                <div class="methodology-modal-content" onclick="event.stopPropagation()">
                    <div class="methodology-modal-header">
                        <h2>How We Rank Products</h2>
                        <div style="display: flex; align-items: center; gap: 12px;" class="methodology-header-buttons">
                            <a href="/how-we-evaluate.cfm" class="how-we-evaluate-btn how-we-evaluate-btn-header" style="padding: 8px 16px; background: rgba(255, 255, 255, 0.95); color: #3b82f6; text-decoration: none; border-radius: 6px; font-size: 0.875rem; font-weight: 600; white-space: nowrap; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);" onmouseover="this.style.background='#ffffff'; this.style.transform='translateY(-1px)'; this.style.boxShadow='0 4px 8px rgba(0, 0, 0, 0.15)';" onmouseout="this.style.background='rgba(255, 255, 255, 0.95)'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(0, 0, 0, 0.1)';" target="_blank">How We Evaluate Products</a>
                            <button type="button" class="methodology-modal-close" onclick="closeMethodologyModal(event)">&times;</button>
                        </div>
                    </div>
                    <div class="methodology-modal-body">
                        
                        
                            <div class="level3-evaluation-explanation" style="margin-bottom: 2rem; padding: 1.5rem; background: #f8fafc; border-radius: 8px; border-left: 4px solid #3b82f6;">
                                <h3 style="margin: 0 0 1rem 0; font-size: 1.125rem; font-weight: 700; color: #1e293b;">How We Evaluate at This Level</h3>
                                <p style="margin: 0 0 1rem 0; font-size: 0.95rem; line-height: 1.7; color: #475569;">This category highlights the strongest overall performers across closely related, specialized use cases.</p>
                                <p style="margin: 0 0 1rem 0; font-size: 0.95rem; line-height: 1.7; color: #475569;">Rather than evaluating products in isolation, we first analyze performance within highly specific niches, such as 
                                    
                                        
                                        <a href="/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/adjustable-car-seat-bases/" style="color: #1e293b; text-decoration: underline;">Adjustable Car Seat Bases</a>, 
                                    
                                        
                                        <a href="/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/belted-car-seat-bases/" style="color: #1e293b; text-decoration: underline;">Belted Car Seat Bases</a>, 
                                    
                                        
                                        <a href="/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/convertible-car-seat-bases/" style="color: #1e293b; text-decoration: underline;">Convertible Car Seat Bases</a> and 
                                    
                                        
                                        <a href="/shop-baby-kids-parenting/shop-car-seats/shop-car-seat-bases/easy-install-car-seat-bases/" style="color: #1e293b; text-decoration: underline;">Easy Install Car Seat Bases</a>
                                    .
                                </p>
                                <p style="margin: 0 0 1rem 0; font-size: 0.95rem; line-height: 1.7; color: #475569;">From those niche evaluations, we surface products that consistently demonstrate strength across multiple use cases.</p>
                                <p style="margin: 0; font-size: 0.95rem; line-height: 1.7; color: #475569;">Only solutions that perform at a high level across several specialized categories are featured here. This approach allows us to identify well-rounded platforms that excel beyond a single narrow scenario and represent the best all-around options within this broader category.</p>
                            </div>
                        
                        
                            <div class="methodology-text">
                                <h3>Our Evaluation Process</h3>
                                <p>In evaluating car seat bases, the expert curator focused on several key factors, including safety ratings, ease of installation, compatibility with various car models, and additional features such as adjustable bases and infant carrier compatibility. Considerations specific to this category included the importance of secure installation methods, user-friendly designs, and compliance with safety regulations. The research methodology involved analyzing product specifications, reviewing customer feedback, and assessing ratings from reputable sources to determine the overall value and performance of each car seat base. Rankings were established through a comprehensive comparison of data, ensuring a thorough understanding of each product's strengths and weaknesses in the context of consumer needs and safety standards. <P></p>
                            </div>
                        
                        
                            <div class="verification-badges">
                                <h3>Verification</h3>
                                <ul class="verification-list">
                                    
                                        
                                            <li>
                                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                                    <polyline points="20 6 9 17 4 12"></polyline>
                                                </svg>
                                                <span>Products evaluated through comprehensive research and analysis of safety features and user ratings.</span>
                                            </li>
                                        
                                    
                                            <li>
                                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                                    <polyline points="20 6 9 17 4 12"></polyline>
                                                </svg>
                                                <span>Rankings based on analysis of specifications, customer feedback, and expert reviews in the car seat base category.</span>
                                            </li>
                                        
                                    
                                            <li>
                                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                                    <polyline points="20 6 9 17 4 12"></polyline>
                                                </svg>
                                                <span>Selection criteria focus on essential attributes such as ease of installation, compatibility, and safety standards.</span>
                                            </li>
                                        
                                    
                                </ul>
                            </div>
                        
                        
                        <div class="how-we-evaluate-btn-mobile" style="display: none; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; text-align: center;">
                            <a href="/how-we-evaluate.cfm" class="how-we-evaluate-btn" style="display: inline-block; padding: 12px 24px; background: #3b82f6; color: #ffffff; text-decoration: none; border-radius: 8px; font-size: 0.95rem; font-weight: 600; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);" onmouseover="this.style.background='#2563eb'; this.style.transform='translateY(-1px)'; this.style.boxShadow='0 4px 8px rgba(59, 130, 246, 0.4)';" onmouseout="this.style.background='#3b82f6'; this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 4px rgba(59, 130, 246, 0.3)';" target="_blank">How We Evaluate Products</a>
                        </div>
                    </div>
                </div>
            </div>
            <script>
            // Methodology Modal Functions
            if (typeof window.openMethodologyModal !== 'function') {
                window.openMethodologyModal = function() {
                    const modal = document.getElementById('methodologyModal');
                    if (modal) {
                        modal.style.display = 'flex';
                        document.body.style.overflow = 'hidden';
                    }
                };
            }
            if (typeof window.closeMethodologyModal !== 'function') {
                window.closeMethodologyModal = function(event) {
                    if (event) {
                        event.stopPropagation();
                    }
                    const modal = document.getElementById('methodologyModal');
                    if (modal) {
                        modal.style.display = 'none';
                        document.body.style.overflow = '';
                    }
                };
            }
            // Close modal on Escape key
            document.addEventListener('keydown', function(event) {
                if (event.key === 'Escape') {
                    const modal = document.getElementById('methodologyModal');
                    if (modal && modal.style.display === 'flex') {
                        closeMethodologyModal();
                    }
                }
            });
            </script>
        

        <div class="affiliate-disclosure">
            <p>As an Amazon Associate, we earn from qualifying purchases. We may also earn commissions from other affiliate partners.</p>
        </div>

        <section class="faq-section scroll-animate">
            <h2>Frequently Asked Questions About Car Seat Bases</h2>
            <div class="faq-item">
                <h3>What makes a car seat bases the "best"?</h3>
                <p>We evaluate products based on quality, performance, value for money, user reviews, durability, and ease of use. Our rankings are updated regularly to reflect the latest market offerings and user feedback.</p>
            </div>
            <div class="faq-item">
                <h3>How often do you update your car seat bases recommendations?</h3>
                <p>Our team continuously monitors the market for new products and updates our recommendations quarterly. We also adjust rankings based on user feedback and new testing results.</p>
            </div>
            <div class="faq-item">
                <h3>What if I'm looking for a specific type of car seat bases?</h3>
                <p>Our top 10 list covers the most popular and highly-rated options. If you have specific requirements, check our detailed product descriptions and pros/cons to find the best match for your needs.</p>
            </div>
        </section>
    </div>

<script>
// Mobile breadcrumb truncation
function truncateBreadcrumb() {
    const breadcrumbList = document.getElementById('breadcrumb-list');
    if (!breadcrumbList) return;
    
    const items = breadcrumbList.querySelectorAll('.breadcrumb-item');
    if (items.length <= 2) return; // Keep Home and current page
    
    const container = breadcrumbList.parentElement;
    const containerWidth = container.offsetWidth;
    
    // Check if breadcrumb overflows
    if (breadcrumbList.scrollWidth > containerWidth) {
        // Remove middle items (keep first and last)
        for (let i = 1; i < items.length - 1; i++) {
            items[i].style.display = 'none';
            
            // Check if it fits now
            if (breadcrumbList.scrollWidth <= containerWidth) {
                break;
            }
        }
        
        // Add ellipsis if we removed items
        if (items.length > 2) {
            const ellipsisItem = document.createElement('li');
            ellipsisItem.className = 'breadcrumb-item';
            ellipsisItem.innerHTML = '<span class="breadcrumb-separator">&gt;</span><span class="breadcrumb-ellipsis">...</span>';
            
            // Insert ellipsis before the last item
            const lastItem = items[items.length - 1];
            breadcrumbList.insertBefore(ellipsisItem, lastItem);
        }
    }
}

// Run on page load and resize
document.addEventListener('DOMContentLoaded', truncateBreadcrumb);
window.addEventListener('resize', truncateBreadcrumb);
</script>


<div id="imageModal" class="image-modal" onclick="closeImageModal(event)">
    <span class="image-modal-close" onclick="closeImageModal(event)">&times;</span>
    <img class="image-modal-content" id="modalImage" alt="">
    <div class="image-modal-caption" id="imageCaption"></div>
</div>

<div id="priceHistoryModal" class="price-history-modal" onclick="if(event.target === this) closePriceHistoryModal();">
    <div class="price-history-modal-content">
        <button class="price-history-modal-close" onclick="closePriceHistoryModal()" aria-label="Close">&times;</button>
        
        <div class="price-history-modal-header">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                <path d="M21 8c-1.45 0-2.26 1.44-1.93 2.51l-3.55 3.56c-.3-.09-.74-.09-1.04 0l-2.55-2.55C12.27 10.45 11.46 9 10 9c-1.45 0-2.27 1.44-1.93 2.52l-4.56 4.55C2.44 15.74 1 16.55 1 18c0 1.1.9 2 2 2 1.45 0 2.26-1.44 1.93-2.51l4.55-4.56c.3.09.74.09 1.04 0l2.55 2.55C12.73 16.55 13.54 18 15 18c1.45 0 2.27-1.44 1.93-2.52l3.56-3.55C21.56 12.26 23 11.45 23 10c0-1.1-.9-2-2-2z"/>
            </svg>
            <h2 id="priceHistoryModalTitle">Price History</h2>
        </div>
        
        <div id="priceHistoryModalBody" class="price-history-modal-body">
            <div class="price-history-loading">
                <div class="spinner"></div>
                <p>Loading price history...</p>
            </div>
        </div>
    </div>
</div>


<script>
// Open image modal
function openImageModal(imgElement) {
    const modal = document.getElementById('imageModal');
    const modalImg = document.getElementById('modalImage');
    const caption = document.getElementById('imageCaption');
    
    modal.style.display = 'block';
    modalImg.src = imgElement.src;
    caption.textContent = imgElement.alt;
    
    // Prevent body scroll when modal is open
    document.body.style.overflow = 'hidden';
}

// Close image modal
function closeImageModal(event) {
    const modal = document.getElementById('imageModal');
    
    // Close if clicking on the modal background or close button
    if (event.target === modal || event.target.classList.contains('image-modal-close')) {
        modal.style.display = 'none';
        document.body.style.overflow = '';
    }
}

// Close modal on Escape key
document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        const modal = document.getElementById('imageModal');
        if (modal.style.display === 'block') {
            modal.style.display = 'none';
            document.body.style.overflow = '';
        }
    }
});

// Add click handlers to all product images
document.addEventListener('DOMContentLoaded', function() {
    const productImages = document.querySelectorAll('.product-image');
    productImages.forEach(function(img) {
        img.parentElement.addEventListener('click', function(e) {
            e.preventDefault();
            openImageModal(img);
        });
    });
});

// Price History Modal Functions
function openPriceHistoryModal(productId, productName) {
    const modal = document.getElementById('priceHistoryModal');
    const modalTitle = document.getElementById('priceHistoryModalTitle');
    const modalBody = document.getElementById('priceHistoryModalBody');
    
    // Set title
    modalTitle.textContent = 'Price History: ' + productName;
    
    // Show loading state
    modalBody.innerHTML = '<div class="price-history-loading"><div class="spinner"></div><p>Loading price history...</p></div>';
    
    // Show modal
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';
    
    // Load Chart.js first (if not already loaded), then fetch price history data
    loadChartJs()
        .then(() => {
            // Chart.js is loaded, now fetch price history data
            return fetch('/_ajax/get_price_history.cfm?productId=' + productId);
        })
        .then(response => response.json())
        .then(data => {
            // Handle both lowercase and uppercase keys (ColdFusion may return either)
            const success = data.success || data.SUCCESS;
            const history = data.history || data.HISTORY;
            const stats = data.stats || data.STATS;
            const message = data.message || data.MESSAGE;
            
            if (success) {
                renderPriceHistory(history, stats);
            } else {
                modalBody.innerHTML = '<div class="price-history-loading"><p style="color: #dc2626;">Error loading price history: ' + (message || 'Unknown error') + '</p></div>';
            }
        })
        .catch(error => {
            console.error('Error loading price history:', error);
            modalBody.innerHTML = '<div class="price-history-loading"><p style="color: #dc2626;">Error loading price history. Please try again.</p></div>';
        });
}

function closePriceHistoryModal() {
    const modal = document.getElementById('priceHistoryModal');
    modal.classList.remove('show');
    document.body.style.overflow = '';
}

let priceChartInstance = null; // Store chart instance globally
let chartJsLoaded = false; // Track if Chart.js is loaded
let chartJsLoading = false; // Track if Chart.js is currently loading

// Load Chart.js dynamically on demand
function loadChartJs() {
    return new Promise((resolve, reject) => {
        // If already loaded, resolve immediately
        if (chartJsLoaded && typeof Chart !== 'undefined') {
            resolve();
            return;
        }
        
        // If currently loading, wait for it
        if (chartJsLoading) {
            const checkInterval = setInterval(() => {
                if (chartJsLoaded && typeof Chart !== 'undefined') {
                    clearInterval(checkInterval);
                    resolve();
                }
            }, 100);
            return;
        }
        
        // Start loading
        chartJsLoading = true;
        
        // Check if script already exists in DOM
        const existingScript = document.querySelector('script[src*="chart.js"]');
        if (existingScript) {
            // Script tag exists, wait for it to load
            existingScript.onload = () => {
                chartJsLoaded = true;
                chartJsLoading = false;
                resolve();
            };
            existingScript.onerror = () => {
                chartJsLoading = false;
                reject(new Error('Failed to load Chart.js'));
            };
            return;
        }
        
        // Create and load script
        const script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js';
        script.async = true;
        script.onload = () => {
            chartJsLoaded = true;
            chartJsLoading = false;
            resolve();
        };
        script.onerror = () => {
            chartJsLoading = false;
            reject(new Error('Failed to load Chart.js'));
        };
        document.head.appendChild(script);
    });
}

function renderPriceHistory(history, stats) {
    const modalBody = document.getElementById('priceHistoryModalBody');
    
    // Find dates for lowest and highest prices
    let lowestDate = '';
    let highestDate = '';
    history.forEach(item => {
        if (item.price === stats.lowest) lowestDate = item.date;
        if (item.price === stats.highest) highestDate = item.date;
    });
    
    // Render chart canvas and stats
    let html = '<div class="price-history-chart">';
    html += '<div class="price-line-graph">';
    html += '<canvas id="priceHistoryChart"></canvas>';
    html += '</div>';
    
    // Add stats section
    html += '<div class="price-history-stats">';
    html += '<div class="price-history-stat"><div class="price-history-stat-label">Current Price</div><div class="price-history-stat-value">$' + stats.current.toFixed(2) + '</div><div class="price-history-stat-date"><span class="today-badge">Today</span></div></div>';
    html += '<div class="price-history-stat"><div class="price-history-stat-label">Lowest Price</div><div class="price-history-stat-value">$' + stats.lowest.toFixed(2) + '</div><div class="price-history-stat-date">' + formatDate(lowestDate) + '</div></div>';
    html += '<div class="price-history-stat"><div class="price-history-stat-label">Highest Price</div><div class="price-history-stat-value">$' + stats.highest.toFixed(2) + '</div><div class="price-history-stat-date">' + formatDate(highestDate) + '</div></div>';
    html += '<div class="price-history-stat"><div class="price-history-stat-label">Average Price</div><div class="price-history-stat-value">$' + stats.average.toFixed(2) + '</div><div class="price-history-stat-date">All time</div></div>';
    html += '</div>';
    
    html += '</div>';
    
    modalBody.innerHTML = html;
    
    // Destroy previous chart instance if exists
    if (priceChartInstance) {
        priceChartInstance.destroy();
    }
    
    // Render Chart.js graph
    renderChartJsGraph(history, stats);
}

function renderChartJsGraph(history, stats) {
    const ctx = document.getElementById('priceHistoryChart');
    if (!ctx) return;
    
    // Prepare data (oldest to newest)
    const reversedHistory = [...history].reverse();
    const labels = reversedHistory.map((item, index) => {
        // Show "TODAY" for the last data point
        if (index === reversedHistory.length - 1) {
            return 'TODAY';
        }
        return formatDateShort(item.date || item.DATE);
    });
    const prices = reversedHistory.map(item => item.price || item.PRICE);
    
    // Create gradient for area fill
    const canvas = ctx.getContext('2d');
    const gradient = canvas.createLinearGradient(0, 0, 0, 400);
    gradient.addColorStop(0, 'rgba(59, 130, 246, 0.3)');
    gradient.addColorStop(1, 'rgba(59, 130, 246, 0.05)');
    
    // Create chart
    priceChartInstance = new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: 'Price',
                data: prices,
                borderColor: '#3b82f6',
                backgroundColor: gradient,
                borderWidth: 3,
                fill: true,
                tension: 0.1,
                pointRadius: 6,
                pointHoverRadius: 8,
                pointBackgroundColor: '#3b82f6',
                pointBorderColor: '#ffffff',
                pointBorderWidth: 2,
                pointHoverBackgroundColor: '#2563eb',
                pointHoverBorderColor: '#ffffff',
                pointHoverBorderWidth: 3
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            interaction: {
                intersect: false,
                mode: 'index'
            },
            plugins: {
                legend: {
                    display: false
                },
                tooltip: {
                    backgroundColor: 'rgba(0, 0, 0, 0.8)',
                    titleColor: '#ffffff',
                    bodyColor: '#ffffff',
                    titleFont: {
                        size: 14,
                        weight: 'bold'
                    },
                    bodyFont: {
                        size: 16,
                        weight: 'bold'
                    },
                    padding: 12,
                    cornerRadius: 8,
                    displayColors: false,
                    callbacks: {
                        label: function(context) {
                            return '$' + context.parsed.y.toFixed(2);
                        }
                    }
                }
            },
            scales: {
                x: {
                    grid: {
                        display: false
                    },
                    ticks: {
                        color: '#1f2937',
                        font: {
                            size: 14,
                            weight: 'bold'
                        }
                    }
                },
                y: {
                    beginAtZero: false,
                    grid: {
                        color: '#e5e7eb',
                        lineWidth: 1
                    },
                    ticks: {
                        color: '#1f2937',
                        font: {
                            size: 14,
                            weight: 'bold'
                        },
                        callback: function(value) {
                            return '$' + value.toFixed(0);
                        },
                        padding: 10
                    }
                }
            }
        }
    });
}

function renderLineGraph(history, stats) {
    const reversedHistory = [...history].reverse(); // Oldest to newest
    const minPrice = stats.lowest * 0.95; // Add 5% padding below
    const maxPrice = stats.highest * 1.05; // Add 5% padding above
    const priceRange = maxPrice - minPrice;
    
    const graphWidth = 90; // Leave 10% for Y-axis labels
    const graphHeight = 240; // pixels
    const graphOffsetX = 10; // Space for Y-axis labels
    const pointSpacing = graphWidth / (reversedHistory.length - 1);
    
    // Build SVG path
    let pathData = '';
    let points = [];
    
    reversedHistory.forEach((item, index) => {
        const x = graphOffsetX + (index * pointSpacing);
        const y = graphHeight - ((item.price - minPrice) / priceRange * graphHeight);
        points.push({x, y, price: item.price, date: item.date});
        
        if (index === 0) {
            pathData += 'M ' + x + ' ' + y;
        } else {
            pathData += ' L ' + x + ' ' + y;
        }
    });
    
    let html = '<svg class="price-graph-svg" viewBox="0 0 100 ' + (graphHeight + 30) + '" preserveAspectRatio="xMidYMid meet">';
    
    // Grid lines and Y-axis price labels
    for (let i = 0; i <= 4; i++) {
        const y = (graphHeight / 4) * i;
        const price = maxPrice - (priceRange / 4 * i);
        html += '<line x1="' + graphOffsetX + '" y1="' + y + '" x2="100" y2="' + y + '" stroke="#e5e7eb" stroke-width="0.5" vector-effect="non-scaling-stroke"/>';
        html += '<text x="1" y="' + (y + 1.2) + '" font-size="4" fill="#1f2937" font-weight="700">$' + price.toFixed(0) + '</text>';
    }
    
    // Area under the line (gradient fill)
    html += '<defs><linearGradient id="priceGradient" x1="0%" y1="0%" x2="0%" y2="100%">';
    html += '<stop offset="0%" style="stop-color:#3b82f6;stop-opacity:0.3" />';
    html += '<stop offset="100%" style="stop-color:#3b82f6;stop-opacity:0.05" />';
    html += '</linearGradient></defs>';
    html += '<path d="' + pathData + ' L 100 ' + graphHeight + ' L ' + graphOffsetX + ' ' + graphHeight + ' Z" fill="url(#priceGradient)" />';
    
    // Line
    html += '<path d="' + pathData + '" fill="none" stroke="#3b82f6" stroke-width="1.5" vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round"/>';
    
    // Points with date labels
    points.forEach((point, index) => {
        html += '<circle cx="' + point.x + '" cy="' + point.y + '" r="2.5" fill="#3b82f6" stroke="white" stroke-width="1" vector-effect="non-scaling-stroke">';
        html += '<title>$' + point.price.toFixed(2) + ' on ' + formatDate(point.date) + '</title>';
        html += '</circle>';
        
        // Add date label below each point - show "TODAY" for the last point
        const labelY = graphHeight + 10;
        const isLastPoint = (index === points.length - 1);
        
        if (isLastPoint) {
            // Add a green badge for "TODAY"
            const badgeWidth = 10;
            const badgeX = point.x - (badgeWidth / 2);
            const badgeY = labelY - 3;
            html += '<rect x="' + badgeX + '" y="' + badgeY + '" width="' + badgeWidth + '" height="3.5" rx="1.75" fill="#10b981"/>';
            html += '<text x="' + point.x + '" y="' + (labelY + 1.2) + '" font-size="2" fill="white" text-anchor="middle" font-weight="700">TODAY</text>';
        } else {
            const shortDate = formatDateShort(point.date);
            html += '<text x="' + point.x + '" y="' + labelY + '" font-size="3.5" fill="#1f2937" text-anchor="middle" font-weight="700">' + shortDate + '</text>';
        }
    });
    
    html += '</svg>';
    
    return html;
}

function formatDateShort(dateStr) {
    const date = new Date(dateStr);
    const month = date.toLocaleDateString('en-US', { month: 'short' });
    const day = date.getDate();
    return month + ' ' + day;
}

function formatDate(dateStr) {
    const date = new Date(dateStr);
    const options = { year: 'numeric', month: 'short', day: 'numeric' };
    return date.toLocaleDateString('en-US', options);
}

// Update escape key handler to close price history modal too
document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        closePriceHistoryModal();
    }
});
</script>

<script>
// Mobile subtitle read more/less functionality (exposed globally for inline onclick)
window.toggleSubtitle = function() {
    const subtitleText = document.getElementById('subtitle-text');
    const readMoreDiv = document.getElementById('subtitle-read-more');
    const readMoreLink = readMoreDiv.querySelector('.read-more-link');
    
    if (subtitleText.classList.contains('expanded')) {
        // Collapse back to 2 lines
        subtitleText.classList.remove('expanded');
        readMoreLink.textContent = 'Read more';
    } else {
        // Expand to full text
        subtitleText.classList.add('expanded');
        readMoreLink.textContent = 'Read less';
    }
}

// Flag to prevent multiple simultaneous executions
let isCheckingTruncation = false;

// Shared function to check and apply subtitle truncation
function checkAndApplyTruncation() {
    // Only manage truncation on mobile widths
    if (window.innerWidth > 768) {
        const st = document.getElementById('subtitle-text');
        const rm = document.getElementById('subtitle-read-more');
        if (st && rm) { st.classList.remove('expanded'); rm.style.display = 'none'; }
        return;
    }
    if (isCheckingTruncation) return;
    isCheckingTruncation = true;

    const subtitleText = document.getElementById('subtitle-text');
    const readMoreDiv = document.getElementById('subtitle-read-more');
    if (!subtitleText || !readMoreDiv) { isCheckingTruncation = false; return; }

    // Default: mobile shows clamp by CSS; hide button by default until needed
    subtitleText.classList.remove('expanded');
    readMoreDiv.style.display = 'none';

    // Helper to get reliable line-height
    const computeLineHeight = () => {
        const cs = window.getComputedStyle(subtitleText);
        let lh = parseFloat(cs.lineHeight);
        if (!lh || isNaN(lh) || cs.lineHeight === 'normal') {
            const fs = parseFloat(cs.fontSize) || 16;
            lh = fs * 1.4; // fallback ratio
        }
        return lh;
    };

    // Measure after layout stabilizes
    requestAnimationFrame(() => {
        requestAnimationFrame(() => {
            let shouldTruncate = false;

            const lineHeight = computeLineHeight();
            const maxLines = 2;
            const maxHeight = lineHeight * maxLines + 1; // buffer px

            const actualHeight = subtitleText.offsetHeight;
            if (actualHeight > maxHeight + 0.5) shouldTruncate = true;

            // Fallback by character count if heights look equal
            const textLength = subtitleText.textContent.trim().length;
            if (textLength > 100) shouldTruncate = true; // hard rule for consistency

            // Final fallback: scroll vs client
            if (!shouldTruncate && subtitleText.scrollHeight > subtitleText.clientHeight) shouldTruncate = true;

            // On mobile we clamp by default; always show the button when text is non-trivially long
            const minimalLengthForButton = 60;
            if (textLength > minimalLengthForButton) {
                readMoreDiv.style.display = 'block';
            } else {
                readMoreDiv.style.display = shouldTruncate ? 'block' : 'none';
            }

            isCheckingTruncation = false;
        });
    });
}

// Initialize mobile subtitle truncation on page load
// Run truncation as early and as reliably as possible on mobile
function initSubtitleTruncation() {
    if (window.innerWidth <= 768) {
        // Queue multiple passes to avoid race conditions with layout/fonts
        setTimeout(checkAndApplyTruncation, 0);
        setTimeout(checkAndApplyTruncation, 150);
        setTimeout(checkAndApplyTruncation, 300);
    }
}

if (document.readyState === 'complete' || document.readyState === 'interactive') {
    initSubtitleTruncation();
} else {
    document.addEventListener('DOMContentLoaded', initSubtitleTruncation);
}
window.addEventListener('load', initSubtitleTruncation);

// Debounce timer for resize events
let resizeTimeout;
let lastWidth = window.innerWidth;

// Handle window resize to show/hide read more based on screen size
window.addEventListener('resize', function() {
    // Ignore resize events that are only height changes (iOS browser bar)
    // Only respond to actual width changes
    const currentWidth = window.innerWidth;
    if (currentWidth === lastWidth) {
        return; // Height-only change, ignore
    }
    lastWidth = currentWidth;
    
    // Clear existing timeout
    if (resizeTimeout) {
        clearTimeout(resizeTimeout);
    }
    
    // Debounce resize events
    resizeTimeout = setTimeout(() => {
        if (window.innerWidth <= 768) {
            // Mobile - check if truncation is needed, but preserve expanded state
            const subtitleText = document.getElementById('subtitle-text');
            const wasExpanded = subtitleText && subtitleText.classList.contains('expanded');
            
            checkAndApplyTruncation();
            
            // Restore expanded state if it was expanded
            if (wasExpanded && subtitleText) {
                subtitleText.classList.add('expanded');
                const readMoreLink = document.querySelector('.read-more-link');
                if (readMoreLink) {
                    readMoreLink.textContent = 'Read less';
                }
            }
        } else {
            // Desktop - show full text
            const subtitleText = document.getElementById('subtitle-text');
            const readMoreDiv = document.getElementById('subtitle-read-more');
            
            if (subtitleText && readMoreDiv) {
                subtitleText.classList.remove('expanded');
                readMoreDiv.style.display = 'none';
            }
        }
    }, 150); // Debounce delay
});
</script>

<script>
// Sorting functionality (client-side reorder)
document.addEventListener('DOMContentLoaded', function(){
  var select = document.getElementById('sortSelect');
  var mobileBtn = document.getElementById('sortTriggerMobile');
  var list = document.querySelector('.modern-product-list');
  if(!list) return;

  function getCardData(card){
    var priceEl = card.querySelector('.product-price-container .price-value');
    var price = priceEl ? parseFloat(priceEl.textContent.replace(/[^0-9.]/g,'')) : Infinity;
    var ratingEl = card.querySelector('.rating-row .stars');
    var aria = ratingEl ? (ratingEl.getAttribute('aria-label') || '') : '';
    var match = aria.match(/([0-9.]+)/);
    var rating = match ? parseFloat(match[1]) : 0;
    var reviewsEl = card.querySelector('.rating-row .reviews-count');
    var reviews = reviewsEl ? parseInt(reviewsEl.textContent.replace(/[^0-9]/g,'')) : 0;
    var position = parseInt(card.getAttribute('data-product')) || 9999;
    
    // Check for award badges
    var isBestOverall = card.querySelector('.award-best-overall') ? 1 : 0;
    var isBestValue = card.querySelector('.award-best-value') ? 1 : 0;
    var isHighestRated = card.querySelector('.award-highest-rated') ? 1 : 0;
    
    return { 
      price: price, 
      rating: rating, 
      reviews: reviews, 
      position: position,
      isBestOverall: isBestOverall,
      isBestValue: isBestValue,
      isHighestRated: isHighestRated
    };
  }

  function sortCards(mode){
    var cards = Array.prototype.slice.call(list.querySelectorAll('.product-card'));
    var scored = cards.map(function(c){ var d = getCardData(c); d.card = c; return d; });
    
    if(mode === 'price'){
      scored.sort(function(a,b){ return a.price - b.price; });
    } else if(mode === 'rating'){
      // Prioritize "Highest Rated" award winner first, then sort by rating
      scored.sort(function(a,b){ 
        if(a.isHighestRated !== b.isHighestRated) return b.isHighestRated - a.isHighestRated;
        return (b.rating - a.rating) || (b.reviews - a.reviews); 
      });
    } else if(mode === 'reviews'){
      scored.sort(function(a,b){ return b.reviews - a.reviews; });
    } else if(mode === 'value'){
      scored.forEach(function(s){ s.value = (s.rating||0) / (s.price || Infinity); });
      // Prioritize "Best Value" award winner first, then sort by value
      scored.sort(function(a,b){ 
        if(a.isBestValue !== b.isBestValue) return b.isBestValue - a.isBestValue;
        return (b.value - a.value) || (b.rating - a.rating); 
      });
    } else {
      // best (original order by rank)
      // IMPORTANT: don't let award badges override the server ranking.
      scored.sort(function(a,b){ return a.position - b.position; });
    }
    
    // Re-append in new order and update rank numbers
    scored.forEach(function(s, idx){
      list.appendChild(s.card);
      var rankEl = s.card.querySelector('.rank-number');
      if (rankEl) { rankEl.textContent = (idx + 1); }
    });
    
    // Update mobile tab text based on sort mode
    var mobileTabText = document.getElementById('mobile-tab-text');
    if (mobileTabText) {
      var textMap = {
        'best': 'Top',
        'value': 'Best Value',
        'price': 'Lowest Price',
        'rating': 'Highest Rated',
        'reviews': 'Most Reviewed'
      };
      mobileTabText.textContent = textMap[mode] || 'Top';
    }
    
    // Switch back to products tab when sorting
    if (typeof switchTab === 'function') {
      switchTab('products');
    } else {
      // Fallback: manually switch to products tab
      const tabContents = document.querySelectorAll('.tab-content');
      tabContents.forEach(content => {
        content.classList.remove('active');
      });
      const tabButtons = document.querySelectorAll('.tab-button');
      tabButtons.forEach(button => {
        button.classList.remove('active');
      });
      const productsContent = document.getElementById('products-content');
      const productsTab = document.getElementById('products-tab');
      if (productsContent) {
        productsContent.classList.add('active');
      }
      if (productsTab) {
        productsTab.classList.add('active');
      }
    }
    
    // Scroll to bottom of subtitle section after sorting
    setTimeout(function() {
      const subtitleContainer = document.querySelector('.category-subtitle-container');
      if (subtitleContainer) {
        const subtitleRect = subtitleContainer.getBoundingClientRect();
        const subtitleBottom = subtitleRect.bottom + window.scrollY;
        window.scrollTo({
          top: subtitleBottom,
          behavior: 'smooth'
        });
      } else {
        // Fallback: scroll to top of page
        window.scrollTo({
          top: 0,
          behavior: 'smooth'
        });
      }
    }, 200);
  }
  // Expose a global helper so inline buttons can call it
  window.sortBy = function(mode){
    sortCards(mode);
    // close modal if open
    var modalRef = document.getElementById('sortModal');
    if (modalRef) { modalRef.setAttribute('aria-hidden','true'); document.body.style.overflow=''; }
    // sync desktop select
    var selectRef = document.getElementById('sortSelect');
    if (selectRef) { selectRef.value = mode; }
  };

  // iPhone-compatible sort handler
  window.handleSortClick = function(mode) {
    try {
      // Ensure the function is available
      if (typeof sortCards === 'function') {
        sortCards(mode);
      } else {
        console.error('sortCards function not available');
        return;
      }
      
      // Close modal
      var modalRef = document.getElementById('sortModal');
      if (modalRef) {
        modalRef.style.display = 'none';
        modalRef.setAttribute('aria-hidden','true');
        document.body.style.overflow = '';
      }
      
      // Sync desktop select
      var selectRef = document.getElementById('sortSelect');
      if (selectRef) { 
        selectRef.value = mode; 
      }
    } catch (error) {
      console.error('Error in handleSortClick:', error);
    }
  };

  if(select){ select.addEventListener('change', function(){ sortCards(select.value); }); }
  
  // Event delegation for sort options (works for both desktop and mobile)
  function handleSortOptionClick(e) {
    if (e.target.classList.contains('sort-option')) {
      e.preventDefault();
      e.stopPropagation();
      var sortMode = e.target.getAttribute('data-sort');
      if (sortMode) {
        // Sort the products
        if (typeof sortCards === 'function') {
          sortCards(sortMode);
        }
        
        // Close modal
        var modalRef = document.getElementById('sortModal');
        if (modalRef) {
          modalRef.style.display = 'none';
          modalRef.setAttribute('aria-hidden','true');
          document.body.style.overflow = '';
          document.body.classList.remove('modal-open');
        }
        
        // Sync desktop select
        var selectRef = document.getElementById('sortSelect');
        if (selectRef) { 
          selectRef.value = sortMode; 
        }
      }
    }
  }
  
  // Add both click and touch events for iPhone compatibility
  document.addEventListener('click', handleSortOptionClick);
  document.addEventListener('touchend', handleSortOptionClick);
  // Mobile modal
  var modal = document.getElementById('sortModal');
  var backdrop = document.getElementById('sortModalBackdrop');
  var closeBtn = document.getElementById('sortModalClose');
  var mobileBtn = document.getElementById('sortTriggerMobile');
  
  function openModal(){ 
    if(modal){ 
      modal.style.cssText = 'position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: block !important; z-index: 999999 !important; background: rgba(0,0,0,0.5) !important;';
      modal.setAttribute('aria-hidden','false');
      
      // Show the panel
      var panel = modal.querySelector('.sort-modal-panel');
      if (panel) {
        panel.style.cssText = 'position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 90% !important; max-width: 400px !important; background: white !important; border-radius: 16px !important; z-index: 1000000 !important;';
      }
      
      document.body.style.overflow='hidden';
      document.body.classList.add('modal-open');
    }
  }
  
  function closeModal(){ 
    if(modal){ 
      modal.style.display = 'none';
      modal.setAttribute('aria-hidden','true'); 
      document.body.style.overflow='';
      document.body.classList.remove('modal-open');
    }
  }
  
  // Visual feedback for sort options on touch
  document.addEventListener('touchstart', function(e) {
    if (e.target.classList.contains('sort-option')) {
      e.target.style.backgroundColor = "#e5e7eb";
    }
  });
  
  document.addEventListener('touchend', function(e) {
    if (e.target.classList.contains('sort-option')) {
      e.target.style.backgroundColor = "#f9fafb";
    }
  });
  
});
</script>

<script>
function toggleDetails(productId) {
    const detailsElement = document.getElementById('details-' + productId);
    const button = document.querySelector(`[onclick="toggleDetails(${productId})"]`);
    const btnText = button.querySelector('.btn-text');
    const btnIcon = button.querySelector('svg');
    
    if (detailsElement.style.display === 'none' || detailsElement.style.display === '') {
        detailsElement.style.display = 'block';
        btnText.textContent = 'Less Details';
        btnIcon.style.transform = 'rotate(180deg)';
        button.classList.add('expanded');
    } else {
        detailsElement.style.display = 'none';
        btnText.textContent = 'More Details';
        btnIcon.style.transform = 'rotate(0deg)';
        button.classList.remove('expanded');
    }
}

// Voting System
document.addEventListener('DOMContentLoaded', function() {
    // Check for existing votes from localStorage
    const userVotes = JSON.parse(localStorage.getItem('productVotes') || '{}');
    
    // Apply existing vote states
    Object.keys(userVotes).forEach(productId => {
        const voteType = userVotes[productId];
        const card = document.querySelector(`[data-product-id="${productId}"]`);
        if (card) {
            if (voteType === 1) {
                const upvoteBtn = card.querySelector('.upvote-btn');
                if (upvoteBtn) upvoteBtn.classList.add('voted');
            } else if (voteType === -1) {
                const downvoteBtn = card.querySelector('.downvote-btn');
                if (downvoteBtn) downvoteBtn.classList.add('voted');
            }
        }
    });
    
    // Add click handlers to vote buttons
    document.querySelectorAll('.vote-btn').forEach(button => {
        button.addEventListener('click', function(e) {
            e.preventDefault();
            e.stopPropagation();
            
            const productId = this.getAttribute('data-product-id');
            const voteType = this.getAttribute('data-vote-type');
            const card = this.closest('.product-card');
            
            // Check if already voted
            if (userVotes[productId]) {
                alert('You have already voted on this product today. Come back tomorrow to vote again!');
                return;
            }
            
            // Disable all vote buttons for this product
            const allBtns = card.querySelectorAll('.vote-btn');
            allBtns.forEach(btn => btn.disabled = true);
            
            // Make API call - construct URL based on current location
            const voteUrl = window.location.pathname.includes('/AI_Sandbox/WhatAreTheBest/') 
                ? '/AI_Sandbox/WhatAreTheBest/vote.cfm' 
                : '/vote.cfm';
            fetch(`${voteUrl}?productId=${productId}&voteType=${voteType}`)
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        // Mark button as voted with proper styling
                        this.classList.add('voted');
                        
                        // Force a reflow to ensure styles are applied
                        void this.offsetWidth;
                        
                        // Update vote counts (add fake votes to real votes for display)
                        const upvoteCountEl = card.querySelector('.upvote-count');
                        const downvoteCountEl = card.querySelector('.downvote-count');
                        if (upvoteCountEl) {
                            const fakeUpVotes = parseInt(upvoteCountEl.getAttribute('data-fake-votes')) || 0;
                            upvoteCountEl.textContent = (data.upvotes || 0) + fakeUpVotes;
                        }
                        if (downvoteCountEl) {
                            const fakeDownVotes = parseInt(downvoteCountEl.getAttribute('data-fake-votes')) || 0;
                            downvoteCountEl.textContent = (data.downvotes || 0) + fakeDownVotes;
                        }
                        
                        // Store vote in localStorage
                        userVotes[productId] = data.userVote;
                        localStorage.setItem('productVotes', JSON.stringify(userVotes));
                    } else {
                        alert(data.message);
                        // Re-enable buttons on error
                        allBtns.forEach(btn => btn.disabled = false);
                    }
                })
                .catch(error => {
                    console.error('Vote error:', error);
                    alert('Failed to record vote. Please try again.');
                    // Re-enable buttons on error
                    allBtns.forEach(btn => btn.disabled = false);
                });
        });
    });
    
    // Clear votes at midnight
    const now = new Date();
    const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
    const msUntilMidnight = tomorrow - now;
    
    setTimeout(function() {
        localStorage.removeItem('productVotes');
        location.reload(); // Reload to reset UI
    }, msUntilMidnight);
});
</script>


<div id="awardModal" class="award-modal" onclick="if(event.target === this) closeAwardModal();">
    <div class="award-modal-content">
        <button class="award-modal-close" onclick="closeAwardModal()" aria-label="Close">&times;</button>
        
        <div class="award-modal-header">
            <div id="awardModalIcon" class="award-modal-icon">
                <!-- SVG will be inserted here -->
            </div>
            <h2 id="awardModalTitle" class="award-modal-title"></h2>
        </div>
        
        <div class="award-modal-body">
            <div class="award-description">
                <h4>What This Award Means</h4>
                <p id="awardDescriptionText"></p>
            </div>
        </div>
    </div>
</div>

<script>
// Award Modal Functionality
function openAwardModal(element, event) {
    event.preventDefault();
    event.stopPropagation();
    
    const awardType = element.getAttribute('data-award-type');
    const productId = element.getAttribute('data-product-id');
    const badgeName = element.getAttribute('data-badge-name');
    
    // Award configurations
    const awardConfig = {
        'best-overall': {
            title: 'Best Overall',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
            iconClass: 'best-overall',
            description: 'This product earned the Best Overall award for achieving the highest quality score in its category. It represents the perfect balance of performance, features, user satisfaction, and value. Our expert curator selected this product as the top recommendation based on comprehensive analysis of ratings, reviews, and real-world testing.'
        },
        'best-value': {
            title: 'Best Value',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>',
            iconClass: 'best-value',
            description: 'This product earned the Best Value award for offering the optimal combination of quality and affordability. It delivers exceptional performance relative to its price point, making it the smartest purchase for budget-conscious shoppers who refuse to compromise on quality. Our curator evaluated price-to-performance ratio, long-term value, and overall cost-effectiveness.'
        },
        'highest-rated': {
            title: 'Highest Rated',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>',
            iconClass: 'highest-rated',
            description: 'This product earned the Highest Rated award for receiving the most positive customer reviews and highest average rating from verified users. Real customers have consistently praised its performance, reliability, and quality. Our curator verified that this product has the strongest track record of customer satisfaction in its category.'
        },
        'best-features': {
            title: badgeName || 'Best Features',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
            iconClass: 'best-features',
            description: 'This product earned recognition for outstanding features and innovation. It demonstrates exceptional design, advanced functionality, or superior capabilities that set it apart in its category. Our scoring system identified this product as having features that exceed industry standards and customer expectations.'
        },
        'best-value-badge': {
            title: badgeName || 'Best Budget Pick',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>',
            iconClass: 'best-value-badge',
            description: 'This product earned recognition for exceptional value, offering outstanding quality at an affordable price point. It provides the best price-to-performance ratio in its category, making it an excellent choice for budget-conscious shoppers who want quality without compromise.'
        },
        'best-reliability': {
            title: badgeName || 'Best Reliability',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>',
            iconClass: 'best-reliability',
            description: 'This product earned recognition for exceptional reliability and customer satisfaction. It consistently delivers on its promises, with minimal issues, excellent build quality, and strong long-term performance. Our scoring system identified this product as having the highest satisfaction and reliability scores in its category.'
        },
        'most-popular': {
            title: badgeName || 'Most Popular Choice',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/></svg>',
            iconClass: 'most-popular',
            description: 'This product earned recognition as a popular choice, showing strong market presence and customer interest. It\'s among the most sought-after products in its category, with high popularity scores indicating widespread appeal and positive consumer sentiment.'
        },
        'expert-trusted': {
            title: badgeName || 'Expert Trusted',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>',
            iconClass: 'expert-trusted',
            description: 'This product earned recognition from expert curators and editors for its exceptional quality and performance. It has been thoroughly evaluated and recommended by our expert team based on rigorous testing, analysis, and industry knowledge.'
        },
        'best-availability': {
            title: badgeName || 'Best Availability',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>',
            iconClass: 'best-availability',
            description: 'This product earned recognition for excellent availability and merchant coverage. It\'s easily accessible through multiple reputable retailers, ensuring customers can find and purchase it reliably without long wait times or stock issues.'
        },
        'highly-recommended': {
            title: badgeName || 'Highly Recommended',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
            iconClass: 'highly-recommended',
            description: 'This product earned recognition for exceptional overall quality and high confidence scores. Our comprehensive scoring system identified this product as highly recommended based on multiple factors including performance, value, reliability, and customer satisfaction.'
        },
        'general': {
            title: badgeName || 'Award Winner',
            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
            iconClass: 'general',
            description: 'This product earned recognition for outstanding performance in its category. Our scoring system identified strengths across multiple dimensions, making it a top recommendation for customers.'
        },
        'dynamic': {
            title: badgeName || element.getAttribute('data-badge-name') || 'Award',
            icon: element.getAttribute('data-badge-icon') ? '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>' : '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
            iconClass: 'dynamic-' + (element.getAttribute('data-badge-color') || 'purple'),
            description: element.getAttribute('data-badge-description') || 'This product earned recognition for outstanding features in its category.'
        }
    };
    
    const config = awardConfig[awardType];
    if (!config) return;
    
    // Set modal content
    document.getElementById('awardModalTitle').textContent = config.title;
    
    // For dynamic badges, use the description from the element attribute
    if (awardType === 'dynamic') {
        // Get description from data attribute (handles both uppercase and lowercase JSON keys)
        const dynamicDescription = element.getAttribute('data-badge-description');
        document.getElementById('awardDescriptionText').textContent = dynamicDescription || config.description;
        
        // Set icon based on badge icon attribute
        const badgeIconRaw = element.getAttribute('data-badge-icon');
        const badgeIcon = badgeIconRaw ? badgeIconRaw.replace(/^fa-/, '').toLowerCase() : 'star';
        let iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>';
        
        // Map icon names to SVG paths
        if (badgeIcon === 'fire' || badgeIcon === 'flame') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 16.5c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5-3.5 1.57-3.5 3.5 1.57 3.5 3.5 3.5zm-5.5-3.5c0-1.93-1.57-3.5-3.5-3.5S5.5 11.07 5.5 13s1.57 3.5 3.5 3.5 3.5-1.57 3.5-3.5zm-1 0c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5-1.12-2.5-2.5-2.5-2.5 1.12-2.5 2.5zm9.5-1.5l-2-2-2 2-2-2 2-2 2 2 2-2 2 2z"/></svg>';
        } else if (badgeIcon === 'bolt' || badgeIcon === 'lightning' || badgeIcon === 'zap') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>';
        } else if (badgeIcon === 'house-chimney' || badgeIcon === 'house' || badgeIcon === 'home') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm0 2.84L18 12h-2v6h-2v-6H8v-2h4z"/></svg>';
        } else if (badgeIcon === 'wave-square') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M2 12h2v2H2v-2zm4 0h4v2H6v-2zm8 0h4v2h-4v-2zm6 0h2v2h-2v-2z"/></svg>';
        } else if (badgeIcon === 'wand-magic-sparkles' || badgeIcon === 'sparkles' || badgeIcon === 'magic') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7.5 5.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm9 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-9 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM22 12l-5-5v3h-4v4h4v3l5-5z"/></svg>';
        } else if (badgeIcon === 'volume-xmark' || badgeIcon === 'volume-mute' || badgeIcon === 'volume-off') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38.31 2.63.95 3.69 1.81L19 19.73 20.73 18l-14-14L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>';
        } else if (badgeIcon === 'people-group' || badgeIcon === 'users') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>';
        } else if (badgeIcon === 'droplet' || badgeIcon === 'water') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"/></svg>';
        } else if (badgeIcon === 'fan') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>';
        } else if (badgeIcon === 'bowl-food' || badgeIcon === 'bowl') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>';
        } else if (badgeIcon === 'snowflake') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20.79 13.95l-1.07-.83.46-1.43c.25-.78-.38-1.58-1.19-1.58h-1.42l-.85-1.43c-.25-.42-.7-.7-1.19-.7h-1.42c-.97 0-1.76.79-1.76 1.76v.47l-1.07.83c-.74.58-1.7.58-2.44 0L7.18 9.33v-.47c0-.97-.79-1.76-1.76-1.76H4c-.49 0-.94.28-1.19.7L2 9.11H.58c-.81 0-1.44.8-1.19 1.58l.46 1.43-1.07.83c-.74.58-.74 1.7 0 2.28l1.07.83-.46 1.43c-.25.78.38 1.58 1.19 1.58h1.42l.85 1.43c.25.42.7.7 1.19.7h1.42c.97 0 1.76-.79 1.76-1.76v-.47l1.07-.83c.74-.58 1.7-.58 2.44 0l1.07.83v.47c0 .97.79 1.76 1.76 1.76H14c.49 0 .94-.28 1.19-.7l.85-1.43h1.42c.81 0 1.44-.8 1.19-1.58l-.46-1.43 1.07-.83c.74-.58.74-1.7 0-2.28zM12 8c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4z"/></svg>';
        } else if (badgeIcon === 'down-left-and-up-right-to-center' || badgeIcon === 'arrows-to-center') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9 5v2h2V5H9zm6 0v2h2V5h-2zm-6 12v-2H7v2h2zm8-2v2h-2v-2h2zm-2-4v2H9v-2h6zm-8 4h2v-2H7v2zm12-6h-2v2h2v-2z"/></svg>';
        } else if (badgeIcon === 'wind') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm8 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm8 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>';
        } else if (badgeIcon === 'universal-access' || badgeIcon === 'accessibility') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9zm-1-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg>';
        } else if (badgeIcon === 'border-all') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/></svg>';
        } else if (badgeIcon === 'leaf') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66C7.19 19.14 9.07 18 12 18c3 0 5.81 1.14 7.29 2h.01l1.89-.66C19.9 16.17 17.8 10 17 8zm-5 7c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></svg>';
        } else if (badgeIcon === 'utensils' || badgeIcon === 'cutlery') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8.1 13.34l2.83-2.83L3.91 3c-1.56 1.56-1.56 4.09 0 5.66l5.19 4.68zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12l-1.59 1.59 1.41 1.41 1.59-1.59c1.46-1.46 4.2-1.1 6.12.81 1.59 1.59 2.09 3.74 1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z"/></svg>';
        } else if (badgeIcon === 'broom') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19.36 2.72L20.78 4.14l-4.59 4.59-.36-.36c-.39-.39-1.02-.39-1.41 0l-1.41 1.41c-.39.39-.39 1.02 0 1.41l.36.36-7.07 7.07-1.41-1.41c-.39-.39-1.02-.39-1.41 0l-1.41 1.41c-.39.39-.39 1.02 0 1.41l1.41 1.41-1.41 1.41c-.39.39-.39 1.02 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l1.41-1.41 1.41 1.41c.39.39 1.02.39 1.41 0l1.41-1.41c.39-.39.39-1.02 0-1.41l-1.41-1.41 1.41-1.41c.39-.39.39-1.02 0-1.41l-7.07-7.07 7.07-7.07 1.41 1.41z"/></svg>';
        } else if (badgeIcon === 'shield-alt' || badgeIcon === 'shield') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';
        } else if (badgeIcon === 'brain') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>';
        } else if (badgeIcon === 'compress-arrows-alt' || badgeIcon === 'compress') {
            iconHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M22 16V8c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11.5 0H8v-2.5h2.5V16zm0-4H8V9.5h2.5V12zm4 4h-2.5v-2.5H15V16zm0-4h-2.5V9.5H15V12z"/></svg>';
        }
        document.getElementById('awardModalIcon').innerHTML = iconHTML;
    } else {
        document.getElementById('awardModalIcon').innerHTML = config.icon;
        document.getElementById('awardDescriptionText').textContent = config.description;
    }
    
    document.getElementById('awardModalIcon').className = 'award-modal-icon ' + config.iconClass;
    
    // Show modal
    const modal = document.getElementById('awardModal');
    modal.classList.add('show');
    document.body.style.overflow = 'hidden';
}

function closeAwardModal() {
    const modal = document.getElementById('awardModal');
    modal.classList.remove('show');
    document.body.style.overflow = '';
}

// Close on Escape key
document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        closeAwardModal();
    }
});

// Scroll Animation Observer
(function() {
    const observerOptions = {
        root: null,
        rootMargin: '0px 0px -100px 0px',
        threshold: 0.1
    };

    const observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                entry.target.classList.add('animate');
                // Once animated, stop observing to improve performance
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);

    // Observe product cards to trigger all animations within each card simultaneously
    document.addEventListener('DOMContentLoaded', function() {
        // Observe product cards (main trigger)
        const productCards = document.querySelectorAll('.product-card-animate');
        productCards.forEach(function(card) {
            observer.observe(card);
        });

        // Also observe standalone animated elements (FAQ, similar categories, etc.)
        const standaloneElements = document.querySelectorAll('.faq-section.scroll-animate, .similar-categories.scroll-animate, .similar-categories-desktop-content.scroll-animate');
        standaloneElements.forEach(function(element) {
            observer.observe(element);
        });

        // Animate elements that are already in view on page load
        setTimeout(function() {
            productCards.forEach(function(card) {
                const rect = card.getBoundingClientRect();
                const isInView = rect.top < window.innerHeight && rect.bottom > 0;
                if (isInView) {
                    card.classList.add('animate');
                    observer.unobserve(card);
                }
            });
            
            standaloneElements.forEach(function(element) {
                const rect = element.getBoundingClientRect();
                const isInView = rect.top < window.innerHeight && rect.bottom > 0;
                if (isInView) {
                    element.classList.add('animate');
                    observer.unobserve(element);
                }
            });
        }, 100);
    });
})();
</script>


<style>
/* Desktop styles for custom scoring */
.custom-scoring-categories {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
}

.custom-scoring-category-item {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.custom-scoring-category-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.custom-scoring-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e2e8f0;
}

.custom-scoring-category-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    flex: 1;
}

.custom-scoring-category-score {
    font-size: 1.125rem;
    font-weight: 700;
    min-width: 52px;
    text-align: center;
    padding: 6px 10px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-scoring-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.custom-scoring-bullet {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    background: #ffffff;
    border-radius: 8px;
    border-left: 3px solid #3b82f6;
    transition: all 0.2s ease;
}

.custom-scoring-bullet:hover {
    background: #f8fafc;
    border-left-color: #1d4ed8;
}

.custom-scoring-bullet-text {
    flex: 1;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #334155;
}

.custom-scoring-bullet-source {
    font-size: 0.75rem;
    color: #64748b;
    font-style: italic;
    margin-left: 4px;
}

.custom-scoring-bullet-link {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #3b82f6;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
    padding: 4px;
}

.custom-scoring-bullet-link:hover {
    background: #dbeafe;
    color: #1d4ed8;
    transform: scale(1.1);
}

.custom-scoring-methodology-note {
    margin-top: 24px;
    padding: 16px;
    background: #f8fafc;
    border-radius: 8px;
    border-top: 2px solid #e5e7eb;
}

.custom-scoring-methodology-note p {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

.custom-scoring-bullet-link svg {
    width: 16px;
    height: 16px;
}

.custom-scoring-category-bullets {
    margin-bottom: 24px;
}

.category-bullets-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
}

.custom-scoring-bullets-section {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 2px solid #e2e8f0;
}

.expert-score-modal-curator {
    display: none !important;
}

/* Desktop: Make modal overlay full width, content 85% and centered */
.expert-score-modal {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
}

.expert-score-modal.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    overflow-y: auto !important;
}

.expert-score-modal-content {
    display: flex !important;
    flex-direction: column !important;
    max-width: none !important;
    width: 85vw !important;
    margin: 0 auto !important;
}

.expert-score-modal-header {
    padding: 20px 24px 20px !important;
    text-align: center !important;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 50%, #1e40af 100%) !important;
    border-radius: 24px 24px 0 0 !important;
    position: sticky !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 100 !important;
    overflow: hidden !important;
    min-height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.expert-score-modal-header h3,
.expert-score-modal-header h4,
.expert-score-modal-header h5,
.expert-score-modal-header h6 {
    margin: 0 0 10px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: ##ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    position: relative !important;
    z-index: 1 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.expert-score-modal-header * {
    color: ##ffffff !important;
}

.expert-score-modal-header h3,
.expert-score-modal-header h4,
.expert-score-modal-header h5,
.expert-score-modal-header h6 {
    color: ##ffffff !important;
}

/* Ensure all headers in the modal breakdown are white */
.expert-score-modal .expert-score-breakdown h3,
.expert-score-modal .expert-score-breakdown h4,
.expert-score-modal .expert-score-breakdown h5,
.expert-score-modal .expert-score-breakdown h6,
.expert-score-modal .custom-scoring-category-header h3,
.expert-score-modal .custom-scoring-category-header h4,
.expert-score-modal .custom-scoring-category-header h5,
.expert-score-modal .custom-scoring-category-header h6,
.expert-score-modal .custom-scoring-methodology-column h5,
.expert-score-modal .custom-scoring-bullets-column h5,
.expert-score-modal .custom-scoring-bullets-mobile h5 {
    color: ##ffffff !important;
}

.expert-score-modal-main-score {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

.expert-score-value {
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 1 !important;
}

.expert-score-max {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    position: relative !important;
    z-index: 1 !important;
}

.expert-score-modal-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 101 !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 8px !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
}

.expert-score-modal-close:hover {
    background: transparent !important;
    color: #ffffff !important;
    transform: rotate(90deg) !important;
}

.expert-score-modal-close svg,
.expert-score-modal-close svg * {
    stroke: #ffffff !important;
    width: 24px !important;
    height: 24px !important;
    color: #ffffff !important;
    fill: none !important;
}

.expert-score-modal-close:hover svg,
.expert-score-modal-close:hover svg * {
    stroke: #ffffff !important;
    color: #ffffff !important;
    fill: none !important;
}

.expert-score-breakdown {
    flex: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Mobile influencer section - shown on mobile only */
.mobile-subtitle-influencer-image {
    display: none !important;
}

@media (max-width: 768px) {
    .mobile-subtitle-influencer-image {
        display: block !important;
        float: right;
        margin: 0 0 0.5rem 0.75rem;
        clear: right;
    }
}

@media (max-width: 768px) {
    .expert-score-modal.show {
        padding: 0 !important;
        overflow-x: hidden;
        overflow-y: hidden;
        align-items: stretch;
    }
    
    .expert-score-modal {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    .expert-score-modal-content {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        max-height: -webkit-fill-available !important;
        max-height: 100dvh !important;
        height: -webkit-fill-available !important;
        height: 100dvh !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        position: relative;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 0 !important;
        padding-left: env(safe-area-inset-left) !important;
        padding-right: env(safe-area-inset-right) !important;
    }
    
    .expert-score-modal-header {
        padding: 16px 12px !important;
        padding-top: calc(16px + env(safe-area-inset-top)) !important;
        box-sizing: border-box !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        flex-shrink: 0 !important;
        text-align: center !important;
        display: flex !important;
    }
    
    .expert-score-modal-header h3,
    .expert-score-modal-header h4,
    .expert-score-modal-header h5,
    .expert-score-modal-header h6 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 1rem !important;
        color: ##ffffff !important;
    }
    
    .expert-score-modal-header * {
        color: ##ffffff !important;
    }
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .expert-score-modal-header h3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 1rem !important;
    }
    
    .expert-score-modal-main-score {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .expert-score-modal-close {
        position: absolute !important;
        top: calc(16px + env(safe-area-inset-top)) !important;
        right: calc(16px + env(safe-area-inset-right)) !important;
        z-index: 101 !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        border-radius: 0 !important;
    }
    
    .expert-score-modal-close:hover {
        background: transparent !important;
    }
    
    .expert-score-modal-close svg,
    .expert-score-modal-close svg * {
        stroke: #ffffff !important;
        color: #ffffff !important;
    }
    
    .expert-score-breakdown {
        padding: 16px 12px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .custom-scoring-category-header {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
    
    /* Ensure all headers in the modal breakdown are white on mobile */
    .expert-score-modal .expert-score-breakdown h3,
    .expert-score-modal .expert-score-breakdown h4,
    .expert-score-modal .expert-score-breakdown h5,
    .expert-score-modal .expert-score-breakdown h6,
    .expert-score-modal .custom-scoring-category-header h3,
    .expert-score-modal .custom-scoring-category-header h4,
    .expert-score-modal .custom-scoring-category-header h5,
    .expert-score-modal .custom-scoring-category-header h6,
    .expert-score-modal .custom-scoring-methodology-column h5,
    .expert-score-modal .custom-scoring-bullets-column h5,
    .expert-score-modal .custom-scoring-bullets-mobile h5 {
        color: ##ffffff !important;
    }
    
    .custom-scoring-category-name {
        font-size: 1rem;
        order: 2;
        flex: 1;
    }
    
    .custom-scoring-category-score {
        font-size: 0.79rem;
        min-width: 36px;
        padding: 4px 8px;
        order: 1;
        flex-shrink: 0;
    }
    
    .expert-score-modal-curator {
        display: none !important;
    }
    
    /* Mobile: Deep Research Button - Dark purple background (already set in inline style) */
    .deep-research-button-container .deep-research-button {
        background: linear-gradient(135deg, ##6b21a8 0%, ##5b21b6 100%) !important;
        box-shadow: 0 2px 4px rgba(107, 33, 168, 0.3) !important;
    }
    
    /* Ensure desktop deep research button is visible on desktop */
    .deep-research-button-container {
        width: 100% !important;
        display: block !important;
    }
    
    /* Ensure deep research button inside pros-cons-stacked is full width and above */
    .product-pros-cons-stacked .deep-research-button-container {
        width: 100% !important;
        display: block !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    
    /* Desktop: Ensure deep research button is above pros section */
    @media (min-width: 769px) {
        .product-pros-cons-stacked.product-pros-cons-original .deep-research-button-container {
            order: -1 !important;
            width: 100% !important;
        }
    }
    
    /* Hide desktop deep research button on mobile (it's below score, above vote buttons) */
    /* Hide all deep research buttons on mobile */
    @media (max-width: 768px) {
        .deep-research-button-desktop {
            display: none !important;
        }
        
        /* Hide mobile button in product-detail-tabs-mobile */
        .product-detail-tabs-mobile .deep-research-button-container {
            display: none !important;
        }
        
        /* Hide all deep research button containers on mobile */
        .deep-research-button-container {
            display: none !important;
        }
    }
    
    /* Ensure desktop deep research button is full width and above pros */
    .deep-research-button-container {
        width: 100% !important;
        display: block !important;
    }
    
    /* Ensure deep research button inside pros-cons-stacked is full width and above */
    .product-pros-cons-stacked .deep-research-button-container {
        width: 100% !important;
        display: block !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        order: -1 !important; /* Place button before pros/cons sections */
    }
    
    /* Ensure product-pros-cons-stacked uses column layout on desktop */
    @media (min-width: 769px) {
        .product-pros-cons-stacked.product-pros-cons-original {
            display: flex !important;
            flex-direction: column !important;
        }
        
        .product-pros-cons-stacked.product-pros-cons-original .deep-research-button-container {
            order: -1 !important;
            width: 100% !important;
        }
        
        .product-pros-cons-stacked.product-pros-cons-original .product-pros-section {
            order: 0 !important;
        }
        
        .product-pros-cons-stacked.product-pros-cons-original .product-cons-section {
            order: 1 !important;
        }
    }
}

/* Award Modal Close Button - White X */
.award-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent !important;
    border: none !important;
    width: 36px;
    height: 36px;
    border-radius: 0 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: ##ffffff !important;
    transition: all 0.2s ease;
    z-index: 10;
}

.award-modal-close:hover {
    background: transparent !important;
    color: ##ffffff !important;
    transform: rotate(90deg);
}

/* Methodology Modal Styling */
.methodology-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
}

.methodology-modal-content {
    background: #ffffff;
    border-radius: 16px;
    max-width: 700px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.methodology-modal-header {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    color: #ffffff;
    padding: 1.5rem 2rem;
    border-radius: 16px 16px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
}

.methodology-modal-header h2 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.methodology-modal-close {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 300;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    line-height: 1;
    padding: 0;
}

.methodology-modal-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

.methodology-modal-body {
    padding: 2rem;
}

.methodology-text {
    margin-bottom: 1.5rem;
}

.methodology-text h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 0.75rem 0;
}

.methodology-text p {
    font-size: 1rem;
    line-height: 1.7;
    color: #4b5563;
    margin: 0;
}

.verification-badges {
    margin-top: 2rem;
}

.verification-badges h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 1rem 0;
}

.verification-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.verification-list li {
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #4b5563;
}

.verification-list li:last-child {
    border-bottom: none;
}

@media (max-width: 768px) {
    .methodology-modal-header {
        padding: 1.25rem 1.5rem;
        position: sticky;
        top: 0;
        z-index: 10;
    }
    
    .methodology-modal-header h2 {
        font-size: 1.25rem;
    }
    
    /* Hide "How We Evaluate Products" button in header on mobile */
    .how-we-evaluate-btn-header {
        display: none !important;
    }
    
    .methodology-modal-body {
        padding: 1.5rem;
    }
    
    /* Show "How We Evaluate Products" button at bottom on mobile */
    .how-we-evaluate-btn-mobile {
        display: block !important;
    }
}

/* Hide mobile button on desktop */
@media (min-width: 769px) {
    .how-we-evaluate-btn-mobile {
        display: none !important;
    }
    
    .how-we-evaluate-btn-header {
        display: inline-block !important;
    }
    
    .methodology-text h3,
    .verification-badges h3 {
        font-size: 1rem;
    }
}

/* Influencer Modal Buttons */
.influencer-modal-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 1rem;
}

.influencer-modal-bio-link {
    display: block;
    width: 100%;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    color: white !important;
    text-decoration: none !important;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
    cursor: pointer;
    border: none;
    pointer-events: auto;
    position: relative;
    z-index: 10;
    text-align: center;
    box-sizing: border-box;
}

.influencer-modal-bio-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5);
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    text-decoration: none !important;
    color: white !important;
}

.influencer-modal-bio-link:active {
    transform: translateY(0);
}

.influencer-modal-bio-link:visited {
    color: white !important;
}
</style>


    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <!-- Quick Links -->
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <a href="https://whatarethebest.com/index.cfm">Home</a>
                    <a href="https://whatarethebest.com/about.cfm">About Us</a>
                    <a href="https://whatarethebest.com/legal.cfm">Legal</a>
                </div>
                
                <!-- Categories (hidden on homepage) -->
                
                
            </div>
            
            <div class="footer-bottom">
                <p style="color: #ffffff !important;">&copy; 2026 WhatAreTheBest.com. All rights reserved.</p>
            </div>
        </div>
    </footer>
    
    <!-- Main JavaScript -->
    <script src="/_inc/js/main.js"></script>
    
    
    <!-- Analytics and Tracking (Add your tracking code here) -->
    <!-- Google Analytics -->
    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'GA_MEASUREMENT_ID');
    </script> -->
    
    <!-- Cookie Consent Banner (GDPR/CCPA) -->
    <div id="cookie-banner" class="cookie-banner" style="display: none;">
        <div class="cookie-content">
            <p>We use cookies to enhance your browsing experience and analyze our traffic. By continuing to use our website, you consent to our use of cookies. 
            <a href="https://whatarethebest.com/cookie-policy.cfm">Learn more</a></p>
            <div class="cookie-actions">
                <button id="accept-cookies" class="btn btn-primary">Accept All</button>
                <button id="decline-cookies" class="btn btn-secondary">Decline</button>
                <button id="customize-cookies" class="btn btn-outline">Customize</button>
            </div>
        </div>
    </div>
    
    <script>
        // Cookie consent functionality
        document.addEventListener('DOMContentLoaded', function() {
            const cookieBanner = document.getElementById('cookie-banner');
            const acceptBtn = document.getElementById('accept-cookies');
            const declineBtn = document.getElementById('decline-cookies');
            const customizeBtn = document.getElementById('customize-cookies');
            
            // Check if user has already made a choice
            if (!localStorage.getItem('cookieConsent')) {
                cookieBanner.style.display = 'block';
            }
            
            acceptBtn.addEventListener('click', function() {
                localStorage.setItem('cookieConsent', 'accepted');
                cookieBanner.style.display = 'none';
                // Enable analytics and tracking here
            });
            
            declineBtn.addEventListener('click', function() {
                localStorage.setItem('cookieConsent', 'declined');
                cookieBanner.style.display = 'none';
                // Disable non-essential cookies
            });
            
            customizeBtn.addEventListener('click', function() {
                // Open cookie preferences modal
                alert('Cookie preferences would open here');
            });
        });
    </script>
    
    <style>
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--bg-dark);
            color: white;
            padding: 1rem;
            z-index: 1000;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        }
        
        .cookie-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
        }
        
        .cookie-actions {
            display: flex;
            gap: 0.5rem;
            flex-shrink: 0;
        }
        
        .cookie-banner a {
            color: var(--primary-light);
        }
        
        @media (max-width: 768px) {
            .cookie-content {
                flex-direction: column;
                text-align: center;
            }
            
            .cookie-actions {
                justify-content: center;
            }
        }
    </style>
    
</body>
</html>