{"product_id":"model-y-juniper-hidden-mud-flaps-mud-guard","title":"TESERY Bavettes de boue cachées pour Model Y Juniper | Protection invisible","description":"\u003cstyle\u003e\n    \/* === Scoped CSS Rules Start === *\/\n    .tesery-product-description-container {\n        font-family: 'Inter', system-ui, sans-serif;\n        color: var(--text-dark, #333);\n        line-height: 1.6;\n        padding: 0; \/* Remove overall padding from container for full width sections *\/\n        background-color: transparent;\n    }\n\n    .tesery-product-description-container section {\n        padding: 40px 24px;\n        max-width: 100%;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    .tesery-product-description-container h2 {\n        color: var(--accent-color, #333);\n        text-align: center;\n        margin: 0 0 1.5em;\n        font-size: 2.8em; \/* Larger heading for impact *\/\n        line-height: 1.2;\n    }\n\n    .tesery-product-description-container h3 {\n        color: var(--accent-color, #333);\n        margin: 2.5em 0 1em;\n        font-size: 1.8em;\n        text-align: center;\n    }\n\n    .tesery-product-description-container p {\n        color: var(--text-medium, #4a4a4a);\n        max-width: 800px;\n        margin: 1em auto;\n        text-align: center;\n    }\n\n    \/* Hero Section Specifics - Updated for Left Image, Right Text *\/\n    .tesery-hero-section {\n        background: linear-gradient(180deg, var(--bg-primary) 0%, var(--crisp-white) 100%);\n        padding: 60px 24px;\n        display: flex; \/* Use flexbox for content centering *\/\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n    }\n\n    \/* Value Propositions (now at the very top, inside Hero Section) *\/\n    .tesery-hero-section .prop-grid {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n        max-width: 1200px;\n        margin-bottom: 40px;\n    }\n\n    .tesery-hero-section .prop-item span { \/* Style for the bullet points *\/\n        font-size: 1.2em;\n        margin-right: 8px;\n        color: var(--accent-color);\n    }\n\n    .tesery-hero-section .hero-content-wrapper {\n        display: flex;\n        flex-direction: row; \/* Default for desktop: image left, text right *\/\n        align-items: center;\n        gap: 40px;\n        max-width: 1200px;\n        width: 100%;\n        margin: 0 auto;\n    }\n\n    .tesery-hero-section .hero-image-wrapper {\n        flex: 1;\n        min-width: 250px;\n        max-width: 600px;\n        text-align: center; \/* Center image within its flexible container *\/\n    }\n\n    .tesery-hero-section .hero-image { \/* Renamed from hero-banner for clarity *\/\n        width: 100%;\n        height: auto;\n        max-width: 600px;\n        display: block; \/* Remove extra space below image *\/\n        margin: 0 auto;\n        border-radius: var(--border-radius, 16px);\n        box-shadow: var(--shadow-medium, 0 8px 40px rgba(0,0,0,0.12));\n    }\n\n    .tesery-hero-section .hero-text-content {\n        flex: 1;\n        text-align: left;\n    }\n\n    .tesery-hero-section h1 {\n        font-size: 3.5em;\n        color: var(--primary-color, #1a1a1a);\n        margin-bottom: 0.2em;\n        line-height: 1.1;\n        text-align: left; \/* Ensure text alignment *\/\n    }\n    .tesery-hero-section .hero-description { \/* New style for the added description *\/\n        font-size: 1.1em;\n        color: var(--text-medium);\n        margin: 0.5em 0 1em; \/* Adjust margin for placement *\/\n        text-align: left;\n    }\n    .tesery-hero-section .subtitle {\n        font-size: 1.5em;\n        color: var(--text-medium);\n        margin-bottom: 1.5em;\n        font-style: italic;\n        text-align: left; \/* Ensure text alignment *\/\n    }\n    .tesery-hero-section .brand-button {\n        margin: 0;\n        display: inline-block;\n    }\n\n\n    .tesery-product-description-container .prop-item {\n        display: flex;\n        align-items: center;\n        background: var(--bg-secondary, #f0f0f0); \/* Light grey for prop items *\/\n        border-radius: 50px;\n        padding: 10px 20px;\n        font-weight: 600;\n        color: var(--text-dark);\n        font-size: 1.1em;\n        white-space: nowrap;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    }\n\n\n    \/* Feature Grid - Reused and enhanced *\/\n    .tesery-feature-grid-section {\n        background: linear-gradient(180deg, var(--crisp-white) 0%, var(--bg-secondary) 100%);\n    }\n    .tesery-product-description-container .feature-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 24px;\n        max-width: 1200px; \/* Confine to a max-width for better layout *\/\n        margin: 2em auto;\n    }\n\n    .tesery-product-description-container .feature-card {\n        background: var(--crisp-white);\n        padding: 24px;\n        border-radius: var(--border-radius, 16px);\n        box-shadow: var(--shadow-light, 0 4px 20px rgba(0,0,0,0.08));\n        border: 1px solid var(--border-color, #e5e7eb);\n        transition: all 0.3s ease;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .tesery-product-description-container .feature-card:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--shadow-medium, 0 8px 40px rgba(0,0,0,0.12));\n        border-color: var(--accent-light, #666); \/* Changed to medium grey *\/\n    }\n\n    .tesery-product-description-container .feature-card h4 {\n        font-size: 1.4em;\n        color: var(--accent-color, #333); \/* Changed to dark grey *\/\n        margin-bottom: 12px;\n    }\n\n    .tesery-product-description-container .feature-card p {\n        font-size: 0.95em;\n        color: var(--text-medium, #4a4a4a);\n        line-height: 1.7;\n        margin: 0 auto 15px; \/* Adjust margin *\/\n    }\n\n    .tesery-product-description-container .feature-card img {\n        max-width: 100%;\n        height: auto;\n        border-radius: var(--border-radius, 8px);\n        margin-top: auto; \/* Push image to bottom *\/\n        box-shadow: var(--shadow-light, 0 4px 20px rgba(0,0,0,0.08));\n    }\n\n    \/* Adjust feature icon sizing and styling *\/\n    .tesery-product-description-container .feature-icon {\n        font-size: 2.8rem;\n        margin-bottom: 15px;\n        display: inline-block;\n        color: var(--accent-color, #333);\n        background: none;\n    }\n\n    \/* New styles for Certified Quality color blocks *\/\n    .tesery-product-description-container .feature-grid.certified-quality-grid {\n        grid-template-columns: repeat(4, 1fr); \/* Force 4 columns for certified quality *\/\n    }\n\n    .tesery-product-description-container .feature-grid.certified-quality-grid .feature-card {\n        background-color: var(--crisp-white); \/* Default, overridden by specific classes *\/\n    }\n\n    .tesery-product-description-container .feature-grid.certified-quality-grid .feature-card:nth-child(1) {\n        background-color: #f7f7f7; \/* Very light grey *\/\n    }\n    .tesery-product-description-container .feature-grid.certified-quality-grid .feature-card:nth-child(2) {\n        background-color: #f2f2f2; \/* Slightly darker light grey *\/\n    }\n    .tesery-product-description-container .feature-grid.certified-quality-grid .feature-card:nth-child(3) {\n        background-color: #ebebeb; \/* Another shade of light grey *\/\n    }\n    .tesery-product-description-container .feature-grid.certified-quality-grid .feature-card:nth-child(4) {\n        background-color: #e6e6e6; \/* Yet another shade of light grey *\/\n    }\n\n\n    \/* FAQ Section *\/\n    .tesery-faq-section {\n        background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--crisp-white) 100%);\n        box-shadow: var(--shadow-light, 0 4px 20px rgba(0,0,0,0.08));\n    }\n    .tesery-product-description-container .faq-section-content { \/* New wrapper for FAQ items *\/\n        margin: 2em auto;\n        max-width: 900px; \/* Constrain FAQ width for readability *\/\n        text-align: left;\n    }\n\n    .tesery-product-description-container .faq-item {\n        margin-bottom: 12px;\n        background: var(--crisp-white); \/* Use crisp white *\/\n        border-radius: var(--border-radius, 16px);\n        border: 1px solid var(--border-color, #e5e7eb);\n        transition: all 0.3s ease;\n        overflow: hidden;\n    }\n\n    .tesery-product-description-container .faq-item:hover {\n        box-shadow: var(--shadow-medium, 0 8px 40px rgba(0,0,0,0.12));\n        border-color: var(--accent-light, #666); \/* Changed to medium grey *\/\n    }\n\n    \/* Using details\/summary for FAQ for better interactivity *\/\n    .tesery-product-description-container .faq-item details {\n        border: none;\n    }\n\n    .tesery-product-description-container .faq-item summary {\n        padding: 20px 56px 20px 24px;\n        font-weight: 600;\n        font-size: 1.05rem;\n        cursor: pointer;\n        color: var(--text-dark);\n        transition: all 0.3s ease;\n        position: relative;\n        list-style: none;\n        outline: none;\n        user-select: none;\n        background: transparent;\n        text-align: left; \/* Ensure summary is left aligned *\/\n    }\n\n    .tesery-product-description-container .faq-item summary::-webkit-details-marker {\n        display: none;\n    }\n\n    .tesery-product-description-container .faq-item summary::after {\n        content: '+';\n        position: absolute;\n        right: 24px;\n        top: 50%;\n        transform: translateY(-50%);\n        font-size: 20px;\n        color: var(--accent-color, #333);\n        transition: all 0.3s ease;\n        font-weight: 300;\n        line-height: 1;\n    }\n\n    .tesery-product-description-container .faq-item details[open] summary::after {\n        content: '−';\n        transform: translateY(-50%) rotate(0deg);\n    }\n\n    .tesery-product-description-container .faq-item summary:hover {\n        background: rgba(0, 0, 0, 0.02);\n    }\n\n    .tesery-product-description-container .faq-content {\n        padding: 0 24px 20px;\n        color: var(--text-medium);\n        line-height: 1.6;\n        animation: fadeIn 0.3s ease-in-out;\n        text-align: left;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(-10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Trust Section *\/\n    .tesery-trust-section {\n        background: linear-gradient(180deg, var(--crisp-white) 0%, var(--bg-secondary) 100%);\n    }\n    .tesery-product-description-container .trust-section-content {\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .tesery-product-description-container .review-container {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 24px;\n        margin: 2em 0;\n    }\n\n    .tesery-product-description-container .review-box {\n        flex: 1;\n        min-width: 300px;\n        max-width: 45%;\n        border: 1px solid var(--border-color, #e2e8f0);\n        border-radius: var(--border-radius, 8px);\n        padding: 20px;\n        background: white;\n        box-shadow: var(--shadow-light, 0 4px 20px rgba(0,0,0,0.08));\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .tesery-product-description-container .review-box:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--shadow-medium, 0 8px 40px rgba(0,0,0,0.12));\n    }\n\n    .tesery-product-description-container .review-header {\n        display: flex;\n        align-items: center;\n        margin-bottom: 12px;\n    }\n\n    .tesery-product-description-container .review-avatar {\n        width: 48px;\n        height: 48px;\n        border-radius: 50%;\n        background: var(--bg-secondary, #e0e0e0); \/* Grey for avatar background *\/\n        color: var(--star-yellow, #d4af37);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        margin-right: 12px;\n        font-size: 1.2em;\n        flex-shrink: 0;\n    }\n\n    .tesery-product-description-container .review-stars {\n        color: var(--star-yellow, #ffd700);\n        margin-right: 4px;\n        font-size: 1.1em;\n    }\n    .tesery-product-description-container .review-stars + span {\n        font-weight: 600;\n        color: var(--text-dark);\n    }\n\n    .tesery-product-description-container .testimonial {\n        font-style: italic;\n        color: var(--text-medium, #666);\n        margin: 1em 0 0;\n        padding-left: 0;\n        border-left: none;\n        font-size: 1em;\n    }\n\n    \/* Call to Action *\/\n    .tesery-cta-section {\n        background: var(--accent-color, #333);\n        color: white;\n        padding: 60px 24px;\n        text-align: center;\n    }\n    .tesery-cta-section h2 {\n        color: white;\n        font-size: 2.5em;\n        margin-bottom: 0.5em;\n    }\n    .tesery-cta-section p {\n        color: var(--crisp-white);\n        margin-bottom: 2em;\n        font-size: 1.2em;\n    }\n    .tesery-product-description-container .brand-button {\n        background: white;\n        color: var(--accent-color, #333);\n        padding: 16px 40px;\n        border-radius: 50px;\n        font-weight: 700;\n        text-transform: none;\n        font-size: 1.2em;\n        transition: all 0.4s ease;\n        border: none;\n        cursor: pointer;\n        margin: 0 auto;\n        display: block;\n        max-width: 320px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .tesery-product-description-container .brand-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n        transition: left 0.5s;\n    }\n\n    .tesery-product-description-container .brand-button:hover::before {\n        left: 100%;\n    }\n\n    .tesery-product-description-container .brand-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(0,0,0,0.3);\n        color: var(--accent-color); \/* Maintain color *\/\n    }\n\n    .tesery-product-description-container .brand-button a {\n        text-decoration: none;\n        color: inherit;\n        display: block;\n    }\n\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 1024px) {\n        .tesery-hero-section .hero-image {\n            max-width: 90%;\n        }\n        .tesery-product-description-container .feature-grid {\n            max-width: 90%;\n        }\n        .tesery-product-description-container .faq-section-content {\n            max-width: 90%;\n        }\n        .tesery-product-description-container .trust-section-content {\n            max-width: 90%;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .tesery-product-description-container section {\n            padding: 30px 16px;\n        }\n\n        .tesery-product-description-container h2 {\n            font-size: 2.2em;\n        }\n\n        .tesery-product-description-container h3 {\n            font-size: 1.6em;\n            margin: 2em 0 0.8em;\n        }\n        \/* Hero Section Responsive *\/\n        .tesery-hero-section .hero-content-wrapper {\n            flex-direction: column;\n            text-align: center; \/* Center content when stacked *\/\n        }\n        .tesery-hero-section .hero-image-wrapper {\n            text-align: center;\n            margin-bottom: 20px;\n        }\n        .tesery-hero-section .hero-text-content {\n            text-align: center;\n        }\n        .tesery-hero-section h1,\n        .tesery-hero-section .hero-description,\n        .tesery-hero-section .subtitle {\n            text-align: center;\n        }\n        .tesery-hero-section .brand-button {\n            margin: 0 auto;\n        }\n\n        .tesery-hero-section h1 {\n            font-size: 2.8em;\n        }\n        .tesery-hero-section .subtitle {\n            font-size: 1.2em;\n        }\n        .tesery-hero-section .hero-image {\n            max-width: 95%;\n        }\n\n        .tesery-hero-section .prop-grid {\n            margin-bottom: 20px;\n        }\n        .tesery-product-description-container .prop-item {\n            font-size: 1em;\n            padding: 8px 15px;\n        }\n        .tesery-product-description-container .prop-item span {\n            font-size: 1em;\n        }\n\n        \/* General feature grid (Key Features, Model Compatibility) *\/\n        .tesery-product-description-container .feature-grid {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        \/* Product Specifications on Mobile: Two per row *\/\n        .tesery-product-description-container .feature-grid.product-specs-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        \/* Certified Quality on Mobile: Four per row with scroll if not enough space *\/\n        .tesery-product-description-container .feature-grid.certified-quality-grid {\n            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); \/* At least 160px wide, 4 will fit if container \u003e 640px + gaps *\/\n            overflow-x: auto; \/* Enable horizontal scrolling *\/\n            padding-bottom: 10px; \/* Space for scrollbar *\/\n            \/* For scrollbar styling *\/\n            scrollbar-width: thin;\n            scrollbar-color: #888 #f1f1f1;\n        }\n        \/* Webkit scrollbar for Certified Quality grid *\/\n        .tesery-product-description-container .feature-grid.certified-quality-grid::-webkit-scrollbar {\n            height: 8px;\n        }\n        .tesery-product-description-container .feature-grid.certified-quality-grid::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 4px;\n        }\n        .tesery-product-description-container .feature-grid.certified-quality-grid::-webkit-scrollbar-thumb {\n            background: #888;\n            border-radius: 4px;\n            transition: background 0.3s ease;\n        }\n        .tesery-product-description-container .feature-grid.certified-quality-grid::-webkit-scrollbar-thumb:hover {\n            background: #555;\n        }\n\n        .tesery-product-description-container .feature-card {\n            padding: 18px;\n        }\n\n        .tesery-product-description-container .feature-icon {\n            font-size: 2.5rem;\n            margin-bottom: 10px;\n        }\n\n        .tesery-product-description-container .feature-card h4 {\n            font-size: 1.2em;\n        }\n\n        .tesery-product-description-container .faq-item summary {\n            padding: 16px 44px 16px 20px;\n            font-size: 0.95rem;\n        }\n\n        .tesery-product-description-container .faq-item summary::after {\n            right: 20px;\n            font-size: 18px;\n        }\n\n        .tesery-product-description-container .faq-content {\n            padding: 0 20px 16px;\n            font-size: 0.9rem;\n        }\n\n        .tesery-product-description-container .review-container {\n            flex-direction: column;\n            align-items: center;\n            gap: 16px;\n        }\n\n        .tesery-product-description-container .review-box {\n            max-width: 90%;\n            margin: 0;\n            padding: 16px;\n        }\n\n        .tesery-product-description-container .review-avatar {\n            width: 40px;\n            height: 40px;\n            margin-right: 10px;\n            font-size: 1em;\n        }\n        .tesery-cta-section h2 {\n            font-size: 2em;\n        }\n        .tesery-cta-section p {\n            font-size: 1.1em;\n        }\n        .tesery-product-description-container .brand-button {\n            padding: 14px 30px;\n            font-size: 1em;\n            max-width: 280px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .tesery-product-description-container section {\n            padding: 20px 12px;\n        }\n\n        .tesery-product-description-container h2 {\n            font-size: 1.8em;\n        }\n        .tesery-product-description-container h3 {\n            font-size: 1.4em;\n        }\n        .tesery-hero-section h1 {\n            font-size: 2.2em;\n        }\n        .tesery-hero-section .subtitle {\n            font-size: 1.1em;\n        }\n        .tesery-product-description-container .prop-grid {\n            flex-direction: column;\n            align-items: center;\n        }\n        .tesery-product-description-container .prop-item {\n            font-size: 0.9em;\n        }\n        .tesery-product-description-container .feature-card {\n            padding: 16px;\n        }\n        .tesery-product-description-container .feature-icon {\n            font-size: 2.2rem;\n        }\n        .tesery-product-description-container .faq-item summary {\n            padding: 12px 40px 12px 16px;\n            font-size: 0.9rem;\n        }\n        .tesery-product-description-container .faq-item summary::after {\n            right: 16px;\n            font-size: 16px;\n        }\n        .tesery-product-description-container .faq-content {\n            padding: 0 16px 12px;\n            font-size: 0.85rem;\n        }\n        .tesery-cta-section h2 {\n            font-size: 1.8em;\n        }\n        .tesery-cta-section p {\n            font-size: 1em;\n        }\n        .tesery-product-description-container .brand-button {\n            padding: 12px 25px;\n            font-size: 0.9em;\n            max-width: 250px;\n        }\n    }\n    \/* === Scoped CSS Rules End === *\/\n\u003c\/style\u003e\n\u003cstyle\u003e\n        :root {\n            --primary-color: #1a1a1a; \/* Black *\/\n            --secondary-color: #2a2a2a; \/* Darker Grey *\/\n            --accent-color: #333333; \/* Dark Grey for headings\/icons *\/\n            --accent-light: #666666; \/* Medium Grey for subtle accents\/hover *\/\n            --accent-secondary: #999999; \/* Light Grey (less prominent) *\/\n            --warm-white: #f8f8f8; \/* Off-white background *\/\n            --crisp-white: #ffffff; \/* Pure white for cards\/elements *\/\n            --text-dark: #1a1a1a; \/* Black for main text *\/\n            --text-medium: #4a4a4a; \/* Dark grey for secondary text *\/\n            --text-light: #6b7280; \/* Medium grey for less important text *\/\n            --bg-primary: #fafafa; \/* Very light grey *\/\n            --bg-secondary: #f0f0f0; \/* Slightly darker light grey *\/\n            --border-color: #e5e7eb; \/* Light grey border *\/\n            --gradient-primary: linear-gradient(135deg, #333333 0%, #111111 100%); \/* Dark grey to black gradient *\/\n            --gradient-secondary: linear-gradient(135deg, #999999 0%, #666666 100%); \/* Grey gradient *\/\n            --border-radius: 16px;\n            --shadow-light: 0 4px 20px rgba(0,0,0,0.08);\n            --shadow-medium: 0 8px 40px rgba(0,0,0,0.12);\n            --shadow-heavy: 0 20px 60px rgba(0,0,0,0.15);\n            --star-yellow: #fbbf24; \/* Keep yellow for stars *\/\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .mud-flaps-widget {\n            max-width: 100%; \/* Full width background *\/\n            margin: 0; \/* Remove auto margin to span full width *\/\n            padding: 40px 24px; \/* Keep section padding *\/\n            background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--crisp-white) 100%); \/* Gradient background *\/\n        }\n\n        .mud-flaps-content-wrapper {\n            max-width: 1000px; \/* Max-width for content *\/\n            margin: 0 auto; \/* Center content *\/\n        }\n        \n        .title {\n            text-align: left;\n            font-size: 28px;\n            font-weight: bold;\n            color: #2c2c2c;\n            margin-bottom: 25px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n        }\n        \n        .video-container {\n            display: flex;\n            gap: 20px;\n            justify-content: flex-start; \/* Mobile: start from left for scrolling *\/\n            align-items: flex-start;\n            overflow-x: auto; \/* Mobile: scroll *\/\n            overflow-y: hidden;\n            padding: 0 10px 10px 10px;\n            scroll-behavior: smooth;\n            \/* Show scrollbar *\/\n            scrollbar-width: thin;\n            scrollbar-color: #888 #f1f1f1;\n        }\n        \n        \/* Custom scrollbar for webkit browsers *\/\n        .video-container::-webkit-scrollbar {\n            height: 8px;\n        }\n        \n        .video-container::-webkit-scrollbar-track {\n            background: #f1f1f1;\n            border-radius: 4px;\n        }\n        \n        .video-container::-webkit-scrollbar-thumb {\n            background: #888;\n            border-radius: 4px;\n            transition: background 0.3s ease;\n        }\n        \n        .video-container::-webkit-scrollbar-thumb:hover {\n            background: #555;\n        }\n        \n        .video-item {\n            flex-shrink: 0;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n            transition: transform 0.3s ease;\n            position: relative;\n        }\n        \n        .video-item:hover {\n            transform: translateY(-5px);\n        }\n        \n        .video-item iframe {\n            width: 400px; \/* Doubled from 200px *\/\n            height: 712px; \/* Doubled from 356px *\/\n            border: none;\n            display: block;\n        }\n        \n        .video-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: transparent;\n            cursor: pointer;\n            z-index: 10;\n        }\n        \n        @media (min-width: 1280px) { \/* PC breakpoint for video layout *\/\n            .mud-flaps-content-wrapper { \/* Apply max-width to the content wrapper *\/\n                max-width: 1280px; \/* PC: Allow enough width for 3 videos + gaps *\/\n            }\n            .video-container {\n                overflow-x: hidden; \/* PC: no scrolling *\/\n                justify-content: center; \/* PC: center videos *\/\n            }\n        }\n\n        @media (max-width: 1200px) {\n            .video-item iframe {\n                width: 360px; \/* Doubled from 180px *\/\n                height: 640px; \/* Doubled from 320px *\/\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .mud-flaps-widget {\n                padding: 30px 16px; \/* Match section padding for mobile *\/\n            }\n            .video-container {\n                gap: 15px;\n                padding: 0 5px 5px 5px;\n            }\n            \n            .video-item iframe {\n                width: 320px; \/* Doubled from 160px *\/\n                height: 568px; \/* Doubled from 284px *\/\n            }\n            \n            .title {\n                font-size: 22px;\n                margin-bottom: 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .mud-flaps-widget {\n                padding: 20px 12px; \/* Match section padding for small mobile *\/\n            }\n            \n            .video-item iframe {\n                width: 280px; \/* Doubled from 140px *\/\n                height: 498px; \/* Doubled from 249px *\/\n            }\n            \n            .title {\n                font-size: 18px;\n            }\n        }\n\u003c\/style\u003e\n\u003cdiv class=\"tesery-product-description-container\"\u003e\n\u003csection class=\"tesery-hero-section\"\u003e\n\u003cdiv class=\"prop-grid\"\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eProtection Invisible\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eCouverture complète\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eTPE ultra-durable\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eInstallation en 10 minutes\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-content-wrapper\"\u003e\n\u003cdiv class=\"hero-image-wrapper\" style=\"text-align: center;\"\u003e\u003cimg class=\"hero-image\" alt=\"TESERY Model Y Juniper Bavettes de Boue Cachées - Photo du Produit\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-518036.jpg?v=1747294420\u0026amp;width=713\" style=\"margin-right: 10.1215px; margin-left: 10.1042px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-text-content\"\u003e\n\u003ch2\u003eTESERY Model Y Juniper Bavettes de Boue Cachées\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003eNe compromettez pas le design élégant de votre Model Y Juniper pour la protection. Nos bavettes de boue cachées offrent une défense invisible contre les débris de la route, le sel et la boue tout en maintenant les lignes épurées qui font ressortir votre Tesla.\u003c\/p\u003e\n\u003cp class=\"subtitle\"\u003eProtection Qui Préserve l'Esthétique de Votre Tesla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tesery-feature-grid-section\"\u003e\n\u003ch3\u003eCaractéristiques Clés\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eAjustement Précis\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConçu spécifiquement pour le Model Y Juniper pour une intégration parfaite et sans couture.\u003c\/p\u003e\n\u003cimg alt=\"Ajustement Précis\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-763016.jpg?v=1747074186\u0026amp;width=713\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eProtection Invisible\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePréserve le profil élégant de votre Tesla avec un design pratiquement invisible sous la plupart des angles de vue.\u003c\/p\u003e\n\u003cimg alt=\"Protection Invisible\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-408936.jpg?v=1747294420\u0026amp;width=713\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eCouverture complète\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLa protection avant et arrière protège votre peinture des débris de la route, maintenant l'apparence impeccable de votre Tesla.\u003c\/p\u003e\n\u003cimg alt=\"Couverture complète\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-518036.jpg?v=1747294420\u0026amp;width=713\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eTPE ultra-durable\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMatériau résistant aux intempéries qui supporte des températures extrêmes sans fissurer ni se déformer.\u003c\/p\u003e\n\u003cimg alt=\"TPE ultra-durable\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-161479.jpg?v=1747294420\u0026amp;width=713\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eAuto-nettoyant\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIl suffit de rincer à l'eau lors des lavages réguliers—aucun soin spécial requis.\u003c\/p\u003e\n\u003cimg alt=\"Auto-nettoyant\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/Hidden_Mud_Flaps_Mud_Guard_for_Model_Y_Juniper_21.jpg?v=1752648300\u0026amp;width=713\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003eInstallation en 10 minutes\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConception emboîtable sans effort utilisant les points de montage existants—pas d'outils, pas de perçage, pas de stress.\u003c\/p\u003e\n\u003cimg alt=\"Installation en 5 minutes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Hidden_Mud_Flaps_Mud_Guard_for_Model_Y_Juniper_20.jpg?v=1746778621\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"mud-flaps-widget\"\u003e\n\u003cdiv class=\"mud-flaps-content-wrapper\"\u003e\n\u003ch3 class=\"title\"\u003eDémonstration des bavettes cachées Model Y Juniper\u003c\/h3\u003e\n\u003cdiv id=\"videoContainer\" class=\"video-container\"\u003e\n\u003cdiv class=\"video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/XhxL5aYb9XQ?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=XhxL5aYb9XQ\u0026amp;controls=1\u0026amp;enablejsapi=1\" id=\"video1\"\u003e\n                \u003c\/iframe\u003e\n\u003cdiv class=\"video-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/kBIDqMKkKD4?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=kBIDqMKkKD4\u0026amp;controls=1\u0026amp;enablejsapi=1\" id=\"video2\"\u003e\n                \u003c\/iframe\u003e\n\u003cdiv class=\"video-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/514N9fQBXsU?autoplay=1\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=514N9fQBXsU\u0026amp;controls=1\u0026amp;enablejsapi=1\" id=\"video3\"\u003e\n                \u003c\/iframe\u003e\n\u003cdiv class=\"video-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tesery-trust-section\"\u003e\n\u003ch3\u003eSpécifications du produit\u003c\/h3\u003e\n\u003cdiv class=\"trust-section-content\"\u003e\n\u003cdiv class=\"feature-grid product-specs-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eMatériau\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eÉlastomère thermoplastique premium (TPE)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003ePlage de température\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e-40°F à 230°F (-40°C à 110°C)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eCompatibilité\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eTesla Model Y Juniper (2025.3+)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eType de montage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEmboîtement, points de montage OEM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eContenu du paquet\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e4 bavettes anti-boue (2 avant, 2 arrière), guide d'installation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003ePoids\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e1,39 lb (0,63 kg) ensemble complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCompatibilité des modèles\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e✓\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eModel Y Juniper (2025.3+)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eAjustement parfait, conçu spécifiquement pour ce modèle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e❌\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eModel Y (2021-2025.3)\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eNon compatible, positions de montage différentes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cspan class=\"feature-icon\"\u003e❌\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAutres modèles Tesla\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eNon compatible, contactez-nous pour d'autres options\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eQualité certifiée\u003c\/h3\u003e\n\u003cdiv class=\"trust-section-content\"\u003e\n\u003cdiv class=\"feature-grid certified-quality-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eTesté OE\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConforme aux normes du fabricant d'équipement d'origine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eMatériaux sûrs pour les enfants\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMatériaux non toxiques certifiés CPSIA\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eÉcologique\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFabriqué à partir de 70 % de matériaux recyclés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eGarantie 1 an\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCouverture de pointe dans l'industrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tesery-faq-section\"\u003e\n\u003ch3\u003eQuestions fréquemment posées\u003c\/h3\u003e\n\u003cdiv class=\"faq-section-content\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ : Ces bavettes sont-elles compatibles avec d'autres modèles Tesla ?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eCe produit est spécialement conçu pour le \u003cstrong\u003eTesla Model Y Juniper\u003c\/strong\u003e. Veuillez vérifier la compatibilité avant l'achat. Pour d'autres modèles Tesla, veuillez consulter notre boutique pour des options de bavettes compatibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ : Affectent-elles la garde au sol ?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eNon, elles sont conçues avec une hauteur optimale pour ne pas gêner la conduite normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ : Comment les nettoyer ?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eIl suffit de les rincer à l'eau — elles sont conçues pour un entretien facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ : Endommageront-elles ma voiture lors de l'installation ?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003ePas du tout ! Le design sans outil et à clipser assure un ajustement sécurisé sans aucune modification ni dommage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ : Sont-elles assez durables pour les terrains accidentés ?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eOui, fabriquées en matériau TPE premium, elles sont flexibles tout en étant assez solides pour résister aux obstacles et aux conditions difficiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tesery-trust-section\"\u003e\n\u003ch3\u003eLes propriétaires vérifiés adorent !\u003c\/h3\u003e\n\u003cdiv class=\"trust-section-content\"\u003e\n\u003cdiv class=\"review-container\"\u003e\n\u003cdiv class=\"review-box\"\u003e\n\u003cdiv class=\"review-header\"\u003e\n\u003cspan class=\"review-avatar\"\u003eJM\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e \u003cspan\u003eJames M.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"testimonial\"\u003e\"Protection parfaite sans gâcher les lignes épurées de mon Juniper Y. L'installation a pris moins de 5 minutes par roue !\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"review-box\"\u003e\n\u003cdiv class=\"review-header\"\u003e\n\u003cspan class=\"review-avatar\"\u003eSL\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cspan class=\"review-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/span\u003e \u003cspan\u003eSarah L.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"testimonial\"\u003e\"Après que le sel de voirie hivernal ait abîmé la peinture de ma précédente Tesla, ces bavettes ont été le premier accessoire que j'ai acheté pour mon nouveau Model Y. Complètement invisibles mais parfaitement efficaces.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tesery-cta-section\"\u003e\n\u003ch2\u003ePrêt à ressentir la différence ?\u003c\/h2\u003e\n\u003cp\u003eAméliorez votre Model Y Juniper avec les bavettes TESERY cachées dès aujourd'hui et conduisez avec confiance et style.\u003c\/p\u003e\n\u003cbutton class=\"brand-button\"\u003e \u003ca href=\"https:\/\/www.tesery.com\/collections\/tesla-model-y-accessories\" rel=\"noopener\" target=\"_blank\"\u003e\u003cspan\u003e \u003c\/span\u003e\u003c\/a\u003e\u003cspan\u003e\u003ca href=\"https:\/\/www.tesery.com\/collections\/new-model-y-accessories\" title=\"new model y accessories\" rel=\"noopener\" target=\"_blank\"\u003eDécouvrez plus d'accessoires pour le nouveau Model Y ➔\u003c\/a\u003e \u003c\/span\u003e \u003c\/button\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Please Select","offer_id":48613694243048,"sku":null,"price":33.95,"currency_code":"EUR","in_stock":true},{"title":"Model Y Juniper 2025-Present","offer_id":48613694275816,"sku":"TSL2876-new-Y","price":33.95,"currency_code":"EUR","in_stock":true},{"title":"Model YL (6-Seater) 2026-Present","offer_id":48613694308584,"sku":"TMF002-YC","price":33.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-763016.jpg?v=1747074186","url":"https:\/\/www.tesery.com\/fr-fr\/products\/model-y-juniper-hidden-mud-flaps-mud-guard","provider":"Tesery Official Store","version":"1.0","type":"link"}