Tesla-Compatible Ultrasonic Car Diffuser with Cloud Mist & RGB Ambient Light

Description

/* === Scoped CSS Rules Start === */ /* === NEW STYLES FOR YOUTUBE VIDEO START === */ /* Container to maintain 16:9 aspect ratio for the video */ .video-hero-wrapper { position: relative; width: 100%; /* 16:9 Aspect Ratio (Height/Width = 56.25%) */ padding-top: 56.25%; height: 0; overflow: hidden; /* Apply rounded corners (using 24px as an example, adjust if needed) */ border-radius: 24px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); margin-bottom: 24px; } /* Make the iframe fill the container */ .video-hero-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; /* Optional: Hide autoplay controls on the video to keep it clean */ } /* === NEW STYLES FOR YOUTUBE VIDEO END === */ :root { –text-dark: #f0f0f0; /* Main text color, high contrast */ –text-medium: #b0b0b0; /* Subtitle/less important text */ –bg-dark: #121212; –bg-card-dark-glass: rgba(0, 0, 0, 0.3); –border-color-dark-glass: rgba(255, 255, 255, 0.1); –shadow-dark-glass: 0 4px 24px rgba(0, 0, 0, 0.2); –gradient-accent: linear-gradient(to right, #8A2BE2, #9400D3); –cta-text: #ffffff; –star-yellow: #FFD700; –spec-color-1: rgba(63, 42, 86, 0.7); –spec-color-2: rgba(84, 58, 112, 0.7); –spec-color-3: rgba(107, 79, 139, 0.7); –spec-color-4: rgba(74, 50, 99, 0.7); } .tesery-product-description-container { font-family: ‘Inter’, system-ui, sans-serif; color: var(–text-dark); line-height: 1.6; padding: 0; background-color: var(–bg-dark); } .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; } .tesery-product-description-container .content-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); margin-bottom: 2em; } /* New Banner Section */ .tesery-banner-section { padding: 0; margin: 0; position: relative; text-align: center; color: var(–text-dark); overflow: hidden; } .tesery-banner-section .banner-image { width: 100%; height: 500px; object-fit: cover; display: block; filter: brightness(0.6); transition: filter 0.5s ease-in-out; } .tesery-banner-section .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 900px; z-index: 10; margin-top: 0; margin-bottom: 0; } .tesery-banner-section h1 { font-size: 4em; margin: 0; line-height: 1.2; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); } .tesery-banner-section p { font-size: 1.5em; margin: 0.5em 0 0; color: var(–text-dark); font-weight: 300; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } /* Updated Hero Section */ .tesery-hero-section { background: transparent; box-shadow: none; border-radius: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0; max-width: 100%; } .tesery-hero-image-banner { width: 100%; max-width: 100%; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); border-radius: 0; } .tesery-hero-image-banner .hero-image { width: 100%; height: auto; display: block; border-radius: 0; object-fit: cover; } .tesery-hero-text-content-wrapper { width: 100%; max-width: 100%; text-align: center; padding: 24px; box-sizing: border-box; } .tesery-hero-text-content-wrapper h3 { font-size: 3.5em; color: var(–text-dark); margin-bottom: 0.2em; line-height: 1.1; text-align: center; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); padding: 0 12px; } .tesery-hero-text-content-wrapper .hero-description { font-size: 1.1em; color: var(–text-dark); margin: 0.5em auto 1em auto; max-width: 700px; text-align: center; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.5em; color: var(–text-medium); margin-bottom: 1.5em; font-style: italic; text-align: center; } .tesery-hero-text-content-wrapper .prop-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 100%; margin-bottom: 0; } .tesery-hero-section .prop-item { display: flex; align-items: center; background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); border-radius: 50px; padding: 8px 16px; font-weight: 600; color: var(–text-dark); font-size: 1em; white-space: nowrap; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border: 1px solid var(–border-color-dark-glass); flex-grow: 0; flex-basis: auto; justify-content: center; } .tesery-hero-section .prop-item svg { display: none; } .tesery-product-description-container .feature-grid { display: flex; flex-wrap: wrap; gap: 24px; max-width: 1200px; margin: 0 auto; justify-content: center; align-items: stretch; } .tesery-product-description-container .feature-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); padding: 24px; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; } .tesery-product-description-container .feature-item-content { background-color: #000000 !important; color: var(–text-dark); padding: 24px; border-radius: 24px; box-shadow: 0 4px 24px rgba(255, 255, 255, 0.1); } .tesery-product-description-container .feature-item-content h4, .tesery-product-description-container .feature-item-content p { color: inherit !important; } .tesery-product-description-container .feature-item-content svg { display: none; } .tesery-product-description-container .feature-item { flex: 1 1 calc(50% – 12px); display: flex; flex-direction: column; gap: 24px; } .tesery-product-description-container .feature-item img { max-width: 100%; height: auto; border-radius: 16px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); } .tesery-product-description-container .feature-item-content { display: flex; flex-direction: column; justify-content: center; height: 100%; } .tesery-product-description-container .feature-item h4 { font-size: 2em; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); margin-bottom: 0.5em; text-align: center; } .tesery-product-description-container .feature-item p { text-align: center; color: var(–text-dark); font-size: 1.1em; line-height: 1.7; } .tesery-product-description-container .feature-item.single { flex: 1 1 100%; max-width: 100%; } /* New Scent Layout */ .tesery-scents-section.content-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); } .tesery-product-description-container .scent-layout-item { display: flex; align-items: center; gap: 40px; margin-bottom: 40px; max-width: 1200px; margin: 2em auto; background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); padding: 24px; } .tesery-product-description-container .scent-layout-item:nth-child(even) { flex-direction: row-reverse; } .tesery-product-description-container .scent-layout-item .scent-image-wrapper { flex: 1; min-width: 300px; max-width: 50%; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); border-radius: 16px; overflow: hidden; } .tesery-product-description-container .scent-layout-item img { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 16px } .tesery-product-description-container .scent-layout-item .scent-text-content { flex: 1; text-align: left; } .tesery-product-description-container .scent-layout-item h4 { background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); font-size: 2em; margin: 0 0 0.5em; text-align: left; } .tesery-product-description-container .scent-layout-item p { color: var(–text-dark); font-size: 1.1em; line-height: 1.5; margin: 0; text-align: left; } /* Start-Stop Section – NEW VISUAL LAYOUT */ .tesery-start-stop-section .visual-flow-grid { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; margin: 2em auto; max-width: 1200px; } .tesery-start-stop-section .flow-step { flex: 1; text-align: center; position: relative; padding: 20px 10px; background: var(–bg-card-dark-glass); border-radius: 16px; border: 1px solid var(–border-color-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); transition: transform 0.3s ease; } .tesery-start-stop-section .flow-step:hover { transform: translateY(-5px); } .tesery-start-stop-section .flow-step .step-icon { width: 60px; height: 60px; margin: 0 auto 15px; background-color: rgba(255, 255, 255, 0.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1); } .tesery-start-stop-section .flow-step .step-icon svg { width: 30px; height: 30px; fill: #ffffff; /* Updated icon color for visibility */ } .tesery-start-stop-section .flow-step h4 { color: var(–text-dark); font-size: 1.2em; margin-bottom: 10px; } .tesery-start-stop-section .flow-step p { color: var(–text-medium); font-size: 0.9em; } .tesery-start-stop-section .arrow { font-size: 3em; color: #fff; margin: 0 -10px; align-self: center; line-height: 1; text-shadow: 0 0 10px rgba(138, 43, 226, 0.5); } .tesery-start-stop-section .important-note { text-align: center; color: var(–text-medium); font-size: 0.95em; margin-top: 2em; } /* Specs Section */ .tesery-specs-section.content-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); } .tesery-product-description-container .specs-grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; max-width: 1200px; margin: 0 auto; } .tesery-product-description-container .spec-item { border: 1px solid var(–border-color-dark-glass); border-radius: 12px; padding: 12px; display: flex; align-items: center; gap: 15px; min-width: 280px; flex: 1 1 300px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: transform 0.2s, box-shadow 0.2s; height: 120px; box-sizing: border-box; backdrop-filter: blur(10px); } .tesery-product-description-container .spec-item.spec-color-1 { background-color: var(–spec-color-1); } .tesery-product-description-container .spec-item.spec-color-2 { background-color: var(–spec-color-2); } .tesery-product-description-container .spec-item.spec-color-3 { background-color: var(–spec-color-3); } .tesery-product-description-container .spec-item.spec-color-4 { background-color: var(–spec-color-4); } .tesery-product-description-container .spec-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } .tesery-product-description-container .spec-item-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; /* Prevents icon from shrinking on smaller screens */ } .tesery-product-description-container .spec-item-icon svg { width: 30px; height: 30px; fill: #fff; } .tesery-product-description-container .spec-item-text { text-align: left; display: flex; flex-direction: column; } .tesery-product-description-container .spec-item h5 { margin: 0; font-size: 1.1em; font-weight: 700; color: var(–text-dark); } .tesery-product-description-container .spec-item p { margin: 0; font-size: 0.95em; color: var(–text-medium); text-align: left; } .tesery-package-section.content-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-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-dark); } .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: var(–bg-card-dark-glass); border: 1px solid var(–border-color-dark-glass); border-radius: 8px; padding: 12px 20px; font-weight: 600; color: var(–text-dark); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } .tesery-product-description-container .package-section-content li:hover { transform: translateY(-2px); } .tesery-product-description-container .brand-button a { text-decoration: none; color: inherit; display: block; } .tesery-faq-section.content-card { background: var(–bg-card-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-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: var(–bg-card-dark-glass); border-radius: 16px; border: 1px solid var(–border-color-dark-glass); transition: all 0.3s ease; overflow: hidden; } .tesery-product-description-container .faq-item:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); border-color: #8A2BE2; } .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); 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; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); 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(255, 255, 255, 0.03); } .tesery-product-description-container .faq-content { padding: 0 24px 20px; color: var(–text-dark); 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-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-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-dark-glass); border-radius: 8px; padding: 20px; background: var(–bg-card-dark-glass); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 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: 0 8px 30px rgba(0, 0, 0, 0.2); } .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: #222; color: var(–star-yellow); 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); margin-right: 4px; font-size: 1.1em; } .tesery-product-description-container .review-stars+span { font-weight: 600; color: var(–text-dark); display: block; text-align: center; } .tesery-product-description-container .testimonial { font-style: italic; color: var(–text-dark); 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-dark-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-dark-glass); border-radius: 24px; border: 1px solid var(–border-color-dark-glass); } .tesery-cta-section h2 { color: var(–text-dark); font-size: 2.5em; margin-bottom: 0.5em; text-align: center; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); } .tesery-cta-section p { color: var(–text-medium); margin-bottom: 2em; font-size: 1.2em; } .tesery-product-description-container .brand-button { background: var(–gradient-accent); color: var(–cta-text); 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.3); 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(255, 255, 255, 0.2), 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.4); color: var(–cta-text); } .tesery-product-description-container .brand-button a { text-decoration: none; color: inherit; display: block; } /* Responsive adjustments */ @media (max-width: 1024px) { .tesery-banner-section h1 { font-size: 3em; } .tesery-banner-section p { font-size: 1.2em; } .tesery-product-description-container .scent-layout-item { flex-direction: column !important; gap: 20px; } .tesery-product-description-container .scent-layout-item .scent-image-wrapper { max-width: 100%; } .tesery-product-description-container .scent-layout-item .scent-text-content { text-align: center; } .tesery-product-description-container .scent-layout-item h4 { text-align: center; } .tesery-product-description-container .scent-layout-item p { text-align: center; } .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 h3, .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 { flex-direction: column; gap: 16px; } .tesery-product-description-container .feature-item { flex-direction: column; flex: 1 1 100%; } .tesery-product-description-container .specs-grid { flex-direction: column; } .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-start-stop-section .visual-flow-grid { flex-direction: column; } .tesery-start-stop-section .flow-step { width: 100%; } .tesery-start-stop-section .arrow { transform: rotate(90deg); margin: 10px 0; } } @media (min-width: 1025px) { .tesery-product-description-container .specs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .tesery-product-description-container .spec-item { min-width: unset; } } @media (max-width: 768px) { .tesery-banner-section .banner-image { height: 350px; } .tesery-banner-section p { font-size: 1em; } .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; background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); text-align: center; } .tesery-hero-text-content-wrapper h3 { 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: center; gap: 8px; margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 1em; padding: 8px 15px; color: var(–text-dark); } .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); } .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-banner-section .banner-image { height: 250px; } .tesery-banner-section p { font-size: 0.9em; } .tesery-banner-section .banner-content { transform: translate(-50%, -60%); } .tesery-product-description-container section { padding: 10px; } .tesery-product-description-container .content-card { margin-bottom: 1.5em; } .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: 8px 16px; margin: 1.5em auto 0.8em; } .tesery-hero-text-content-wrapper { padding: 12px; } .tesery-hero-text-content-wrapper h3 { font-size: 2em; padding: 0; } .tesery-hero-text-content-wrapper .hero-description { font-size: 0.9em; margin-bottom: 0.8em; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1em; margin-bottom: 1em; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: space-between; gap: 6px; margin-bottom: 10px; } .tesery-product-description-container .prop-item { font-size: 0.85em; padding: 5px 10px; flex-grow: 1; flex-basis: calc(50% – 3px); white-space: nowrap; max-width: none; } .tesery-product-description-container .specs-grid { justify-content: space-between; gap: 8px; } .tesery-product-description-container .spec-item { flex: 1 1 calc(50% – 4px); min-width: unset; max-width: none; padding: 10px; height: auto; } .tesery-product-description-container .review-container { justify-content: space-between; gap: 16px; } .tesery-product-description-container .review-box { flex: 1 1 calc(50% – 8px); min-width: unset; max-width: none; padding: 16px; } .tesery-product-description-container .feature-item { gap: 16px; margin: 20px auto; } .tesery-product-description-container .feature-item h4 { font-size: 1.4em; } .tesery-product-description-container .feature-item p { font-size: 0.9em; } .tesery-product-description-container .spec-item h5 { font-size: 0.9em; } .tesery-product-description-container .spec-item p { font-size: 0.85em; } .tesery-cta-section h2 { font-size: 1.6em; } .tesery-cta-section p { font-size: 0.9em; } .tesery-product-description-container .brand-button { padding: 10px 20px; font-size: 0.9em; max-width: 220px; } .tesery-selling-points-section .selling-points-grid { flex-direction: column; align-items: center; } .tesery-selling-points-section .selling-point-item { flex-basis: 100%; max-width: 90%; } .tesery-selling-points-section .selling-point-text-overlay h4 { font-size: 1.2em; } .tesery-selling-points-section .selling-point-text-overlay p { font-size: 0.8em; } } /* New Selling Points Section Styles */ .tesery-selling-points-section { padding: 40px 24px; text-align: center; } .tesery-selling-points-section .selling-points-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 2em; } .tesery-selling-points-section .selling-point-item { flex: 1 1 300px; max-width: 350px; position: relative; overflow: hidden; border-radius: 24px; background: var(–bg-card-dark-glass); box-shadow: var(–shadow-dark-glass); border: 1px solid var(–border-color-dark-glass); transition: transform 0.3s ease; } .tesery-selling-points-section .selling-point-item:hover { transform: translateY(-5px); } .tesery-selling-points-section .selling-point-item img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease; } .tesery-selling-points-section .selling-point-text-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); color: var(–text-dark); opacity: 0; transition: opacity 0.5s ease; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 24px; text-align: center; box-sizing: border-box; pointer-events: none; } .tesery-selling-points-section .selling-point-item:hover .selling-point-text-overlay { opacity: 1; } .tesery-selling-points-section .selling-point-item:hover img { opacity: 0; } .tesery-selling-points-section .selling-point-text-overlay h4 { background-image: var(–gradient-accent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: var(–gradient-accent); font-size: 1.8em; margin-bottom: 0.5em; } .tesery-selling-points-section .selling-point-text-overlay p { font-size: 1em; color: var(–text-dark); line-height: 1.5; margin: 0; } .tesery-selling-points-section .selling-point-text-overlay .close-btn { position: absolute; top: 15px; right: 15px; color: var(–text-medium); font-size: 24px; font-weight: 300; line-height: 1; cursor: pointer; opacity: 0.5; transition: opacity 0.3s; } .tesery-selling-points-section .selling-point-text-overlay .close-btn:hover { opacity: 1; } /* End of New Selling Points Section Styles */ .section-header { text-align: center !important; background-image: var(–gradient-accent) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; color: var(–gradient-accent) !important; margin-top: 2.5em; margin-bottom: 1em; }

Tesery Intelligent Car Diffuser

Transform your driving experience with the ultimate in-car aromatherapy. Our smart diffuser offers a customizable, long-lasting scent journey for every drive.

Experience fresh air & ambient light in one device.

Silent Operation Timed Modes Adjustable Modes

Unique Selling Points

×

Five-Color Ambient Lighting

Enhance the car’s interior atmosphere with a choice of five ambient colors.

×

One-Click Precise Scent Control

Effortlessly adjust between “intense” and “light” fragrance modes via the top touchscreen, offering smart, convenient, and silent operation.

×

Three Different Modes

Light Scent Mode: A rich and subtle fragrance.Intense Scent Mode: An expansive and profound aroma.Smart Mode: A continuous, fresh fragrance cycle.

Key Features & Benefits

Immersive “Cloud Mist” Experience

Step into a world of profound clouds, as if entering a mystical fairyland, to create a dynamic and atmospheric in-car fragrance experience.

Cloud Mist” Scent Technology

The “fragrance pod” essential oil cartridge, using electric heating and atomization technology, releases a comfortable, delicate, and pure natural fragrance that you can feel with every breath.

Custom Fit

Specifically designed for Tesla, instantly filling the cabin with a pleasant aroma.

Built-in Blade Lithium Battery – Powerful & Long-Lasting

Equipped with a high-efficiency blade-type lithium cell for superior energy density and consistent performance.

Top-Touch Panel for Instant Mode Adjustment

Intuitive touch-sensitive controls on the top of the diffuser allow quick and seamless switching between modes—no apps, no buttons, just smooth, responsive operation.

Automatic Start-Stop Function

No need for manual operation. Our smart diffuser features a precise vibration-sensing chip that automatically turns on with car movement and off when stationary.

Step 1: Long Press to Turn On

A 2-second press activates the device, spraying fragrance once before entering standby.

→

Step 2: Standby Countdown

The device waits: 7 mins (Light Mode) or 5 mins (Intense Mode). It won’t spray during this period.

→

Step 3: Vibration Detected

Car doors close, engine starts, or motion is sensed while driving.

→

Step 4: Sprays Instantly

A fresh burst of fragrance is released, and the cycle begins anew.

What about when you leave the car? The device enters standby, conserving both fragrance and power. No need to turn it off!

Scent Options

Explore our curated collection of fine essential oils, each designed to evoke a unique mood and atmosphere for your drive.

Gardenia White Tea

Top: Longjing Tea, Citrus; Middle: White Tea Jasmine, Rose Cardamom; Base: Ambergris, Musk

Passionate Orange Grapefruit

Citrus Woody Notes: Top: Grapefruit, Mandarin, Blackcurrant; Middle: Orange Blossom, Mint, Rose; Base: Vetiver, Amber, Iris

Azure Ocean

Aquatic Fougere Notes: Top: Lime, Mandarin, Bergamot; Middle: Basil, Thyme, Iris, Lilac; Base: Vetiver, Patchouli

Tranquil After Rain

Floral Fruity Notes: Top: Japanese Citrus, Pomegranate Ice; Middle: Peony, Lotus, Magnolia; Base: Mahogany, Stonework, Amber

Forest Mist

Aquatic Woody Notes: Top: Cedarwood, Vetiver; Middle: Juniper; Base: Black Cedar, Sandalwood

Technical Specifications

A look into the innovation that powers the Tesery Intelligent Car Diffuser.

Product Material

Aluminum alloy + PC

Dimensions

H 106mm * D 67mm

Battery

950 mAh Lithium battery

Scent Range

360° diffusion throughout the car

Scent Capsule Life

300~400 hours

Battery Life

Up to half a month on one charge

Package Contents

Everything you need to get started on your journey to a fresher drive.

• 1 x Main Diffuser Unit
• 1 x Scent Capsule
• 1 x USB Charging Cable
• 1 x User Manual

Frequently Asked Questions

How can I get the diffuser to spray scent during the standby countdown?

You need to manually press the power button once. The light will turn on and the scent will spray immediately. It will then re-enter the countdown standby mode.

Why doesn’t the diffuser spray scent when I open the car door after turning it on?

The device is in a countdown state. The intense mode countdown is 5 minutes and the light mode countdown is 7 minutes. The diffuser will not spray scent during this time. Please wait for the countdown to finish.

Also, if the battery is low, please charge it.

How do I know if the battery is low?

When you connect the charging cable, the breathing light will flash. When the battery is full, the breathing light will stay solid.

How can I tell if it’s in light or intense mode?

The current mode is displayed on the device’s screen. When the device is turned off, it will automatically reset to light mode the next time you turn it on by long-pressing for 2 seconds.

How do I turn the device off?

When the blue light is on, long-press the power button again. The blue light will turn off, indicating the device is powered down. Note that once turned off, the diffuser will not automatically spray scent even if it detects vibrations.

I want the light to stay on constantly, how can I do that?

The device has a built-in lithium battery and can be used in two ways: unplugged after a full charge, or while charging. When charging, the breathing light will flash if the battery is low and stay solid when fully charged. When not charging, the breathing light will only turn on when the scent is spraying and will turn off afterward.

What Our Customers Say

Don’t just take our word for it. See what our community has to say about their Tesery experience.

J.L. ★★★★★ Jessica L.

“This is a game-changer! My commute is so much more relaxing now. The scent is perfect and the device is so sleek.”

M.K. ★★★★★ Mark K.

“The Smart Mode is genius! I love that I don’t have to think about turning it on or off. The quality is top-notch.”

Ready to upgrade your drive?

Order your Tesery Intelligent Car Diffuser today and start your journey to a more fragrant, peaceful commute.

Order Now

Explore more from our collection.