# Title: Tesla Model Y/3/S/X Cloud Mist Car Diffuser With Ambient Lighting ## 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 ## Product type: Car Aromatherapy ## Vendor: Tesery Official Store ## Tags: Shopify Collective, Tesery Official Store ## Price range: 65.0 - 65.0 USD ## Link: https://shop.water-services.us/products/tesla-model-y-3-s-x-cloud-mist-car-diffuser-with-ambient-lighting ## Compare-at price range: 79.0 - 79.0 USD ## Options - Scent Options: Please Select, Floral丨Gardenia White Tea, Citrus丨Passionate Orange Grapefruit, Marine丨Azure Ocean, Fresh丨Tranquil After Rain, Woody丨Snow Mist Forest ## Variants - Please Select, SKU: sku-47588422746344, Available: yes, Inventory: 0, Delivery profile: Shopify Collective - Floral丨Gardenia White Tea, SKU: TCD002-GT, Available: yes, Inventory: 0, Delivery profile: Shopify Collective - Citrus丨Passionate Orange Grapefruit, SKU: TCD002-LP, Available: yes, Inventory: 0, Delivery profile: Shopify Collective - Marine丨Azure Ocean, SKU: TCD002-BS, Available: yes, Inventory: 0, Delivery profile: Shopify Collective - Fresh丨Tranquil After Rain, SKU: TCD002-QR, Available: yes, Inventory: 0, Delivery profile: Shopify Collective - Woody丨Snow Mist Forest, SKU: TCD002-SF, Available: yes, Inventory: 0, Delivery profile: Shopify Collective ## Metafields - google_product_category: 2789 - badge: - widget:
- review_widget_data: {"number_of_reviews":0,"average_rating":"0.00","number_of_questions":0,"product_name":"Tesla Model Y/3/S/X Cloud Mist Car Diffuser With Ambient Lighting","product_external_id":7420177776720,"product_coupons_enabled":true,"image_url":"https://cdn.shopify.com/s/files/1/0242/9940/5392/files/tesla-model-y3sx-cloud-mist-car-diffuser-with-ambient-lighting_17.gif?v=1788181287","histogram":[{"rating":5,"frequency":0,"percentage":0,"extra_class":null},{"rating":4,"frequency":0,"percentage":0,"extra_class":null},{"rating":3,"frequency":0,"percentage":0,"extra_class":null},{"rating":2,"frequency":0,"percentage":0,"extra_class":null},{"rating":1,"frequency":0,"percentage":0,"extra_class":null}],"review_keywords":null,"product_medals":[],"custom_form_filters_and_averages":null,"photo_gallery":null,"review_summary_text":"Be the first to write a review","ai_summary_text":"","sort_key":"created_at","multi_language_sorting_enabled":true,"metafield_updated_at":"2026-08-31T13:02:46Z","primary_language":"en","primary_language_reviews":[],"primary_language_pagination":{"total_pages":0,"current_page":1,"per_page":5},"other_language_reviews":[],"other_language_pagination":{"total_pages":0,"current_page":1,"per_page":3},"reviews":[]} - product_status: {"pending":6,"failed":0,"approved":0}