Description
/* === Scoped CSS Rules Start === */ .tesery-product-description-container { font-family: ‘Inter’, system-ui, sans-serif; color: var(–text-dark, #333333); line-height: 1.6; padding: 0; /* Main background is now a very subtle white-to-light-grey gradient */ background: var(–gradient-light-glass); } .tesery-product-description-container section { padding: 40px 24px; max-width: 100%; margin: 0 auto; box-sizing: border-box; background: transparent; box-shadow: none; border-radius: 0; } /* Applying Glassmorphism to content containers */ .tesery-product-description-container .content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); margin-bottom: 2em; } .tesery-hero-section { background: transparent; box-shadow: none; border-radius: 0; } .tesery-product-description-container h2 { color: var(–accent-color, #B5838D); text-align: center; margin: 0 0 1.5em; font-size: 2.8em; line-height: 1.2; } .tesery-product-description-container h3 { color: var(–text-dark, #333333); margin: 2.5em 0 1em; font-size: 2.2em; text-align: center; font-weight: 700; padding-bottom: 0.5em; position: relative; } .tesery-product-description-container h3.section-header { color: var(–text-dark-on-light); padding: 20px 50px; display: block; max-width: fit-content; margin: 3em auto 1.5em; font-size: 2.2em; font-weight: 700; text-align: center; position: relative; z-index: 1; } .tesery-product-description-container h3.section-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .tesery-product-description-container h3.section-header:hover::before { transform: scale(1.05); box-shadow: 0 8px 30px rgba(0,0,0,0.1); } /* Reassigning gradients to be more cohesive with the main background */ .tesery-product-description-container .tesery-feature-grid-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container .tesery-specs-section h3.section-header::before { background: var(–gradient-yellow-orange); } .tesery-product-description-container .tesery-package-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container .tesery-faq-section h3.section-header::before { background: var(–gradient-yellow-orange); } .tesery-product-description-container .tesery-trust-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container p { color: var(–text-dark, #333333); max-width: 800px; margin: 1em auto; text-align: center; } /* Hero section */ .tesery-hero-section { padding: 60px 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .tesery-hero-content-wrapper { display: flex; flex-direction: row; align-items: center; max-width: 1200px; width: 100%; gap: 50px; } .tesery-hero-image-banner { flex: 1; max-width: 600px; box-shadow: var(–shadow-heavy, 0 20px 60px rgba(0,0,0,0.15)); border-radius: var(–border-radius, 16px); } .tesery-hero-image-banner .hero-image { width: 100%; height: auto; display: block; border-radius: var(–border-radius, 16px); object-fit: cover; } .tesery-hero-text-content-wrapper { flex: 1; max-width: 600px; text-align: left; } .tesery-hero-text-content-wrapper h1 { font-size: 3.5em; color: var(–text-dark, #333333); margin-bottom: 0.2em; line-height: 1.1; text-align: left; } .tesery-hero-text-content-wrapper .hero-description { font-size: 1.1em; color: var(–text-medium); margin: 0.5em 0 1em 0; max-width: 700px; text-align: left; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.5em; color: var(–text-medium); margin-bottom: 1.5em; font-style: italic; text-align: left; } .tesery-hero-text-content-wrapper .prop-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; max-width: 100%; margin-bottom: 0; } .tesery-hero-section .prop-item { display: flex; align-items: center; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); border-radius: 50px; padding: 8px 16px; font-weight: 600; color: var(–text-dark, #333333); font-size: 1em; white-space: nowrap; box-shadow: var(–shadow-light-glass); border: 1px solid var(–border-color-light-glass); flex-grow: 0; flex-basis: auto; justify-content: center; } .tesery-feature-grid-section .feature-container { padding: 40px 24px; max-width: 100%; margin: 0 auto; box-sizing: border-box; background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .feature-item { display: flex; align-items: center; gap: 40px; max-width: 1200px; margin: 40px auto; } .tesery-product-description-container .feature-item-content { flex: 1; text-align: center; } .tesery-product-description-container .feature-item-image-wrapper { flex: 1; text-align: center; } .tesery-product-description-container .feature-item img { max-width: 100%; height: auto; border-radius: var(–border-radius, 16px); box-shadow: var(–shadow-medium, 0 8px 40px rgba(0,0,0,0.12)); } .tesery-product-description-container .feature-item:nth-child(even) { flex-direction: row-reverse; } .tesery-product-description-container .feature-item:nth-child(even) .feature-item-content { text-align: center; } .tesery-product-description-container .feature-item h4 { font-size: 2em; color: var(–accent-color, #B5838D); margin-bottom: 0.5em; text-align: center; } .tesery-product-description-container .feature-item p { text-align: center; color: var(–text-medium); font-size: 1.1em; line-height: 1.7; } .tesery-product-description-container .feature-item:nth-child(even) p { text-align: center; } .tesery-specs-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .specs-section-content { margin: 2em auto; max-width: 900px; text-align: left; } .tesery-product-description-container .specs-list { list-style-type: none; padding: 0; margin: 1em 0; } .tesery-product-description-container .specs-list li { padding: 12px 20px; background: rgba(255, 255, 255, 0.5); border: 1px solid var(–border-color-light-glass); border-radius: 8px; margin-bottom: 8px; font-weight: 400; color: var(–text-medium); } .tesery-product-description-container .specs-list li strong { color: var(–accent-color, #B5838D); font-weight: 600; } .tesery-product-description-container .specs-list ul { list-style-type: disc; padding-left: 20px; margin-top: 8px; } .tesery-product-description-container .specs-list ul li { background: transparent; border: none; padding: 4px 0; margin-bottom: 0; color: var(–text-medium); } .tesery-package-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .package-section-content { margin: 2em auto; max-width: 900px; text-align: center; } .tesery-product-description-container .package-section-content p { color: var(–text-medium); } .tesery-product-description-container .package-section-content ul { list-style-type: none; padding: 0; margin: 1em 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; } .tesery-product-description-container .package-section-content li { background: rgba(255, 255, 255, 0.5); border: 1px solid var(–border-color-light-glass); border-radius: 8px; padding: 12px 20px; font-weight: 600; color: var(–text-dark); box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s; } .tesery-product-description-container .package-section-content li:hover { transform: translateY(-2px); } .tesery-faq-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .faq-section-content { margin: 2em auto; max-width: 900px; text-align: left; } .tesery-product-description-container .faq-item { margin-bottom: 12px; background: rgba(255, 255, 255, 0.5); border-radius: var(–border-radius, 16px); border: 1px solid var(–border-color-light-glass); transition: all 0.3s ease; overflow: hidden; } .tesery-product-description-container .faq-item:hover { box-shadow: var(–shadow-medium, 0 8px 40px rgba(0,0,0,0.12)); border-color: var(–accent-light, #B5838D); } .tesery-product-description-container .faq-item details { border: none; } .tesery-product-description-container .faq-item summary { padding: 20px 56px 20px 24px; font-weight: 600; font-size: 1.05rem; cursor: pointer; color: var(–text-dark, #333333); transition: all 0.3s ease; position: relative; list-style: none; outline: none; user-select: none; background: transparent; text-align: left; } .tesery-product-description-container .faq-item summary::-webkit-details-marker { display: none; } .tesery-product-description-container .faq-item summary::after { content: ‘+’; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(–accent-color, #B5838D); transition: all 0.3s ease; font-weight: 300; line-height: 1; } .tesery-product-description-container .faq-item details[open] summary::after { content: ‘−’; transform: translateY(-50%) rotate(0deg); } .tesery-product-description-container .faq-item summary:hover { background: rgba(0, 0, 0, 0.02); } .tesery-product-description-container .faq-content { padding: 0 24px 20px; color: var(–text-medium, #666666); line-height: 1.6; animation: fadeIn 0.3s ease-in-out; text-align: left; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .tesery-trust-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .trust-section-content { max-width: 1000px; margin: 0 auto; text-align: center; } .tesery-product-description-container .review-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 2em 0; } .tesery-product-description-container .review-box { flex: 1; min-width: 300px; max-width: 45%; border: 1px solid var(–border-color-light-glass); border-radius: var(–border-radius, 8px); padding: 20px; background: rgba(255, 255, 255, 0.5); box-shadow: var(–shadow-light-glass); transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .tesery-product-description-container .review-box:hover { transform: translateY(-5px); box-shadow: var(–shadow-medium, 0 8px 40px rgba(0,0,0,0.12)); } .tesery-product-description-container .review-header { display: flex; flex-direction: column; align-items: center; margin-bottom: 12px; } .tesery-product-description-container .review-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(–border-color-light); color: var(–star-yellow, #d4af37); display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 8px; font-size: 1.2em; flex-shrink: 0; } .tesery-product-description-container .review-stars { color: var(–star-yellow, #ffd700); margin-right: 4px; font-size: 1.1em; } .tesery-product-description-container .review-stars + span { font-weight: 600; color: var(–text-dark, #333333); display: block; text-align: center; } .tesery-product-description-container .testimonial { font-style: italic; color: var(–text-medium, #666666); margin: 1em 0 0; padding-left: 0; border-left: none; font-size: 1em; text-align: center; } .tesery-cta-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-cta-section h2 { color: var(–text-dark); font-size: 2.5em; margin-bottom: 0.5em; } .tesery-cta-section p { color: var(–text-medium); margin-bottom: 2em; font-size: 1.2em; } .tesery-product-description-container .brand-button { background: var(–bg-cta-button); color: var(–accent-color, #B5838D); padding: 16px 40px; border-radius: 50px; font-weight: 700; text-transform: none; font-size: 1.2em; transition: all 0.4s ease; border: none; cursor: pointer; margin: 0 auto; display: block; max-width: 320px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); position: relative; overflow: hidden; } .tesery-product-description-container .brand-button::before { content: ”; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0,0,0,0.05), transparent); transition: left 0.5s; } .tesery-product-description-container .brand-button:hover::before { left: 100%; } .tesery-product-description-container .brand-button:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.3); color: var(–accent-color); } .tesery-product-description-container .brand-button a { text-decoration: none; color: inherit; display: block; } /* Responsive adjustments */ @media (max-width: 1024px) { .tesery-hero-content-wrapper { flex-direction: column; gap: 20px; } .tesery-hero-image-banner, .tesery-hero-text-content-wrapper { max-width: 100%; text-align: center; } .tesery-hero-text-content-wrapper h1, .tesery-hero-text-content-wrapper .hero-description, .tesery-hero-text-content-wrapper .subtitle { text-align: center; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: center; } .tesery-product-description-container .feature-grid { max-width: 90%; } .tesery-product-description-container .specs-section-content { max-width: 90%; } .tesery-product-description-container .faq-section-content { max-width: 90%; } .tesery-product-description-container .trust-section-content { max-width: 90%; } .tesery-product-description-container .feature-item { flex-direction: column; text-align: center; } .tesery-product-description-container .feature-item:nth-child(even) { flex-direction: column; } .tesery-product-description-container .feature-item .feature-item-content, .tesery-product-description-container .feature-item:nth-child(even) .feature-item-content { text-align: center; } } @media (max-width: 768px) { .tesery-product-description-container section { padding: 30px 16px; } .tesery-product-description-container h2 { font-size: 2.2em; } .tesery-product-description-container h3 { font-size: 1.8em; margin: 2em 0 0.8em; } .tesery-product-description-container h3.section-header { font-size: 1.8em; padding: 12px 30px; margin: 2.5em auto 1em; color: var(–text-dark-on-light); } .tesery-hero-text-content-wrapper h1 { font-size: 2.8em; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.2em; } .tesery-hero-image-banner { margin-bottom: 20px; } .tesery-hero-image-banner .hero-image { border-radius: 12px; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: space-evenly; gap: 8px; margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 1em; padding: 8px 15px; color: var(–text-dark, #333333); } .tesery-product-description-container .prop-item span { font-size: 1em; } .tesery-faq-item summary { padding: 16px 44px 16px 20px; font-size: 0.95rem; color: var(–text-dark, #333333); } .tesery-faq-item summary::after { right: 20px; font-size: 18px; } .tesery-faq-content { padding: 0 20px 16px; font-size: 0.9rem; } .tesery-product-description-container .review-container { flex-direction: column; align-items: center; gap: 16px; } .tesery-product-description-container .review-box { max-width: 90%; margin: 0; padding: 16px; } .tesery-product-description-container .review-avatar { width: 40px; height: 40px; margin-right: 10px; font-size: 1em; } .tesery-cta-section h2 { font-size: 2em; } .tesery-cta-section p { font-size: 1.1em; } .tesery-product-description-container .brand-button { padding: 14px 30px; font-size: 1em; max-width: 280px; } } @media (max-width: 480px) { .tesery-product-description-container section { padding: 20px 12px; } .tesery-product-description-container h2 { font-size: 1.8em; } .tesery-product-description-container h3 { font-size: 1.6em; } .tesery-product-description-container h3.section-header { font-size: 1.6em; padding: 10px 20px; margin: 2em auto 0.8em; } .tesery-hero-text-content-wrapper h1 { font-size: 2.2em; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.1em; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: space-evenly; gap: 8px; margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 0.9em; padding: 6px 12px; flex-grow: 0; flex-basis: 45%; } .tesery-product-description-container .feature-item { gap: 20px; margin: 30px auto; } .tesery-product-description-container .feature-item h4 { font-size: 1.6em; } .tesery-product-description-container .feature-item p { font-size: 1em; } .tesery-cta-section h2 { font-size: 1.8em; } .tesery-cta-section p { font-size: 1em; } .tesery-product-description-container .brand-button { padding: 12px 25px; font-size: 0.9em; max-width: 250px; } } /* === Scoped CSS Rules End === */ :root { –primary-color: #ffffff; –secondary-color: #B5838D; –accent-color: #B5838D; –accent-light: #C79F9C; –accent-secondary: #E0B195; –warm-white: #f8f8f8; –crisp-white: #ffffff; –text-dark: #333333; –text-medium: #666666; –text-light: #999999; /* Light Glassmorphism variables with warm tones */ –gradient-light-glass: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 100%); –bg-card-light-glass: rgba(255, 255, 255, 0.7); –bg-light-accent: #e9e9eb; –border-color-light-glass: rgba(255, 255, 255, 0.2); –shadow-light-glass: 0 4px 20px rgba(0,0,0,0.08); –text-dark-on-light: #333333; –bg-cta-button: #ffffff; –gradient-primary: linear-gradient(135deg, #B5838D 0%, #7C5E6A 100%); –gradient-secondary: linear-gradient(135deg, #E0B195 0%, #B5838D 100%); –border-radius: 16px; –shadow-light: 0 4px 20px rgba(0,0,0,0.08); –shadow-medium: 0 8px 40px rgba(0,0,0,0.12); –shadow-heavy: 0 20px 60px rgba(0,0,0,0.15); –star-yellow: #fbbf24; –gradient-yellow-orange: linear-gradient(135deg, #FFEF96 0%, #FFB670 100%); /* New, more subtle pink gradient */ –gradient-subtle-pink: linear-gradient(135deg, #FDE6E4 0%, #F8D3C8 100%); }
Under Screen Storage Box Center Console Organizer (Left Hand Drive)
Seamlessly designed to fit your Model 3 Highland or New Model Y, this under-screen storage box integrates perfectly while adding a touch of ambient lighting.
Organize Your Space. Illuminate Your Ride.
Seamless Fit Ambient Lighting Hidden Battery Easy Installation Large Capacity Type-C Powered
Key Features & Benefits
Precision OEM Fit
Custom-molded using 3D scan data for a perfect 1:1 fit with your original car’s dimensions. It seamlessly integrates under the screen with no gaps, maintaining the car’s sleek aesthetic.
Romantic Ambient Lighting
Features a breathing gradient light effect that adds a touch of romantic ambiance to your car’s interior, enhancing your driving experience.
Large Capacity Organizer
Designed with a large capacity to store your phone, iPad, watches, glasses, and other essentials, keeping them organized without affecting driving safety.
Hidden Battery Box
Comes with a hidden compartment that fits one standard flat-top 18650 battery, providing a clean, wire-free power source for the lighting.
Effortless, Tool-Free Installation
Enjoy a simple, plug-and-play installation. No need for wire cutting or modifications—just insert it into the display beam for a seamless and secure fit.
Product Specifications
- Compatibility:
- Model 3 2017-2023.10
- Model Y 2020-2025.3
- Model 3 Highland (New Model 3)
- New Model Y
- Power & Dimensions:
- Power Interface: Type-C
- Input: 5V1A
- Battery Model: One standard flat-top 18650 battery
- Product Dimensions: 307mm x 175mm x 240mm
- Materials & Installation:
- Materials: ABS+PC+TPE+Hardware
- Installation Method: Display beam insert type
What’s in the Box
The standard package includes:
- Storage Box x 1
- Instruction Manual x 1
- Silicone Pad x 1
- ETC Magnetic Sheet x 1
Frequently Asked Questions
How do I power the ambient lighting?
The ambient lighting is powered by a standard flat-top 18650 battery which is inserted into a hidden compartment. This provides a clean, wire-free solution. The battery is not included in the package.
Is the installation difficult?
Not at all! The storage box is designed for a simple, tool-free, and plug-and-play installation. You just need to insert it directly into the display beam for a secure fit.
Will this block my screen or air vents?
The storage box is custom-molded based on 3D scan data to fit perfectly without obstructing the screen view, air vents, or any other car controls.
Can I use this with a different Tesla model?
This product is specifically designed for Tesla Model 3 2017-2023.10, Model Y 2020-2025.3, Model 3 Highland, and New Model Y. We cannot guarantee a perfect fit for other models.
Ready to Organize and Illuminate?
Upgrade your Tesla’s interior with this stylish and functional storage solution.
Explore more from our collection.






Reviews
There are no reviews yet.