HealthStride Orthopedic Slip-On Shoes
/* ===== RESET & BASE ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', -apple-syste m, BlinkMacSystemFont, sans-serif; color: #1a1a2e; background: #fff; line-height: 1.7; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; color: inherit; } /* ===== UTILITY ===== */ .container { max-width: 960px; margin: 0 auto; padding: 0 24px; } .section { padding: 72px 0; } .section--alt { background: #f8f7f4; } .text-center { text-align: center; } .badge { display: inline-block; background: linear-gradient(135deg, #e8d5b7 0%, #d4a574 100%); color: #5a3e28; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 18px; border-radius: 30px; margin-bottom: 16px; } .section-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 4vw, 36px); font-weight: 700; color: #1a1a2e; margin-bottom: 12px; line-height: 1.25; } .section-subtitle { font-size: 16px; color: #6b7280; max-width: 600px; margin: 0 auto 40px; line-height: 1.7; } .divider { width: 60px; height: 3px; background: linear-gradient(90deg, #d4a574, #e8d5b7); border-radius: 2px; margin: 20px auto 0; } /* ===== HERO BANNER ===== */ .hero-banner { background: linear-gradient(135deg, #f8f7f4 0%, #f0ebe3 100%); padding: 40px 0 0; overflow: hidden; } .hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .hero-content { padding: 40px 0; } .hero-content .badge { margin-bottom: 20px; } .hero-content h1 { font-family: 'Playfair Display', serif; font-size: clamp(30px, 5vw, 44px); font-weight: 700; line-height: 1.15; color: #1a1a2e; margin-bottom: 20px; } .hero-content h1 span { background: linear-gradient(135deg, #d4a574, #b8845a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-content p { font-size: 16px; color: #6b7280; margin-bottom: 28px; line-height: 1.8; } .hero-stats { display: flex; gap: 32px; margin-top: 32px; } .hero-stat strong { display: block; font-size: 28px; font-weight: 800; color: #1a1a2e; } .hero-stat span { font-size: 13px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.5px; } .hero-image { position: relative; } .hero-image img { border-radius: 24px; width: 100%; object-fit: cover; aspect-ratio: 1/1; } .hero-image::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80%; height: 30px; background: radial-gradient(ellipse, rgba(0,0,0,0.08) 0%, transparent 70%); } /* ===== SOCIAL PROOF BAR ===== */ .social-proof { background: #1a1a2e; padding: 18px 0; text-align: center; } .social-proof p { color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; } .social-proof .highlight { color: #e8d5b7; font-weight: 800; } /* ===== PAIN POINT SECTION ===== */ .pain-section { padding: 72px 0; } .pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .pain-image img { border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); } .pain-content h2 { font-family: 'Playfair Display', serif; font-size: clamp(24px, 3.5vw, 32px); margin-bottom: 16px; line-height: 1.3; } .pain-content p { color: #6b7280; font-size: 15px; margin-bottom: 24px; line-height: 1.8; } .pain-list { list-style: none; } .pain-list li { display: flex; align-items: flex-start; gap: 12px; padding: 10px 0; font-size: 15px; color: #374151; } .pain-list li .icon { flex-shrink: 0; width: 24px; height: 24px; background: #fef3c7; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 2px; } .pain-list li .icon svg { width: 14px; height: 14px; color: #d97706; } /* ===== BENEFITS SECTION ===== */ .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; } .benefit-card { background: #fff; border: 1px solid #f0ebe3; border-radius: 16px; padding: 32px 24px; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; } .benefit-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #d4a574, #e8d5b7); opacity: 0; transition: opacity 0.3s ease; } .benefit-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.06); border-color: #e8d5b7; } .benefit-card:hover::before { opacity: 1; } .benefit-icon { width: 56px; height: 56px; background: linear-gradient(135deg, #f8f7f4, #f0ebe3); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .benefit-icon svg { width: 28px; height: 28px; color: #b8845a; } .benefit-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: #1a1a2e; } .benefit-card p { font-size: 14px; color: #6b7280; line-height: 1.65; } /* ===== WHY CHOOSE SECTION ===== */ .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .why-content h2 { font-family: 'Playfair Display', serif; font-size: clamp(24px, 3.5vw, 32px); margin-bottom: 16px; line-height: 1.3; } .why-content p { color: #6b7280; font-size: 15px; line-height: 1.8; margin-bottom: 24px; } .why-features { display: flex; flex-direction: column; gap: 16px; } .why-feature { display: flex; align-items: flex-start; gap: 14px; padding: 16px; background: #f8f7f4; border-radius: 12px; transition: all 0.3s ease; } .why-feature:hover { background: #f0ebe3; } .why-feature-icon { flex-shrink: 0; width: 40px; height: 40px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .why-feature-icon svg { width: 20px; height: 20px; color: #b8845a; } .why-feature h4 { font-size: 14px; font-weight: 700; margin-bottom: 4px; color: #1a1a2e; } .why-feature p { font-size: 13px; color: #9ca3af; margin-bottom: 0; line-height: 1.5; } .why-image img { border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); } /* ===== CTA BANNER ===== */ .cta-banner { background: linear-gradient(135deg, #1a1a2e 0%, #2d2d4a 100%); padding: 64px 0; text-align: center; position: relative; overflow: hidden; } .cta-banner::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 50%, rgba(212,165,116,0.08) 0%, transparent 50%); } .cta-banner h2 { font-family: 'Playfair Display', serif; font-size: clamp(26px, 4vw, 38px); color: #fff; margin-bottom: 12px; position: relative; } .cta-banner .price-display { margin: 24px 0; position: relative; } .cta-banner .price-old { font-size: 20px; color: #9ca3af; text-decoration: line-through; margin-right: 12px; } .cta-banner .price-new { font-size: 42px; font-weight: 800; color: #e8d5b7; } .cta-banner .price-save { display: inline-block; background: rgba(212,165,116,0.2); color: #e8d5b7; font-size: 13px; font-weight: 700; padding: 4px 14px; border-radius: 20px; margin-left: 12px; vertical-align: super; } .cta-banner p { color: #d1d5db; font-size: 15px; margin-bottom: 8px; position: relative; } .cta-urgency { display: inline-flex; align-items: center; gap: 8px; background: rgba(239,68,68,0.15); color: #fca5a5; font-size: 13px; font-weight: 600; padding: 8px 20px; border-radius: 30px; margin-top: 20px; position: relative; } .cta-urgency .dot { width: 8px; height: 8px; background: #ef4444; border-radius: 50%; animation: pulse 1.5s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } /* ===== SIZE CHART ===== */ .size-chart-wrapper { max-width: 800px; margin: 0 auto; overflow-x: auto; } .size-chart { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.04); font-size: 14px; } .size-chart thead { background: linear-gradient(135deg, #1a1a2e, #2d2d4a); } .size-chart thead th { color: #fff; font-weight: 600; padding: 14px 16px; text-align: center; font-size: 13px; letter-spacing: 0.3px; } .size-chart tbody tr { transition: background 0.2s ease; } .size-chart tbody tr:nth-child(even) { background: #f8f7f4; } .size-chart tbody tr:hover { background: #f0ebe3; } .size-chart tbody td { padding: 12px 16px; text-align: center; color: #374151; border-bottom: 1px solid #f0f0f0; } .size-chart tbody td:first-child { font-weight: 700; color: #1a1a2e; } /* ===== GUARANTEE SECTION ===== */ .guarantee-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; } .guarantee-card { text-align: center; padding: 32px 24px; border-radius: 16px; background: #fff; border: 1px solid #f0ebe3; transition: all 0.3s ease; } .guarantee-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.06); transform: translateY(-2px); } .guarantee-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #f0ebe3, #e8d5b7); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; } .guarantee-icon svg { width: 28px; height: 28px; color: #5a3e28; } .guarantee-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; color: #1a1a2e; } .guarantee-card p { font-size: 13px; color: #9ca3af; line-height: 1.6; } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .hero-inner, .pain-grid, .why-grid { grid-template-columns: 1fr; gap: 32px; } .hero-content { padding: 24px 0 0; text-align: center; } .hero-stats { justify-content: center; } .hero-image { order: -1; } .pain-image { order: -1; } .benefits-grid, .guarantee-grid { grid-template-columns: 1fr; gap: 16px; } .section { padding: 48px 0; } .cta-banner { padding: 48px 0; } .why-image { order: -1; } } @media (min-width: 769px) and (max-width: 1024px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } .guarantee-grid { grid-template-columns: repeat(3, 1fr); } } 2026 Bestseller Walk in Comfort, Step with Confidence The HealthStride Orthopedic Slip-On combines podiatrist-approved arch support with effortless style — designed for women who refuse to choose between looking great and feeling great. 92.3% Buy 2 or More 50% Off Today 5 Colors Available 92.3% of customers buy 2 or more — the perfect gift for friends & family Designed for Relief Struggling with Foot Pain? You're Not Alone. Millions of women deal with chronic foot conditions every day. HealthStride Orthopedic Slip-Ons are engineered to provide targeted relief while keeping you stylish — whether you're at work, running errands, or enjoying the outdoors. Relief from heel spurs and plantar fasciitis Support for hallux valgus (bunions) Reduces chronic foot and knee pain Perfect for all-day wear — work, travel, leisure Key Benefits Engineered for Your Comfort Every detail of the HealthStride Slip-On is crafted with your well-being in mind — from the orthopedic insole to the shock-absorbing sole. Targeted Arch Support Specially contoured arch supports promote healthy posture and deliver precise pain relief where you need it most. Cushioned Insoles Removable orthopedic insoles with extra-thick padding reduce joint stress and provide all-day cushioning comfort. Ultra-Soft Padding Elastic memory-foam lining cradles your foot for cloud-like softness, even after 12+ hours on your feet. Durable Construction Premium breathable knit upper and reinforced sole built to withstand daily wear while maintaining shape and support. Shock-Absorbing Sole Advanced gel technology in the sole absorbs impact with every step, protecting your joints and enhancing walking comfort. Effortless Slip-On No laces, no fuss. The stretchy knit upper lets you slide in and out in seconds — perfect for busy lifestyles. Why HealthStride The Perfect Blend of Style & Orthopedic Support HealthStride Slip-Ons are tailored for women who need real foot pain relief without sacrificing their personal style. Whether you're on your feet all day at work or exploring the city on weekends, these shoes deliver the stability and comfort your feet deserve. Podiatrist-Inspired Design Engineered with orthopedic principles for real therapeutic benefit Unbeatable Value Premium quality at 50% off — buy 2 and get free shipping Versatile for Any Occasion From office to outdoor — 5 colors to match every outfit Limited Time Offer Step Into Comfort Today $50.00 $24.90 SAVE 50% Transform your daily comfort — your feet will thank you. Limited stock available — offer ends soon Find Your Fit Size Chart Use the chart below to find your perfect size across different regional standards. When in between sizes, we recommend going up one size for the best fit. EU Size Foot Length (cm) Foot Length (in) US Size UK Size AU Size CA Size 36 23.0 9.06 5.5 3.5 5.5 5.5 37 23.5 9.25 6.5 4.5 6.5 6.5 38 24.0 9.45 7.5 5.5 7.5 7.5 39 24.5 9.65 8.5 6.5 8.5 8.5 40 25.0 9.84 9 7 9 9 41 25.5 10.04 10 8 10 10 42 26.0 10.24 10.5 8.5 10.5 10.5 43 26.5 10.43 11 9 11 11 Our Promise Shop with Confidence We stand 100% behind every pair of HealthStride shoes. Your satisfaction is our top priority. 30-Day Money-Back Guarantee Not satisfied? Return within 30 days of receiving your order for a full refund. No questions asked. 24/7 Customer Support Our dedicated team is always here to help you make the right choice. Reach out anytime — we're happy to assist. Buy 2, Get Free Shipping Order two or more pairs and enjoy free worldwide shipping. Save more while treating yourself and your loved ones.
More you might like
Related
Mara Orthopedic Loafers | Orthopedic Slip-On Loafers
Related
Orthopedic Slip-Ons
Related
Orthopedic Slip-Ons
Related