Description
💡
Please be sure to choose a color you like. This is a single-color set. For adjustable RGB footwell lights, please visit this link.
📍 Installation Locations ▼
Coverage Areas Include:
- Footwell Areas – Driver & passenger side for enhanced ambiance.
- Door Panels – All 4 doors for elegant puddle lighting.
- Glove Compartment – Bright interior illumination for easy access.
- Front Trunk (Frunk) – Premium lighting for the front storage area.
- Rear Trunk Area – Complete illumination for the main cargo space.
🔧 Installation Steps ▼
💡 Easy 3-Step Installation:
- Step 1: Gently pry out the original factory light.
- Step 2: Disconnect the power plug from the old light.
- Step 3: Plug in your new LED light and snap it back into place.
⚡️ Damage-free, plug-and-play installation. No expertise needed!
/* — Main Container — */ .tesla-guide-container { font-family: ‘Montserrat’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, Arial, sans-serif; background-color: #ffffff; padding: 24px; max-width: 700px; margin: 20px auto; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); box-sizing: border-box; border: 1px solid #e5e7eb; border-radius: 12px; /* <– ADDED: Main container rounded corners */ overflow: hidden; /* <– ADDED: Ensures child elements conform to rounded corners */ } /* — Gradient Alert Box — */ .color-clarification-alert { display: flex; align-items: flex-start; gap: 12px; color: #ffffff; background: linear-gradient(110deg, #3b82f6, #8b5cf6); padding: 14px 16px; border-radius: 8px; /* <– UPDATED: Rounded corners for alert box */ margin: 0 0 20px 0; } .color-clarification-alert .alert-icon { font-size: 18px; line-height: 1.6; } .color-clarification-alert p { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.6; } .color-clarification-alert a { color: #ffffff; font-weight: 700; opacity: 0.9; transition: opacity 0.2s; text-decoration: none !important; /* Kept the underline fix */ } .color-clarification-alert a:hover { opacity: 1; } /* — Collapsible Sections — */ .collapsible-sections { display: flex; flex-direction: column; gap: 8px; } details { background: #ffffff; border: 1px solid #e5e7eb; overflow: hidden; transition: border-color 0.2s ease; border-radius: 8px; /* <– ADDED: Rounded corners for details sections */ } details:hover { border-color: #d1d5db; } summary { background: #f7f8fa; padding: 12px 16px; cursor: pointer; font-weight: 600; font-size: 15px; color: #0f172a; list-style: none; display: flex; align-items: center; justify-content: space-between; transition: background-color 0.2s ease; } summary:hover { background: #f0f2f5; } summary::-webkit-details-marker, summary::marker { display: none; } .icon { font-size: 16px; transition: transform 0.3s ease; } details[open] summary .icon { transform: rotate(180deg); } details[open] summary { border-bottom: 1px solid #e5e7eb; } .details-content { padding: 16px; animation: slideDown 0.3s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .guide-image { width: 100%; max-width: 400px; height: auto; margin: 0 auto 16px; display: block; border-radius: 6px; /* <– ADDED: Rounded corners for images */ } .info-box { background-color: #f7f8fa; padding: 16px; border-radius: 6px; /* <– ADDED: Rounded corners for info boxes */ } .box-title { color: #1f2937; font-size: 14px; margin: 0 0 10px 0; font-weight: bold; } .info-box ul, .info-box ol { color: #4b5563; font-size: 13px; margin: 0; padding-left: 20px; line-height: 1.6; } .info-box li { margin-bottom: 6px; } .plug-and-play { margin: 12px 0 0 0; font-size: 12px; color: #475569; font-style: italic; text-align: center; } /* — Mobile Responsive — */ @media (max-width: 600px) { .tesla-guide-container { margin: 16px; /* <– UPDATED: Adds space around the container on mobile */ padding: 16px; /* <– UPDATED: Slightly adjusted padding for mobile */ /* By removing border:none and box-shadow:none, it inherits from desktop, making it visible */ } summary { font-size: 14px; padding: 12px; } .details-content, .info-box { padding: 12px; } }
Explore more from our collection.
Reviews
There are no reviews yet.