Description

/* === Tesla Product Styling (Sleek, Functional, Integrated) === */ :root { /* Color palette inspired by the image: deep greys, subtle blues, clean whites, emphasizing blacks for the curtain */ –primary-bg: #0C0C0C; /* Even deeper black for background */ –secondary-bg: #181818; /* Slightly lighter dark grey for content blocks */ –tertiary-bg: #252525; /* Mid-dark grey for accents/cards */ –accent-color-dark: #7A7A7A; /* Muted silver/grey for strong accents, titles */ –accent-color-light: #C0C0C0; /* Lighter grey for subtle highlights */ –heading-color: #FAFAFA; /* Near white for headings */ –body-text-color: #A0A0A0; /* Medium light grey for body text */ –light-text-color: #606060; /* Darker light grey for descriptive text */ –border-color: #303030; /* Darker, more pronounced border for elements */ –tesla-blue: #007BFF; /* A subtle blue, reflecting tech and precision */ –tesla-red: #CC0000; /* Subtle red for specific highlights */ –font-family-primary: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; –box-shadow-light: 0 4px 15px rgba(0, 0, 0, 0.5); –box-shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.8); –border-radius-main: 12px; –border-radius-card: 8px; } /* Base styling */ .tesla-product-container { font-family: var(–font-family-primary); color: var(–body-text-color); line-height: 1.7; background-color: var(–primary-bg); max-width: 1200px; margin: 0 auto; box-shadow: var(–box-shadow-medium); overflow: hidden; border-radius: var(–border-radius-main); } /* Hero section */ .hero-section { position: relative; text-align: center; padding: 80px 20px 60px; background: linear-gradient(135deg, var(–secondary-bg), var(–primary-bg)); border-bottom: 1px solid var(–border-color); box-shadow: var(–box-shadow-light); margin-bottom: 40px; } .product-title { color: var(–heading-color); font-weight: 800; font-size: 3.2rem; margin-bottom: 15px; letter-spacing: -0.04em; text-shadow: 0 2px 5px rgba(0,0,0,0.4); } .product-subtitle { font-weight: 500; color: var(–accent-color-light); font-size: 1.6rem; margin-bottom: 30px; text-shadow: 0 1px 3px rgba(0,0,0,0.3); } .hero-image { width: 90%; max-width: 900px; height: auto; display: block; margin: 40px auto 0; border-radius: var(–border-radius-main); box-shadow: var(–box-shadow-medium); object-fit: cover; border: 2px solid var(–border-color); } /* Content container */ .content-container { padding: 0 24px; } /* Section title */ .section-title { color: var(–heading-color); text-align: center; margin: 4rem 0 2.5rem; font-weight: 700; font-size: 2.6rem; position: relative; padding-bottom: 20px; letter-spacing: -0.03em; } .section-title::after { content: “”; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 5px; background: linear-gradient(90deg, transparent, var(–tesla-blue), transparent); border-radius: 2px; } /* Features grid */ .features-section { padding-top: 40px; padding-bottom: 40px; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 4rem; padding: 0 20px; } .feature-card { background: var(–secondary-bg); border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; display: flex; flex-direction: column; align-items: center; padding: 35px 30px; border: 1px solid var(–border-color); text-align: center; } .feature-card:hover { transform: translateY(-7px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6); border-color: var(–tesla-blue); } .feature-icon { font-size: 3.5rem; margin-bottom: 20px; color: var(–tesla-blue); } .feature-title { color: var(–heading-color); font-weight: 700; font-size: 1.4rem; margin: 0 0 10px; } .feature-description { color: var(–body-text-color); font-size: 1.05rem; margin: 0; line-height: 1.6; } /* Content Rows (Installation) */ .content-row-section { padding: 50px 0; background-color: var(–primary-bg); border-radius: var(–border-radius-main); margin-bottom: 40px; box-shadow: var(–box-shadow-medium); text-align: center; } .content-row { padding: 40px 30px; max-width: 1000px; margin: 0 auto 40px; background-color: var(–secondary-bg); border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); text-align: left; display: flex; flex-direction: column; align-items: center; } .content-text { text-align: left; padding: 0; margin-bottom: 30px; } .content-text h4 { color: var(–heading-color); font-weight: 700; font-size: 1.8rem; margin-bottom: 15px; line-height: 1.3; } .content-text p { color: var(–body-text-color); font-size: 1.1rem; line-height: 1.7; margin-bottom: 15px; } .content-image-wrapper { max-width: 100%; text-align: center; margin-top: 20px; } .content-image-wrapper img { width: 100%; height: auto; border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); object-fit: cover; aspect-ratio: 16 / 9; /* Common aspect ratio for images */ } /* Compatibility Table */ .compatibility-section { padding: 50px 0; background-color: var(–primary-bg); border-radius: var(–border-radius-main); margin-bottom: 40px; box-shadow: var(–box-shadow-medium); text-align: center; } .compatibility-table-container { max-width: 700px; margin: 30px auto 0; background-color: var(–secondary-bg); border-radius: var(–border-radius-card); overflow: hidden; box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); } .compatibility-table { width: 100%; border-collapse: collapse; font-size: 1.05rem; } .compatibility-table th, .compatibility-table td { padding: 18px; text-align: left; border-bottom: 1px solid var(–border-color); } .compatibility-table th { background-color: var(–accent-color-dark); color: #fff; font-weight: 600; text-transform: uppercase; font-size: 0.95rem; letter-spacing: 0.08em; } .compatibility-table tbody tr:last-child td { border-bottom: none; } .compatibility-table tbody tr:nth-child(even) { background-color: var(–tertiary-bg); } .compatibility-table .check-mark { color: #28a745; font-weight: bold; font-size: 1.3rem; text-align: center; width: 60px; } /* Responsive adjustments */ @media (max-width: 768px) { .hero-section { padding: 60px 15px 40px; } .product-title { font-size: 2.5rem; } .product-subtitle { font-size: 1.3rem; } .section-title { font-size: 2.2rem; margin: 3rem 0 1.5rem; } .features-grid { grid-template-columns: 1fr; padding: 0 15px; } .content-row { padding: 30px 15px; } .content-text { padding: 0; text-align: center; } .content-text h4 { font-size: 1.6rem; } .content-text p { font-size: 1rem; } .content-image-wrapper img { width: 100%; } .compatibility-table th, .compatibility-table td { padding: 12px; font-size: 0.95rem; } }

Rear Privacy Divider Curtain

Enhanced Privacy and Comfort for Your Tesla Model 3/Y/S/X

Key Features

🧵

Soft Suede Material

Made of soft suede. Bring you a soft and luxurious touch. Both durable and beautiful.

🔗

Two-Piece Velcro Divider for Privacy & Passage

The two-piece divider curtain, secured with Velcro, ensures maximum privacy in your vehicle while still allowing for convenient passage of items between the front and rear compartments.

🔄

Retractable Design with Tie-Straps

Enjoy flexible usage with our retractable design. When not in use, simply roll it up and secure it with the integrated tie-straps, easily stowing it in the seat gaps for a neat interior.

🤫

Reduces Light and Noise

Our privacy curtain effectively blocks out excessive light, creating a cooler and more private cabin. It also helps in reducing external noise, providing a quieter and more relaxing environment.

Easy Installation Guide

Step 1: Locate Your Vehicle’s Pillars

Begin by identifying the appropriate pillars in your Tesla where the curtain will be securely attached. These are typically the B-pillars located between the front and rear doors.

Step 2: Attach Metal Hooks to the Pillars

Carefully hook the metal hangers of the curtain onto the identified pillars. Ensure they are securely fastened to prevent any slippage during your drive.

Step 3: Tighten the Rope for a Snug Fit

Once the hooks are in place, pull the rope firmly to tension the curtain, ensuring a taut and neat appearance. This step secures the curtain and prevents it from sagging.

Compatible Tesla Models & Years

Tesla Model	Years	Compatibility
Model 3	2017 – Present	✔️
Model Y	2020 – Present	✔️
Model S	2012 – Present	✔️
Model X	2015 – Present	✔️

Designed for universal fit across a wide range of Tesla models.

Explore more from our collection.