* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background: linear-gradient(135deg, #f5f7fa, #e4edf5); color: #343a40; line-height: 1.6; min-height: 100vh; padding: 20px; overflow-x: hidden; }
.container { max-width: 1200px; margin: 0 auto; }
/* Header with floating animation */ .product-header { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; flex-wrap: wrap; background: white; padding: 25px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); animation: fadeIn 0.8s ease, float 6s ease-in-out infinite; position: relative; overflow: hidden; z-index: 2; }
.product-header::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(106,17,203,0.1) 0%, rgba(37,117,252,0) 70%); z-index: -1; animation: rotate 20s linear infinite; }
.product-info { flex: 1; min-width: 300px; }
h1 { font-size: 42px; margin: 0 0 10px 0; background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; font-family: 'Raleway', sans-serif; letter-spacing: -0.5px; }
.badges { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 15px; }
.badge { padding: 8px 16px; border-radius: 50px; font-size: 14px; font-weight: 600; background: var(--gradient-primary); color: white; box-shadow: 0 4px 10px rgba(106,17,203,0.3); animation: pulse 2s infinite; }
.rating { display: flex; align-items: center; gap: 10px; color: var(--gray); font-size: 16px; }
.stars { color: var(--warning); }
.product-price-box { background: var(--gradient-primary); color: white; padding: 25px; border-radius: 15px; min-width: 280px; box-shadow: 0 10px 25px rgba(106,17,203,0.4); position: relative; overflow: hidden; z-index: 1; }
.product-price-box::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%); z-index: -1; animation: rotate 20s linear infinite; }
.price-label { font-size: 16px; margin-bottom: 5px; opacity: 0.9; }
.price { font-size: 42px; font-weight: 800; margin: 5px 0; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
/* Feature grid with floating cards */ .specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 40px 0; }
.spec-card { text-align: center; padding: 30px 20px; border-radius: 20px; background: white; box-shadow: 0 8px 25px rgba(0,0,0,0.08); transition: all 0.4s ease; animation: float 5s ease-in-out infinite; animation-delay: calc(0.2s * var(--delay)); position: relative; overflow: hidden; z-index: 1; }
.spec-card:nth-child(1) { --delay: 1; background: linear-gradient(135deg, #a8edea, #fed6e3); } .spec-card:nth-child(2) { --delay: 2; background: linear-gradient(135deg, #fbc2eb, #a6c1ee); } .spec-card:nth-child(3) { --delay: 3; background: linear-gradient(135deg, #d4fc79, #96e6a1); } .spec-card:nth-child(4) { --delay: 4; background: linear-gradient(135deg, #f6d365, #fda085); }
.spec-card:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 15px 35px rgba(0,0,0,0.15); }
.spec-icon { font-size: 48px; margin-bottom: 20px; color: var(--primary); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }
.spec-title { font-weight: 700; margin-bottom: 10px; font-size: 20px; color: var(--dark); }
.spec-desc { font-size: 16px; color: var(--gray); font-weight: 500; }
/* Pricing section with gradient cards */ .pricing-section { background: white; padding: 30px; border-radius: 20px; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: relative; overflow: hidden; }
.pricing-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--gradient-primary); }
.section-title { margin: 0 0 30px 0; font-size: 32px; background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800; font-family: 'Raleway', sans-serif; display: flex; align-items: center; gap: 15px; }
.pricing-grid { display: flex; gap: 25px; flex-wrap: wrap; }
.pricing-card { flex: 1; min-width: 250px; padding: 30px 25px; border-radius: 20px; transition: all 0.4s ease; position: relative; overflow: hidden; z-index: 1; box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
.pricing-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7)); z-index: -1; border-radius: 20px; }
.pricing-card:nth-child(1) { background: linear-gradient(135deg, #fdfcfb, #e2d1c3); } .pricing-card:nth-child(2) { background: linear-gradient(135deg, #e0f7fa, #bbdefb); } .pricing-card:nth-child(3) { background: linear-gradient(135deg, #f1f8e9, #dcedc8); }
.pricing-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 15px 35px rgba(0,0,0,0.15); }
.pricing-header { font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-size: 20px; }
.pricing-value { font-size: 42px; font-weight: 800; margin: 15px 0; font-family: 'Raleway', sans-serif; }
.pricing-card:nth-child(1) .pricing-value { color: #8d6e63; } .pricing-card:nth-child(2) .pricing-value { color: #0288d1; } .pricing-card:nth-child(3) .pricing-value { color: #689f38; }
.pricing-desc { font-size: 16px; color: var(--gray); margin-bottom: 5px; font-weight: 500; }
.note { margin-top: 25px; font-size: 16px; color: var(--gray); font-weight: 500; padding: 15px; background: rgba(106,17,203,0.05); border-radius: 10px; border-left: 4px solid var(--primary); }
/* Animated tabs */ .tabs { display: flex; gap: 5px; margin: 40px 0 0; position: relative; }
.tab { padding: 20px 30px; background: white; border: none; cursor: pointer; font-weight: 600; color: var(--gray); position: relative; transition: all 0.4s ease; font-size: 18px; border-radius: 15px 15px 0 0; box-shadow: 0 -5px 15px rgba(0,0,0,0.05); z-index: 2; }
.tab.active { color: var(--primary); background: white; box-shadow: 0 -10px 20px rgba(0,0,0,0.05); }
.tab-content { padding: 40px; background: white; border-radius: 0 0 20px 20px; display: none; animation: fadeIn 0.6s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: relative; z-index: 1; }
.tab-content.active { display: block; }
.tab-content h3 { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0; margin-bottom: 30px; font-size: 28px; font-weight: 700; display: flex; align-items: center; gap: 15px; }
.features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.feature-category { background: rgba(106,17,203,0.03); padding: 25px; border-radius: 15px; border-left: 4px solid var(--primary); transition: all 0.4s ease; }
.feature-category:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.feature-category h4 { color: var(--dark); margin-bottom: 20px; font-size: 22px; display: flex; align-items: center; gap: 12px; }
.feature-category h4 i { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
ul { padding-left: 30px; }
li { margin-bottom: 15px; position: relative; font-size: 16px; padding-left: 15px; font-weight: 500; }
li::before { content: '•'; position: absolute; left: 0; color: var(--primary); font-weight: bold; font-size: 24px; }
.specs-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.specs-table tr:nth-child(even) { background: rgba(106,17,203,0.03); }
.specs-table tr:nth-child(odd) { background: white; }
.specs-table td { padding: 18px 20px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.spec-label { font-weight: 700; color: var(--dark); width: 35%; font-size: 17px; }
.reviews-container { display: grid; gap: 30px; }
.review { background: white; padding: 30px; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.05); border-left: 4px solid var(--primary); transition: all 0.4s ease; animation: float 6s ease-in-out infinite; }
.review:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.1); }
.review-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.reviewer { font-weight: 700; font-size: 18px; color: var(--primary); }
.review-date { color: var(--gray); font-size: 15px; }
.compliance { background: linear-gradient(135deg, #fff9db, #ffec99); padding: 30px; border-radius: 20px; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: relative; overflow: hidden; border-left: 4px solid #ffd43b; animation: pulse 4s infinite; }
.compliance h4 { margin: 0 0 20px 0; color: #e67700; font-size: 24px; display: flex; align-items: center; gap: 15px; font-weight: 700; }
.compliance ul { padding-left: 30px; }
.compliance li { margin-bottom: 15px; color: #d9480f; font-weight: 500; }
.keywords { font-size: 16px; color: var(--gray); margin: 40px 0; padding-top: 30px; border-top: 1px solid rgba(0,0,0,0.1); font-weight: 500; }
.feature-banner { background: linear-gradient(135deg, #6a11cb, #2575fc); padding: 40px; border-radius: 20px; margin: 40px 0; display: flex; align-items: center; gap: 40px; color: white; box-shadow: 0 15px 35px rgba(106,17,203,0.4); position: relative; overflow: hidden; z-index: 1; }
.feature-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 70%); z-index: -1; }
.feature-content { flex: 1; }
.feature-badge { background: white; color: var(--primary); padding: 10px 25px; border-radius: 50px; font-weight: 700; display: inline-block; margin-bottom: 20px; font-size: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.feature-banner h3 { font-size: 32px; margin-bottom: 20px; font-weight: 800; font-family: 'Raleway', sans-serif; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.feature-banner p { font-size: 18px; opacity: 0.9; margin-bottom: 20px; font-weight: 500; }
.feature-icon { font-size: 120px; color: rgba(255,255,255,0.15); animation: pulse 3s infinite; }
.bulk-banner { background: linear-gradient(135deg, #ff9a9e, #fad0c4); padding: 30px; border-radius: 20px; margin: 40px 0; text-align: center; box-shadow: 0 15px 35px rgba(255,94,98,0.3); animation: bounce 3s infinite; position: relative; overflow: hidden; }
.bulk-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%); z-index: 1; }
.bulk-banner h3 { margin-bottom: 20px; color: #c92a2a; font-size: 32px; position: relative; z-index: 2; font-weight: 800; }
.bulk-banner p { font-size: 20px; color: #343a40; font-weight: 600; position: relative; z-index: 2; }
.shipping-calculation { background: linear-gradient(135deg, #e6f7ff, #b3e0ff); padding: 30px; border-radius: 20px; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: relative; overflow: hidden; }
.shipping-calculation h3 { margin-bottom: 20px; color: #0d6efd; font-size: 28px; display: flex; align-items: center; gap: 15px; }
.shipping-cards { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 25px; }
.shipping-card { flex: 1; min-width: 250px; padding: 25px; border-radius: 15px; background: white; box-shadow: 0 8px 25px rgba(0,0,0,0.08); position: relative; overflow: hidden; z-index: 1; }
.shipping-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--gradient-primary); }
.shipping-header { font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; font-size: 20px; color: var(--primary); }
.calculation-steps { margin-top: 15px; padding-left: 20px; }
.calculation-steps li { margin-bottom: 12px; font-size: 15px; color: var(--dark); }
.shipping-result { margin-top: 20px; font-size: 24px; font-weight: 700; color: var(--primary); text-align: center; padding: 15px; background: rgba(106,17,203,0.05); border-radius: 10px; }
/* Animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(106,17,203,0.4); } 50% { transform: scale(1.02); } 100% { transform: scale(1); box-shadow: 0 0 0 20px rgba(106,17,203,0); } }
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes slideIn { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; }
.pricing-grid { flex-direction: column; }
.feature-banner { flex-direction: column; text-align: center; }
h1 { font-size: 32px; }
.product-header { flex-direction: column; text-align: center; }
.rating { justify-content: center; }
.shipping-cards { flex-direction: column; } }
Factory direct from Ningde, Fujian, this premium massage chair combines advanced 3D massage technology with luxury comfort features for complete relaxation and therapeutic benefits.
| Power | 110V-240V (Global plug options available) |
| Dimensions (Folded) | 150 × 80 × 115cm (59" × 31.5" × 45") |
| Dimensions (Extended) | 150 × 80 × 85cm (59" × 31.5" × 33.5") |
| Gross Weight | 120kg (264 lbs) |
| Shipping Volume | 1.5 CBM per unit |
| Noise Level | ≤45dB |
| Massage Coverage | Neck to thighs (120cm L-Track) |
| Airbags | 36 (Shoulders, Arms, Waist, Hips, Legs, Feet) |
| Heating | Carbon fiber heating (lower back) |
| Recline | Zero Gravity (128°), 165° leg extension |
| Weight Capacity | 300kg (660 lbs) |
| User Height Range | 150-195cm (5' - 6'5") |
| Certifications | CE, FCC, RoHS, UL |
"This chair transformed my spa business! Clients love the 3D massage and heating features. The zero gravity position is perfect for complete relaxation. Ordered 5 units initially and just placed another order for 10 more."
"As a chiropractor, I recommend this to my patients for home therapy. The L-track massage perfectly follows the spine, and the airbag compression helps with circulation. The Bluetooth speakers are a nice bonus for relaxation music."
"At 193cm tall and 125kg, most massage chairs don't fit me. This one accommodates perfectly with its extended leg rest and strong frame. The sport program is amazing after workouts - reduced my recovery time significantly."
// Tab functionality document.addEventListener('DOMContentLoaded', function() { const tabs = document.querySelectorAll('.tab'); const tabContents = document.querySelectorAll('.tab-content');
tabs.forEach(tab => { tab.addEventListener('click', () => { // Remove active class from all tabs and contents tabs.forEach(t => t.classList.remove('active')); tabContents.forEach(c => c.classList.remove('active'));
// Add active class to clicked tab tab.classList.add('active');
// Show corresponding content const tabName = tab.getAttribute('data-tab'); document.getElementById(tabName).classList.add('active'); }); });
// Animation for spec cards const specCards = document.querySelectorAll('.spec-card'); specCards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-15px)'; });
card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; }); });
// Floating animation for header const header = document.querySelector('.product-header'); setInterval(() => { header.style.animation = 'none'; setTimeout(() => { header.style.animation = 'float 6s ease-in-out infinite'; }, 10); }, 6000);
// Animation for shipping cards
const shippingCards = document.querySelectorAll('.shipping-card');
shippingCards.forEach((card, index) => {
card.style.animation = `slideIn ${0.5 + (index * 0.2)}s ease forwards`;
});
});
Fast login or sign up with WhatsApp-first verification.
Enter the code sent through the configured WhatsApp verification channel.