Description
/* === Tesla Product Styling (Modern, Clean, Integrated) === */ :root { /* Color palette inspired by image_e49cb6.png (ambient lighting) and a clean, dark Tesla aesthetic. */ –primary-bg: #1A1A1A; /* Very dark grey / nearly black for background */ –secondary-bg: #2B2B2B; /* Slightly lighter dark grey for content blocks */ –tertiary-bg: #3A3A3A; /* Mid-dark grey for accents/cards */ –accent-color-dark: #A0A0A0; /* Muted silver/grey for strong accents, titles */ –accent-color-light: #C0C0C0; /* Lighter grey for subtle highlights */ –heading-color: #F8F8F8; /* Near white for headings */ –body-text-color: #B0B0B0; /* Medium light grey for body text */ –light-text-color: #707070; /* Darker light grey for descriptive text */ –border-color: #404040; /* Dark, subtle border for elements */ –tesla-accent-green: #00FF00; /* Green from the ambient light image */ –tesla-accent-purple: #9932CC; /* Purple from the ambient light image */ –tesla-gradient: linear-gradient(90deg, var(–tesla-accent-purple), var(–tesla-accent-green)); /* Dynamic gradient */ –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.4); –box-shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.7); –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.6); } .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.5); } .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: var(–tesla-gradient); 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.7); border-color: var(–tesla-accent-green); } .feature-icon { font-size: 3.5rem; margin-bottom: 20px; color: var(–tesla-accent-green); } .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; } /* Fragrance sections */ .fragrance-section { padding: 50px 0; background-color: var(–tertiary-bg); border-radius: var(–border-radius-main); margin-bottom: 40px; box-shadow: var(–box-shadow-medium); text-align: center; } .fragrance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1000px; margin: 0 auto; padding: 0 20px; } .fragrance-card { background: var(–secondary-bg); border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; } .fragrance-image { width: 100%; max-width: 250px; /* Adjust max-width as needed */ height: auto; border-radius: var(–border-radius-card); margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); border: 1px solid var(–border-color); } .fragrance-title { color: var(–heading-color); font-weight: 700; font-size: 1.6rem; margin-bottom: 10px; } .fragrance-note { color: var(–light-text-color); font-size: 1.1rem; font-weight: 500; margin-bottom: 15px; letter-spacing: 0.05em; } .fragrance-description { color: var(–body-text-color); font-size: 1rem; line-height: 1.6; margin-bottom: 0; } /* General Content Row (for Fragrance Sticks and How to Use) */ .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-row.image-on-side { display: flex; flex-direction: row; /* Default for larger screens */ align-items: center; gap: 30px; } .content-row.image-on-side .content-text { flex: 1; margin-bottom: 0; } .content-row.image-on-side .content-image-wrapper { flex: 1; margin-top: 0; } .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 */ } .content-row.image-on-side .content-image-wrapper img { max-height: 300px; /* Limit height for side image */ width: auto; /* Allow width to adjust */ object-fit: contain; /* Ensure image fits without cropping */ } /* Important Notes Section */ .notes-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; } .note-item { background: var(–secondary-bg); border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); max-width: 800px; margin: 25px auto; padding: 30px; text-align: left; position: relative; } .note-item::before { content: “!”; position: absolute; top: 20px; left: 20px; font-size: 2.5rem; color: var(–tesla-accent-purple); font-weight: 800; line-height: 1; } .note-item h4 { color: var(–heading-color); font-weight: 700; font-size: 1.5rem; margin-bottom: 15px; padding-left: 40px; /* Space for the icon */ } .note-item p { color: var(–body-text-color); font-size: 1.1rem; line-height: 1.7; padding-left: 40px; /* Space for the icon */ } /* Q&A Section */ .qa-section { padding: 50px 0; background-color: var(–tertiary-bg); border-radius: var(–border-radius-main); margin-bottom: 40px; box-shadow: var(–box-shadow-light); text-align: center; } .qa-item { background: var(–secondary-bg); border-radius: var(–border-radius-card); box-shadow: var(–box-shadow-light); border: 1px solid var(–border-color); max-width: 800px; margin: 25px auto; padding: 30px; text-align: left; } .qa-item h4 { color: var(–heading-color); font-weight: 700; font-size: 1.5rem; margin-bottom: 15px; } .qa-item p { color: var(–body-text-color); font-size: 1.1rem; line-height: 1.7; } /* 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, .fragrance-grid { grid-template-columns: 1fr; padding: 0 15px; } .note-item, .qa-item { padding: 20px; } .note-item h4, .note-item p { padding-left: 0; /* Remove padding for icon on small screens */ } .note-item::before { position: static; /* Position icon normally */ display: block; text-align: center; margin-bottom: 10px; } .fragrance-image { max-width: 200px; } .content-row.image-on-side { flex-direction: column; /* Stack on small screens */ } .content-row.image-on-side .content-image-wrapper img { width: 100%; /* Full width for image on small screens */ max-height: unset; /* Remove max height constraint */ } }
Air Vent Car Diffuser
For Tesla Model 3 Highland & Model Y Juniper
Elevate Your Drive
✨
Bold Lines, Minimalist Metal Design
Featuring crisp lines and a sleek metallic texture, its minimalist design effortlessly complements any interior, enduringly stylish.
🌬️
Freshen Car Air, Eliminate Odors
Combat persistent odors in your car’s enclosed space. Our diffuser effectively freshens the air, ensuring a pleasant environment for every journey.
👁️🗨️
Lightweight & Safe, Unobstructed View
Crafted from lightweight materials for safety, it never obstructs your line of sight, ensuring the most enjoyable and beautiful driving experience.
👃
Master Perfumer Formulas, Naturally Rich Scents
Developed by renowned perfumers and blended by professional fragrance companies, our classic and rich natural scents carry on a legacy of excellence.
Discover Your Scent Journey
Love Orange – Fruity Tone
Vibrant and sunny, exuding confidence and unique style. A beautiful love letter to song, dance, jazz, and “The City of Angels.”
Vanilla Sky – Herbal Tone
A romantic and sweet aroma that brings a pleasant and relaxing ambiance. A dreamy and romantic intertwining of fantasy and reality. Open your eyes.
Cold Mountain – Woody Tone
The essence of nature and tranquility, like bathing in the glow of dawn and dusk. Life’s experiences can find peace in nature.
About the Fragrance Sticks
Effortless Installation & Usage
Important Considerations
Caution: Avoid Contact with Surfaces
Essential oils or fragrance sticks can easily dissolve paint, plastic panels, and leather. If spilled, immediately wipe gently with a damp tissue or cloth to prevent damage.
Product Use & Safety Warnings
This product is an aromatherapy essential oil, not for beauty massage. Do not apply to skin, strictly prohibit consumption, keep away from children, pets, and fire sources.
Recommendation for Pregnant Women
It is sincerely recommended that pregnant women do not use aromatherapy products.
(The main elements of essential oil molecules are carbon, hydrogen, and oxygen, which are natural organic compounds. Plastics are also organic compounds. Essential oils may break down the long carbon molecules within plastic organic matter, causing the appearance of corrosion. In reality, it is a case of “like dissolves like,” not corrosion caused by strong acidity or alkalinity as commonly understood. All essential oils are weakly acidic and are safe when used correctly.)
Frequently Asked Questions
Q: How long does the diffuser stick usually last?
A: We use natural and safe essential oils. The material characteristics determine that the fragrance will last between 30 to 45 days. Our high-density PE fragrance sticks retain scent longer than ordinary sticks.
Q: Why do different people perceive the same scent differently?
A: Fragrance is a subjective experience. Everyone’s olfactory sensitivity and acceptance of scents differ, leading to varying perceptions of fragrance intensity and type.
Q: Why does the fragrance sometimes seem stronger or weaker in the car?
A: Car diffusers achieve optimal diffusion when the air conditioning is on, as air convection quickly disperses the scent. Temperature is also a key factor; higher temperatures cause the fragrance to evaporate more quickly.
Explore more from our collection.
Reviews
There are no reviews yet.