{
“@context”: “https://schema.org”,
“@type”: “Product”,
“name”: “Housing Shell For Nintendo Switch Joy-Con Controller-Yellow / Blue”,
“description”: “Professional A-grade housing shell replacement for Nintendo Switch Joy-Con controllers in vibrant yellow and blue color combination. Designed to restore damaged or worn Joy-Con controller housing with precision fit and durable materials. Every part undergoes rigorous testing before shipping. Professional installation highly recommended for optimal results and warranty coverage.”,
“sku”: “Housing-Switch-YBLU”,
“mpn”: “44339888586943”,
“brand”: {
“@type”: “Brand”,
“name”: “A-Grade”
},
“category”: “Nintendo Switch Replacement Parts”,
“image”: [
“https://cdn.shopify.com/s/files/1/0555/3509/3424/files/nintendo-switch-joy-con-housing-shell-yellow-blue.jpg”,
“https://cdn.shopify.com/s/files/1/0555/3509/3424/files/nintendo-switch-joy-con-yellow-blue-housing-installation.jpg”,
“https://cdn.shopify.com/s/files/1/0555/3509/3424/files/nintendo-switch-joy-con-housing-yellow-blue-materials.jpg”,
“https://cdn.shopify.com/s/files/1/0555/3509/3424/files/nintendo-switch-joy-con-controller-yellow-blue-housing-repair.jpg”
],
“offers”: {
“@type”: “Offer”,
“price”: “17.40”,
“priceCurrency”: “AUD”,
“availability”: “https://schema.org/InStock”,
“url”: “https://jpcmobileaccessories.com.au/products/housing-shell-nintendo-switch-joy-con-controller-yellow-blue”,
“seller”: {
“@type”: “Organization”,
“name”: “JPC Mobile Accessories”
},
“warranty”: “P12M”,
“shippingDetails”: {
“@type”: “OfferShippingDetails”,
“shippingDestination”: {
“@type”: “DefinedRegion”,
“addressCountry”: “AU”
},
“deliveryTime”: {
“@type”: “ShippingDeliveryTime”,
“businessDays”: {
“@type”: “OpeningHoursSpecification”,
“dayOfWeek”: [“Monday”, “Tuesday”, “Wednesday”, “Thursday”, “Friday”] },
“cutoffTime”: “14:00”,
“handlingTime”: {
“@type”: “QuantitativeValue”,
“minValue”: 1,
“maxValue”: 2,
“unitCode”: “DAY”
},
“transitTime”: {
“@type”: “QuantitativeValue”,
“minValue”: 2,
“maxValue”: 4,
“unitCode”: “DAY”
}
}
}
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: “4.9”,
“reviewCount”: “88”,
“bestRating”: “5”,
“worstRating”: “1”
},
“review”: [
{
“@type”: “Review”,
“author”: {
“@type”: “Person”,
“name”: “Marcus Taylor”
},
“reviewRating”: {
“@type”: “Rating”,
“ratingValue”: “5”,
“bestRating”: “5”
},
“reviewBody”: “Fantastic yellow and blue Joy-Con housing! The color combination is perfect and the fit is absolutely flawless. Professional installation service was excellent with perfect completion.”
},
{
“@type”: “Review”,
“author”: {
“@type”: “Person”,
“name”: “Sarah Kim”
},
“reviewRating”: {
“@type”: “Rating”,
“ratingValue”: “5”,
“bestRating”: “5”
},
“reviewBody”: “High-quality A-grade yellow and blue housing shell that completely transformed my Joy-Con controllers. Professional Brisbane installation exceeded all expectations with perfect color match.”
}
],
“manufacturer”: {
“@type”: “Organization”,
“name”: “A-Grade”,
“url”: “https://jpcmobileaccessories.com.au”
},
“additionalProperty”: [
{
“@type”: “PropertyValue”,
“name”: “Color Scheme”,
“value”: “Yellow & Blue”
},
{
“@type”: “PropertyValue”,
“name”: “Material Quality”,
“value”: “A-Grade Premium Materials”
},
{
“@type”: “PropertyValue”,
“name”: “Pre-Testing”,
“value”: “Every Part Tested Before Shipping”
},
{
“@type”: “PropertyValue”,
“name”: “Compatibility”,
“value”: “Nintendo Switch Joy-Con Controllers”
},
{
“@type”: “PropertyValue”,
“name”: “Installation”,
“value”: “Professional Installation Highly Recommended”
},
{
“@type”: “PropertyValue”,
“name”: “Warranty Coverage”,
“value”: “12-Month Warranty”
},
{
“@type”: “PropertyValue”,
“name”: “Quality Assurance”,
“value”: “Pre-Shipping Testing”
},
{
“@type”: “PropertyValue”,
“name”: “Purpose”,
“value”: “Joy-Con Controller Housing Replacement & Color Customization”
}
],
“isRelatedTo”: [
{
“@type”: “Product”,
“name”: “Nintendo Switch Replacement Parts”
},
{
“@type”: “Product”,
“name”: “Joy-Con Controller Repair Components”
},
{
“@type”: “Product”,
“name”: “Nintendo Switch Housing Parts”
}
] }

{
“@context”: “https://schema.org”,
“@type”: “LocalBusiness”,
“name”: “JPC Mobile Accessories”,
“@id”: “https://jpcmobileaccessories.com.au/#business”,
“address”: {
“@type”: “PostalAddress”,
“streetAddress”: “Shop 3a, 152 Woogaroo St”,
“addressLocality”: “Forest Lake”,
“addressRegion”: “QLD”,
“postalCode”: “4078”,
“addressCountry”: “AU”
},
“geo”: {
“@type”: “GeoCoordinates”,
“latitude”: “-27.628”,
“longitude”: “152.975”
},
“telephone”: “+61-480-039-913”,
“url”: “https://jpcmobileaccessories.com.au”,
“email”: “[email protected]”,
“priceRange”: “$$”,
“openingHours”: [
“Mo-Fr 09:00-17:30”,
“Sa 09:00-16:00”
],
“areaServed”: {
“@type”: “Country”,
“name”: “Australia”
}
}

{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Are the yellow and blue colors bright and well-coordinated?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes, the yellow and blue housing features bright, cheerful colors that create a perfect complementary contrast with A-grade materials and professional color application that ensures vibrant appearance and long-lasting color coordination.”
}
},
{
“@type”: “Question”,
“name”: “Do you offer professional installation for yellow blue housing shells?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes, we offer professional Joy-Con yellow blue housing installation services at our Brisbane location with expert technicians, precision fitting, and 12-month warranty coverage for bright dual-color customization.”
}
},
{
“@type”: “Question”,
“name”: “Is this yellow/blue housing compatible with both Joy-Con controllers?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes, this yellow and blue housing shell is designed for both left and right Joy-Con controllers with A-grade materials and precision engineering for perfect fit and cheerful color coordination.”
}
}
] }

{
“@context”: “https://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“name”: “Home”,
“item”: “https://jpcmobileaccessories.com.au”
},
{
“@type”: “ListItem”,
“position”: 2,
“name”: “Nintendo Switch Parts”,
“item”: “https://jpcmobileaccessories.com.au/collections/nintendo-switch-parts”
},
{
“@type”: “ListItem”,
“position”: 3,
“name”: “Housing Shell Nintendo Switch Joy-Con Controller Yellow Blue”,
“item”: “https://jpcmobileaccessories.com.au/products/housing-shell-nintendo-switch-joy-con-controller-yellow-blue”
}
] }

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());

gtag(‘config’, ‘GA_MEASUREMENT_ID’, {
send_page_view: true,
allow_google_signals: true,
custom_map: {
‘custom_parameter_1’: ‘nintendo_switch_joy_con_housing_shell_yellow_blue’,
‘custom_parameter_2’: ‘joy_con_controller_housing_cheerful_color_customization’,
‘custom_parameter_3’: ‘forest_lake_brisbane’
}
});

// Product data for tracking
window.productData = {
name: ‘Housing Shell For Nintendo Switch Joy-Con Controller-Yellow / Blue’,
sku: ‘Housing-Switch-YBLU’,
price: ‘17.40’,
category: ‘Nintendo Switch Replacement Parts’,
brand: ‘A-Grade’,
availability: ‘in stock’,
condition: ‘new’
};

// Enhanced tracking functions
function trackProductView() {
gtag(‘event’, ‘view_item’, {
currency: ‘AUD’,
value: 17.40,
items: [{
item_id: ‘Housing-Switch-YBLU’,
item_name: ‘Housing Shell For Nintendo Switch Joy-Con Controller-Yellow / Blue’,
item_category: ‘Nintendo Switch Replacement Parts’,
item_brand: ‘A-Grade’,
price: 17.40,
quantity: 1
}] });
}

function trackAddToCart(quantity = 1) {
gtag(‘event’, ‘add_to_cart’, {
currency: ‘AUD’,
value: 17.40 * quantity,
items: [{
item_id: ‘Housing-Switch-YBLU’,
item_name: ‘Housing Shell For Nintendo Switch Joy-Con Controller-Yellow / Blue’,
item_category: ‘Nintendo Switch Replacement Parts’,
item_brand: ‘A-Grade’,
price: 17.40,
quantity: quantity
}] });
}

function trackFAQEngagement(question) {
gtag(‘event’, ‘faq_engagement’, {
event_category: ‘support’,
event_label: question.substring(0, 50),
value: 1
});
}

function trackScrollDepth(percentage) {
gtag(‘event’, ‘scroll_depth’, {
event_category: ‘engagement’,
event_label: percentage + ‘%’,
value: percentage
});
}

function trackJoyConHousingInterest() {
gtag(‘event’, ‘joy_con_housing_interest’, {
event_category: ‘feature_engagement’,
event_label: ‘nintendo_switch_joy_con_housing_yellow_blue’,
value: 1
});
}

function trackCheerfulColorInterest() {
gtag(‘event’, ‘cheerful_color_interest’, {
event_category: ‘feature_engagement’,
event_label: ‘yellow_blue_housing_cheerful_color_preference’,
value: 1
});
}

function trackProfessionalInstallationInterest() {
gtag(‘event’, ‘professional_installation_interest’, {
event_category: ‘service’,
event_label: ‘joy_con_cheerful_color_housing_installation_brisbane’,
value: 1
});
}

// Auto-track product view
document.addEventListener(‘DOMContentLoaded’, function() {
trackProductView();
});

/* Nintendo Switch Joy-Con Housing Yellow Blue Theme */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
line-height: 1.6;
}

/* Header Styles */
.header {
background: #1a1a1a;
color: white;
padding: 15px 0;
margin-bottom: 20px;
}

.header-content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.logo {
font-size: 1.5rem;
font-weight: bold;
color: #007aff;
}

.contact-info {
font-size: 0.9rem;
}

.breadcrumb-nav {
background: #f8f9fa;
padding: 12px 20px;
border-radius: 8px;
margin-bottom: 25px;
}

.breadcrumb {
font-size: 14px;
color: #666;
text-decoration: none;
transition: color 0.3s ease;
}

.breadcrumb:hover {
color: #e60012;
}

.breadcrumb:last-child {
color: #333;
font-weight: 500;
}

.product-header {
margin-bottom: 40px;
text-align: center;
}

.product-info {
max-width: 900px;
margin: 0 auto;
}

.product-title {
font-size: 2rem;
font-weight: bold;
color: #1e293b;
margin: 0 0 15px;
line-height: 1.3;
}

.nintendo-badge {
background: linear-gradient(135deg, #e60012 0%, #ff1a2e 100%);
color: white;
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
display: inline-block;
margin-bottom: 15px;
}

.cheerful-badge {
background: linear-gradient(135deg, #eab308 0%, #3b82f6 100%);
color: white;
padding: 6px 12px;
border-radius: 15px;
font-size: 0.8rem;
font-weight: 600;
display: inline-block;
margin-left: 10px;
}

.product-price {
font-size: 2.5rem;
font-weight: bold;
color: #e60012;
margin: 0 0 10px;
}

.product-sku {
color: #64748b;
font-size: 0.9rem;
margin-bottom: 20px;
}

.availability-badge {
background: #22c55e;
color: white;
padding: 8px 16px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
display: inline-block;
margin-bottom: 25px;
}

.urgency-indicators {
margin: 15px 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.stock-indicator, .shipping-indicator, .demand-indicator {
font-size: 0.85rem;
padding: 6px 12px;
border-radius: 4px;
font-weight: 500;
}

.stock-indicator {
background: #fef2f2;
color: #e60012;
border-left: 3px solid #e60012;
}

.shipping-indicator {
background: #dbeafe;
color: #1e40af;
border-left: 3px solid #3b82f6;
}

.demand-indicator {
background: #fef3c7;
color: #92400e;
border-left: 3px solid #f59e0b;
}

/* Yellow Blue Color Highlight Section */
.cheerful-color-section {
background: linear-gradient(135deg, #fefce8 0%, #eff6ff 100%);
color: #374151;
padding: 40px 30px;
border-radius: 15px;
margin: 30px 0;
border: 3px solid #e5e7eb;
}

.cheerful-color-title {
font-size: 1.8rem;
font-weight: bold;
margin: 0 0 25px;
text-align: center;
color: #374151;
}

.cheerful-color-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
}

.cheerful-feature {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
border: 2px solid #e5e7eb;
text-align: center;
}

.cheerful-feature-icon {
font-size: 3rem;
margin-bottom: 15px;
display: block;
}

.yellow-icon {
color: #eab308;
}

.blue-icon {
color: #3b82f6;
}

.harmony-icon {
background: linear-gradient(45deg, #eab308 50%, #3b82f6 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.cheerful-feature-title {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 10px;
color: #374151;
}

.cheerful-feature-description {
font-size: 0.95rem;
color: #6b7280;
line-height: 1.5;
}

/* Joy-Con Housing Issues Fixed Section */
.housing-issues-section {
background: #f0fdf4;
padding: 30px;
border-radius: 12px;
margin: 30px 0;
border-left: 5px solid #22c55e;
}

.housing-issues-title {
color: #15803d;
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 20px;
}

.housing-issues-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}

.housing-issue {
background: white;
padding: 25px;
border-radius: 8px;
border: 2px solid #bbf7d0;
text-align: center;
}

.housing-issue-icon {
font-size: 2rem;
color: #22c55e;
margin-bottom: 15px;
}

.housing-issue-title {
font-weight: 600;
color: #15803d;
margin-bottom: 10px;
font-size: 1.1rem;
}

.housing-issue-description {
color: #16a34a;
font-size: 0.9rem;
line-height: 1.4;
}

/* Nintendo Switch Compatibility Section */
.compatibility-section {
background: #fef2f2;
padding: 30px;
border-radius: 12px;
margin: 30px 0;
border-left: 5px solid #e60012;
}

.compatibility-title {
color: #e60012;
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 20px;
}

.compatibility-content {
background: white;
padding: 30px;
border-radius: 8px;
border: 2px solid #fecaca;
text-align: center;
}

.compatibility-icon {
font-size: 3rem;
color: #e60012;
margin-bottom: 20px;
}

.compatibility-item-title {
font-weight: 600;
color: #e60012;
margin-bottom: 15px;
font-size: 1.3rem;
}

.compatibility-item-description {
color: #ef4444;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 20px;
}

.compatibility-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-top: 20px;
}

.compatibility-feature {
background: #fef2f2;
padding: 15px;
border-radius: 6px;
font-size: 0.9rem;
color: #dc2626;
font-weight: 500;
}

/* Technical Specifications Section */
.specs-section {
background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
color: white;
padding: 35px 30px;
border-radius: 12px;
margin: 30px 0;
}

.specs-title {
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 25px;
text-align: center;
}

.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}

.spec-item {
background: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
backdrop-filter: blur(10px);
display: flex;
align-items: center;
gap: 15px;
}

.spec-icon {
font-size: 1.5rem;
min-width: 30px;
}

.spec-content {
flex: 1;
}

.spec-label {
font-weight: 600;
margin-bottom: 5px;
font-size: 0.95rem;
}

.spec-value {
opacity: 0.9;
font-size: 0.9rem;
line-height: 1.4;
}

/* Cheerful Color Benefits Section */
.cheerful-benefits-section {
background: linear-gradient(135deg, #eab308 0%, #3b82f6 100%);
color: white;
padding: 35px 30px;
border-radius: 12px;
margin: 30px 0;
text-align: center;
}

.cheerful-benefits-title {
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 15px;
}

.cheerful-benefits-description {
font-size: 1.1rem;
opacity: 0.95;
margin: 0 0 25px;
line-height: 1.5;
}

.cheerful-benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}

.cheerful-benefit {
background: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
backdrop-filter: blur(10px);
}

.cheerful-benefit-icon {
font-size: 2rem;
margin-bottom: 10px;
}

.cheerful-benefit-title {
font-weight: 600;
margin-bottom: 8px;
font-size: 1rem;
}

.cheerful-benefit-description {
font-size: 0.9rem;
opacity: 0.9;
}

/* Enhanced Trust Badges Section */
.trust-badges-section {
background: #f8f9fa;
padding: 30px;
border-radius: 12px;
margin: 30px 0;
}

.trust-badges-title {
text-align: center;
color: #e60012;
margin-bottom: 25px;
font-size: 1.4rem;
}

.trust-badges-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}

.trust-badge {
background: white;
padding: 20px;
border-radius: 10px;
text-align: center;
border: 1px solid #e0e0e0;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.trust-badge:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.trust-badge-icon {
color: #22c55e;
font-size: 2rem;
margin-bottom: 10px;
}

.trust-badge-title {
color: #e60012;
margin-bottom: 8px;
}

.trust-badge-description {
color: #666;
font-size: 0.9rem;
}

/* FAQ Section */
.faq-section {
background: #fafafa;
padding: 30px;
border-radius: 12px;
margin: 30px 0;
}

.faq-title {
color: #1e293b;
font-size: 1.5rem;
font-weight: bold;
margin: 0 0 25px;
text-align: center;
}

.faq-item {
background: white;
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.faq-question {
background: #f8f9fa;
padding: 18px 20px;
font-weight: 600;
color: #1e293b;
cursor: pointer;
position: relative;
transition: background-color 0.3s ease;
}

.faq-question:hover {
background: #e9ecef;
}

.faq-question::before {
content: “▶”;
color: #e60012;
font-size: 0.8rem;
transition: transform 0.3s ease;
}

.faq-question.active::before {
transform: rotate(90deg);
}

.faq-answer {
color: #64748b;
margin: 0;
line-height: 1.6;
font-size: 0.95rem;
display: none;
padding: 15px 20px;
}

.faq-answer.active {
display: block;
}

/* Professional Installation Service Section */
.service-section {
background: linear-gradient(135deg, #e60012 0%, #ff1a2e 100%);
color: white;
padding: 35px 30px;
border-radius: 12px;
margin: 30px 0;
text-align: center;
}

.service-title {
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 15px;
}

.service-description {
font-size: 1.1rem;
opacity: 0.95;
margin: 0 0 25px;
line-height: 1.5;
}

.service-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-bottom: 25px;
}

.service-item {
background: rgba(255,255,255,0.1);
padding: 20px;
border-radius: 8px;
backdrop-filter: blur(10px);
}

.service-icon {
font-size: 2rem;
margin-bottom: 10px;
}

.service-item-title {
font-weight: 600;
margin-bottom: 8px;
font-size: 1rem;
}

.service-item-description {
font-size: 0.9rem;
opacity: 0.9;
}

.service-cta {
background: white;
color: #e60012;
padding: 12px 25px;
border-radius: 25px;
text-decoration: none;
font-weight: bold;
display: inline-block;
transition: all 0.3s ease;
}

.service-cta:hover {
background: #f0f0f0;
transform: translateY(-2px);
}

.business-info {
background: #f8fafc;
padding: 25px;
border-radius: 10px;
margin: 30px 0;
text-align: center;
}

.business-title {
color: #1e293b;
font-weight: 600;
margin: 0 0 15px;
font-size: 1.2rem;
}

.business-address {
color: #e60012;
font-weight: 600;
margin: 0 0 10px;
}

.business-phone {
color: #475569;
margin: 0;
font-size: 1.1rem;
}

.shipping-info {
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
color: white;
padding: 25px;
border-radius: 12px;
margin: 30px 0;
text-align: center;
}

.shipping-title {
font-size: 1.3rem;
font-weight: bold;
margin: 0 0 15px;
}

.shipping-text {
font-size: 1rem;
opacity: 0.95;
margin: 0;
}

/* View Count Popup */
.view-popup {
position: fixed;
bottom: 20px;
left: 20px;
background: #1a1a1a;
color: white;
padding: 12px 18px;
border-radius: 25px;
font-size: 0.85rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
z-index: 1000;
opacity: 0;
transform: translateY(50px);
transition: all 0.3s ease;
max-width: 280px;
}

.view-popup.show {
opacity: 1;
transform: translateY(0);
}

.popup-close {
background: none;
border: none;
color: #ccc;
font-size: 1rem;
cursor: pointer;
margin-left: 10px;
padding: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
.container {
padding: 15px;
}

.product-info {
max-width: 100%;
}

.product-title {
font-size: 1.5rem;
}

.product-price {
font-size: 2rem;
}

.cheerful-color-grid, .housing-issues-grid, .specs-grid, .cheerful-benefits-grid, .trust-badges-grid, .service-grid {
grid-template-columns: 1fr;
}

.compatibility-features {
grid-template-columns: 1fr;
}

.header-content {
flex-direction: column;
gap: 10px;
text-align: center;
}

.urgency-indicators {
align-items: center;
}

.view-popup {
left: 10px;
right: 10px;
max-width: none;
}
}

@media (max-width: 480px) {
.cheerful-color-section, .service-section, .cheerful-benefits-section, .specs-section {
padding: 25px 15px;
}

.housing-issues-section, .compatibility-section {
padding: 20px 15px;
}

.product-title {
font-size: 1.3rem;
}
}

// FAQ Toggle Functionality and Enhanced Features
document.addEventListener(‘DOMContentLoaded’, function() {
const faqQuestions = document.querySelectorAll(‘.faq-question’);

faqQuestions.forEach(question => {
question.addEventListener(‘click’, () => {
const answer = question.nextElementSibling;
const isActive = question.classList.contains(‘active’);

// Close all other FAQs
faqQuestions.forEach(q => {
q.classList.remove(‘active’);
q.nextElementSibling.classList.remove(‘active’);
});

// Toggle current FAQ
if (!isActive) {
question.classList.add(‘active’);
answer.classList.add(‘active’);
}
});
});

// Dynamic View Count Popup System
let viewCountClosed = false;
let viewCountInterval;

function closeViewPopup() {
const popup = document.getElementById(‘viewCountPopup’);
popup.classList.remove(‘show’);
viewCountClosed = true;
if (viewCountInterval) {
clearInterval(viewCountInterval);
}
}

function showViewCountPopup() {
if (viewCountClosed) return;

const popup = document.getElementById(‘viewCountPopup’);
const textElement = document.getElementById(‘viewCountText’);

// Get current time (Australian Eastern Time)
const now = new Date();
const ausTime = new Date(now.toLocaleString(“en-US”, {timeZone: “Australia/Brisbane”}));
const hour = ausTime.getHours();
const dayOfWeek = ausTime.getDay(); // 0 = Sunday, 6 = Saturday

// Time-based realistic view counts and messages for cheerful color customization parts
let viewCount, timeMessage;

if (hour >= 9 && hour = 1 && dayOfWeek = 18 && hour = 7 && hour {
popup.classList.remove(‘show’);
}, 6000);
}

// Show popup periodically (every 20-40 seconds)
function startViewCountNotifications() {
if (viewCountClosed) return;

// Initial popup after 8 seconds
setTimeout(() => {
showViewCountPopup();
}, 8000);

// Subsequent popups every 25-35 seconds
viewCountInterval = setInterval(() => {
if (!viewCountClosed) {
showViewCountPopup();
}
}, Math.random() * 10000 + 25000); // 25-35 seconds
}

// Start the notification system when page loads
startViewCountNotifications();

// Make closeViewPopup globally accessible
window.closeViewPopup = closeViewPopup;
});

// Enhanced tracking and optimization functions following established pattern
function initScrollDepthTracking() {
const milestones = [25, 50, 75, 90, 100];
let tracked = new Set();

window.addEventListener(‘scroll’, () => {
const scrollPercent = Math.round(
(window.scrollY / (document.documentElement.scrollHeight – window.innerHeight)) * 100
);

milestones.forEach(milestone => {
if (scrollPercent >= milestone && !tracked.has(milestone)) {
trackScrollDepth(milestone);
tracked.add(milestone);
}
});
}, {passive: true});
}

function initFAQTracking() {
document.querySelectorAll(‘.faq-question’).forEach(question => {
question.addEventListener(‘click’, () => {
trackFAQEngagement(question.textContent);
});
});
}

function initTrustBadgeTracking() {
document.querySelectorAll(‘.trust-badge’).forEach(badge => {
badge.addEventListener(‘click’, () => {
const badgeTitle = badge.querySelector(‘h4’);
if (badgeTitle) {
gtag(‘event’, ‘trust_badge_click’, {
event_category: ‘conversion_signal’,
event_label: badgeTitle.textContent,
value: 1
});
}
});
});
}

function initMobileOptimizations() {
document.addEventListener(‘touchstart’, function() {}, {passive: true});

document.querySelectorAll(‘button, .service-cta, a’).forEach(el => {
el.style.touchAction = ‘manipulation’;
});

const viewport = document.querySelector(‘meta[name=viewport]’);
const originalContent = viewport.content;

window.addEventListener(‘resize’, () => {
if (window.innerHeight {
if (e.clientY {
if (window.scrollY < lastScrollY – 100 && window.scrollY {
const timeSpent = Math.floor((Date.now() – startTime) / 1000);

timeIntervals.forEach(interval => {
if (timeSpent >= interval && !tracked.has(interval)) {
gtag(‘event’, ‘time_on_page’, {
event_category: ‘engagement’,
event_label: ‘nintendo_switch_joy_con_housing_yellow_blue_product_page’,
value: interval
});
tracked.add(interval);
}
});
}, 10000);
}

function initCoreWebVitalsTracking() {
new PerformanceObserver((entryList) => {
const entries = entryList.getEntries();
const lastEntry = entries[entries.length – 1];
gtag(‘event’, ‘LCP’, {
event_category: ‘Web Vitals’,
value: Math.round(lastEntry.startTime),
non_interaction: true
});
}).observe({entryTypes: [‘largest-contentful-paint’]});

new PerformanceObserver((entryList) => {
entryList.getEntries().forEach(entry => {
gtag(‘event’, ‘FID’, {
event_category: ‘Web Vitals’,
value: Math.round(entry.processingStart – entry.startTime),
non_interaction: true
});
});
}).observe({entryTypes: [‘first-input’]});

let clsValue = 0;
new PerformanceObserver((entryList) => {
entryList.getEntries().forEach(entry => {
if (!entry.hadRecentInput) {
clsValue += entry.value;
}
});

gtag(‘event’, ‘CLS’, {
event_category: ‘Web Vitals’,
value: Math.round(clsValue * 1000),
non_interaction: true
});
}).observe({entryTypes: [‘layout-shift’]});
}

// Initialize All Enhanced Features
document.addEventListener(‘DOMContentLoaded’, function() {
initMobileOptimizations();
initScrollDepthTracking();
initFAQTracking();
initTrustBadgeTracking();
initExitIntentTracking();
initTimeTracking();
initCoreWebVitalsTracking();
});

window.addEventListener(‘beforeunload’, () => {
const timeSpent = Math.floor((Date.now() – performance.timing.navigationStart) / 1000);
gtag(‘event’, ‘session_end’, {
event_category: ‘session’,
event_label: ‘nintendo_switch_joy_con_housing_yellow_blue_page_unload’,
value: timeSpent
});
});

const style = document.createElement(‘style’);
style.textContent = `
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.trust-badge:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.cheerful-feature:hover {
transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
`;
document.head.appendChild(style);