# Title: Temporary Parking Phone Display for Model Y Juniper & Model 3 Highland
## Description: /* === Premium Tesla Accessory Page Styling (Silver/Gray Theme) === */ :root { /* Adjusted colors for a sleek, high-end silver/gray aesthetic */ --primary-bg: #1A1A1A; /* Dark almost black background */ --secondary-bg: #222222; /* Slightly lighter dark for sections */ --tertiary-bg: #2C2C2C; /* Mid-dark for cards */ --accent-color: #007bff; /* Blue accent for highlights */ --heading-color: #E0E0E0; /* Light gray for headings */ --body-text-color: #B0B0B0; /* Medium gray for body text */ --light-text-color: #D0D0D0; /* Lighter gray for specific text */ --silver-primary: #C0C0C0; /* Main silver color */ --silver-dark: #808080; /* Darker silver/gray */ --silver-light: #E0E0E0; /* Lighter silver/gray */ --silver-gradient-start: #AAAAAA; --silver-gradient-end: #E0E0E0; --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --box-shadow-dark: 0 5px 15px rgba(0, 0, 0, 0.2); --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); } /* Base styling */ .tesery-product-description-container { font-family: var(--font-family-primary); color: var(--body-text-color); line-height: 1.6; background-color: var(--primary-bg); max-width: 1200px; margin: 0 auto; padding: 0; box-shadow: var(--box-shadow-dark); } /* Hero section */ .hero-section { position: relative; text-align: center; padding: 80px 0; margin-bottom: 40px; background: linear-gradient(135deg, var(--tertiary-bg), var(--primary-bg)); color: white; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); } .hero-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(45deg, rgba(170, 170, 170, 0.1) 0%, /* Silver glow */ rgba(224, 224, 224, 0.2) 35%, rgba(51, 51, 51, 0.2) 70%, rgba(170, 170, 170, 0.1) 100%); animation: ambientGlow 4s linear infinite; } @keyframes ambientGlow { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.6; } } .product-title { color: var(--heading-color); font-family: var(--font-family-primary); font-weight: 700; font-size: 2.8rem; text-shadow: 0 2px 4px rgba(0,0,0,0.5); margin-bottom: 15px; position: relative; z-index: 2; } .product-subtitle { font-weight: 500; color: var(--light-text-color); font-size: 1.3rem; margin-bottom: 0; text-shadow: 0 2px 3px rgba(0,0,0,0.5); position: relative; z-index: 2; } /* Content container */ .content-container { padding: 0 24px; } /* Section styling */ .section-title { color: var(--heading-color); text-align: center; margin: 2.5rem 0 1.5rem; font-family: var(--font-family-primary); font-weight: 600; font-size: 1.8rem; position: relative; padding-bottom: 15px; } .section-title::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: linear-gradient(90deg, var(--silver-gradient-start), var(--silver-gradient-end)); border-radius: 2px; } /* Key Features Section */ .features-section { padding: 50px 0; background-color: var(--secondary-bg); border-radius: 12px; margin-bottom: 40px; box-shadow: var(--box-shadow-dark); } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 2.5rem 0; } .feature-card { background: var(--tertiary-bg); border-radius: 12px; box-shadow: var(--box-shadow-light); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; text-align: center; padding: 30px 20px; border: 2px solid transparent; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); border-color: var(--silver-primary); } .feature-icon { font-size: 2.2rem; margin-bottom: 20px; display: inline-block; background: linear-gradient(135deg, var(--silver-gradient-start), var(--silver-gradient-end)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .feature-title { color: var(--heading-color); font-weight: 600; font-size: 1.2rem; margin: 0 0 12px; } .feature-description { color: var(--body-text-color); font-size: 0.95rem; margin: 0; } /* Color Options Section */ .color-options-section { margin: 40px 0; padding: 40px; background: var(--secondary-bg); border-radius: 12px; box-shadow: var(--box-shadow-dark); text-align: center; } .color-options-grid { display: flex; justify-content: center; gap: 30px; margin-top: 30px; } .color-option-card { display: flex; flex-direction: column; align-items: center; background: var(--tertiary-bg); padding: 20px; border-radius: 12px; border: 2px solid transparent; transition: all 0.3s ease; cursor: pointer; width: 180px; /* Fixed width for better layout */ } .color-option-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); border-color: var(--accent-color); } .color-swatch { width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px; border: 3px solid var(--body-text-color); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .swatch-silver { background: linear-gradient(45deg, #A0A0A0, #E0E0E0); } .swatch-gray { background: linear-gradient(45deg, #444444, #888888); } .color-name { color: var(--heading-color); font-weight: 600; font-size: 1.1rem; } /* Installation Showcase */ .installation-showcase { margin: 40px 0; padding: 40px; background: var(--secondary-bg); border-radius: 12px; box-shadow: var(--box-shadow-dark); text-align: center; } .installation-step-img { width: 80%; /* Adjusted width for a single image */ max-width: 600px; /* Max width to keep it from being too big */ height: auto; object-fit: cover; border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); margin: 30px auto; /* Center the image */ display: block; /* Ensures margin auto works */ border: 2px solid var(--silver-dark); /* Subtle border for images */ } .installation-description { color: var(--body-text-color); font-size: 1.1rem; margin-top: 20px; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.8; } /* Specs section */ .specs-section { background-color: var(--secondary-bg); border-radius: 12px; padding: 40px; margin: 3rem 0; box-shadow: var(--box-shadow-dark); } .specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 30px; } .spec-item { display: flex; align-items: center; background: var(--tertiary-bg); padding: 20px; border-radius: 8px; box-shadow: var(--box-shadow-light); } .spec-icon { font-size: 1.5rem; margin-right: 15px; color: var(--silver-primary); flex-shrink: 0; } .spec-content { flex-grow: 1; } .spec-name { font-weight: 600; color: var(--heading-color); margin: 0 0 5px 0; } .spec-value { font-size: 0.95rem; color: var(--body-text-color); margin: 0; } /* Compatibility section */ .compatibility-section { padding: 40px 0; margin: 40px 0; background-color: var(--secondary-bg); border-radius: 12px; box-shadow: var(--box-shadow-dark); } .table-container { margin-top: 30px; overflow-x: auto; padding: 0 20px; } .compatibility-table { width: 100%; border-collapse: collapse; border-radius: 8px; overflow: hidden; box-shadow: var(--box-shadow-light); } .compatibility-table th, .compatibility-table td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #4a4a4a; /* Darker border */ } .compatibility-table th { background: linear-gradient(135deg, var(--primary-bg), var(--secondary-bg)); color: white; font-weight: 600; } .compatibility-table tr:nth-child(even) { background-color: #202020; } .compatibility-table tr:hover { background-color: #303030; } .compatibility-table td { color: var(--body-text-color); } /* CTA Button styling */ .cta-section { text-align: center; margin: 3rem 0; padding: 20px; } .brand-button { background: linear-gradient(135deg, var(--silver-gradient-start), var(--silver-gradient-end)); color: var(--primary-bg) !important; /* Dark text on silver button */ padding: 16px 32px; border-radius: 50px; font-weight: 700; text-transform: uppercase; transition: all 0.3s; border: none; cursor: pointer; display: inline-block; text-decoration: none; font-size: 1rem; letter-spacing: 0.5px; box-shadow: 0 5px 15px rgba(160, 160, 160, 0.3); } .brand-button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(160, 160, 160, 0.4); } /* Shipping section */ .shipping-section { background-color: var(--tertiary-bg); border-radius: 12px; padding: 40px; margin: 3rem 0; box-shadow: var(--box-shadow-dark); text-align: center; } .shipping-highlight { background: linear-gradient(135deg, var(--primary-bg), var(--secondary-bg)); color: white; padding: 20px; border-radius: 8px; margin: 20px 0; font-weight: 600; font-size: 1.1rem; } .shipping-section ul { color: var(--body-text-color); } .shipping-section strong { color: var(--heading-color); } /* Responsive adjustments */ @media (max-width: 768px) { .product-title { font-size: 2rem; } .features-grid { grid-template-columns: 1fr; } .specs-grid { grid-template-columns: 1fr; } .color-options-grid { flex-direction: column; align-items: center; } .color-option-card { width: 100%; max-width: 250px; } .specs-section, .shipping-section, .installation-showcase, .color-options-section { padding: 25px 20px; } } Temporary Parking Phone Display Sleek & Discreet - For Tesla Model Y Juniper & Model 3 Highland Key Features & Benefits 👁️🗨️ Compact & Unobtrusive Design Miniature and minimalist design ensures it won't block your driving view, perfectly blending with your Tesla's clean aesthetic. 🔒 Slide-to-Hide Privacy Protection Clever sliding mechanism allows you to conceal your number when not in use, protecting your privacy and preventing unwanted calls. ✨ Crystal Clear & Luminous Display Features high-definition magnetic number stickers with eye-catching fluorescent digits, ensuring clear visibility even at night. 💪 Washable & Residue-Free Adhesive Utilizes imported US 3M strong washable adhesive at the base, providing stable attachment that leaves no residue upon repositioning or removal. ⚙️ Premium Aluminum Alloy Build Crafted from high-grade aluminum alloy with an electroplating process, offering both a sophisticated appearance and a luxurious tactile feel. 🌡️ High Temperature Resistance Made from heat-resistant materials that prevent deformation or degumming even under prolonged high temperature exposure, ensuring long-lasting durability. Available Colors Choose the perfect shade to complement your Tesla's interior. Silver Gray Effortless Installation Instant Setup with Strong Magnetic Adhesion: Thanks to its powerful magnetic design, installation is incredibly convenient and secure. Your numbers will stay firmly in place, allowing for one-second setup and removal. Product Specifications 📦 Package Contents 1 x Parking Phone Display, 6 x Sets of Magnetic Number Stickers 🔧 Installation Method 3M Washable Adhesive Base, Magnetic Number Attachment 🏗️ Material Aluminum Alloy (Electroplated), High-Quality ABS, 3M Adhesive 🎨 Colors Available Silver, Gray 📏 Design Aspect Miniature, Sliding Privacy Cover, Luminous Digits 🌡️ Durability High Temperature Resistant, Non-Deforming, Non-Degumming Tesla Model Compatibility ✅ Universally compatible with newer Tesla models Tesla Model Year Range Compatibility Status Model Y Juniper All Years (including refreshed Juniper models) ✅ Fully Compatible Model 3 Highland All Years (including refreshed Highland models) ✅ Fully Compatible Model Y (Pre-Juniper) 2020 - 2024 ✅ Fully Compatible Model 3 (Pre-Highland) 2017 - 2023 ✅ Fully Compatible
## Product type: Phone Holder
## Vendor: Tesery Official Store
## Tags: Shopify Collective, Tesery Official Store
## Price range: 13.99 - 13.99 USD
## Link: https://shop.water-services.us/products/temporary-parking-phone-display-for-model-y-juniper-model-3-highland
## Options
- Please Select Style: Silver, Grey
## Variants
- Silver, SKU: T-PHO01-MS, Available: yes, Inventory: 0, Delivery profile: Shopify Collective
- Grey, SKU: T-PHO01-MG, Available: yes, Inventory: 0, Delivery profile: Shopify Collective
## Metafields
- google_product_category: 2722
- badge: No reviews
- widget:
- review_widget_data: {"number_of_reviews":0,"average_rating":"0.00","number_of_questions":0,"product_name":"Temporary Parking Phone Display for Model Y Juniper & Model 3 Highland","product_external_id":7420175974480,"product_coupons_enabled":true,"image_url":"https://cdn.shopify.com/s/files/1/0242/9940/5392/files/temporary-parking-phone-display-for-tesla-model-y-juniper-model-3-highland-261704.jpg?v=1788181224","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:05:32Z","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":2,"failed":0,"approved":0}