{"product_id":"tesery-hidden-mud-flaps-for-model-y-juniper-invisible-protection","title":"TESERY Hidden Mud Flaps for Model Y Juniper | Invisible Protection","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);\"\u003eInvisible Protection\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eComplete Coverage\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003eUltra-Durable TPE\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"prop-item\"\u003e\u003cspan\u003e\u003cspan style=\"color: rgb(26, 26, 26);\"\u003e10-Minute Install\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 Hidden Mud Flaps - Product Shot\" 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 Hidden Mud Flaps\u003c\/h2\u003e\n\u003cp class=\"hero-description\"\u003eDon't compromise your Model Y Juniper's sleek design for protection. Our hidden mud flaps provide invisible defense against road debris, salt, and mud while maintaining the clean lines that make your Tesla stand out.\u003c\/p\u003e\n\u003cp class=\"subtitle\"\u003eProtection That Preserves Your Tesla's Aesthetic.\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\u003eKey Features\u003c\/h3\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-card\" style=\"text-align: center;\"\u003e\n\u003cp\u003e\u003cstrong\u003ePrecision Fit\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEngineered specifically for the Model Y Juniper for a perfect, seamless integration.\u003c\/p\u003e\n\u003cimg alt=\"Precision Fit\" 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\u003eInvisible Protection\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePreserves your Tesla's sleek profile with a design that's virtually invisible from most viewing angles.\u003c\/p\u003e\n\u003cimg alt=\"Invisible Protection\" 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\u003eComplete Coverage\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFront and rear protection shields your paint from road debris, maintaining your Tesla's pristine appearance.\u003c\/p\u003e\n\u003cimg alt=\"Complete Coverage\" 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\u003eUltra-Durable TPE\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eWeather-resistant material that withstands extreme temperatures without cracking or warping.\u003c\/p\u003e\n\u003cimg alt=\"Ultra-Durable TPE\" 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\u003eSelf-Cleaning\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSimply rinse with water during regular washes—no special care required.\u003c\/p\u003e\n\u003cimg alt=\"Self-Cleaning\" 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\u003e10-Minute Install\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEffortless snap-in design uses existing mounting points—no tools, no drilling, no stress.\u003c\/p\u003e\n\u003cimg alt=\"5-Minute Install\" 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\"\u003eModel Y Juniper Hidden Mud Flaps Demo\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\u003eProduct Specifications\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\u003eMaterial\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePremium Thermoplastic Elastomer (TPE)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eTemperature Range\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e-40°F to 230°F (-40°C to 110°C)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eCompatibility\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\u003eMounting Type\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eSnap-in, OEM mounting points\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003ePackage Contents\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e4 Mud Flaps (2 Front, 2 Rear), Installation Guide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eWeight\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e1.39 lbs (0.63 kg) total set\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eModel Compatibility\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\u003ePerfect Fit, Specifically designed for this model\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\u003eNot Compatible, Different mounting positions\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\u003eOther Tesla Models\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eNot Compatible, Contact us for other options\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCertified Quality\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\u003eOE-Tested\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMeets Original Equipment manufacturer standards\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eChild-Safe Materials\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eCPSIA-certified non-toxic materials\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003eEco-Friendly\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMade from 70% recycled materials\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e1-Year Warranty\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eIndustry-leading coverage\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\u003eFrequently Asked Questions\u003c\/h3\u003e\n\u003cdiv class=\"faq-section-content\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQ: Are these mud flaps compatible with other Tesla models?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eThis product is specifically designed for \u003cstrong\u003eTesla Model Y Juniper\u003c\/strong\u003e. Please check compatibility before purchasing. For other Tesla models, please check our store for compatible mud flap options.\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: Do they affect ground clearance?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eNo, they are designed with optimal height to ensure no interference with normal driving.\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: How do I clean them?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eSimply rinse with water—they're built for easy maintenance.\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: Will they damage my car during installation?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eNot at all! The tool-free, snap-on design ensures a secure fit without any modifications or damage.\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: Are they durable enough for rough terrains?\u003c\/summary\u003e\n\u003cdiv class=\"faq-content\"\u003e\n\u003cp style=\"text-align: left;\"\u003eYes, made from premium TPE material, they're flexible yet strong enough to withstand obstacles and harsh conditions.\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\u003eVerified Owners Love It!\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\"Perfect protection without ruining the clean lines of my Juniper Y. Installation took less than 5 minutes per wheel!\"\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\"After winter road salt ruined the paint on my previous Tesla, these mud flaps were the first accessory I bought for my new Model Y. Completely invisible but does the job perfectly.\"\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\u003eReady to Experience the Difference?\u003c\/h2\u003e\n\u003cp\u003eUpgrade your Model Y Juniper with TESERY Hidden Mud Flaps today and drive with confidence and 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\"\u003eExplore More New Model Y Accessories ➔\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":42684734636128,"sku":"sku-48613694243048","price":37.99,"currency_code":"USD","in_stock":true},{"title":"Model Y Juniper 2025-Present","offer_id":42786291744864,"sku":"TSL2876-new-Y","price":37.99,"currency_code":"USD","in_stock":false},{"title":"Model YL 2026-Present","offer_id":42786291777632,"sku":"TMF002-YC","price":37.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0598\/1922\/9280\/files\/tesery-hidden-mud-flaps-mud-guard-for-model-y-juniper-763016.jpg?v=1775586681","url":"https:\/\/bijoucc.myshopify.com\/products\/tesery-hidden-mud-flaps-for-model-y-juniper-invisible-protection","provider":"CARIBBEAN CONNECT","version":"1.0","type":"link"}