ProFoot Vita-Gel Toe Protector
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@400;500;600;700&display=swap'); .hwrpz-wrap { --brand-rich: #5f7d12; --brand-mid: #8fb524 ; --brand-soft: #eef4dc; --brand-cream: #fafcf3; --text-primary: #2c2c2a; --text-secondary: #6b6963; --border: #e5e2db; font-family: 'DM Sans', -apple-system, sans-serif !important; font-size: 17px !important; line-height: 1.6 !important; color: var(--text-primary); max-width: 960px; margin: 0 auto; background: var(--brand-cream); padding: 8px 24px 44px; box-sizing: border-box; } .hwrpz-wrap * { box-sizing: border-box; } .hwrpz-wrap p { margin: 0 0 14px; } /* Hero */ .hwrpz-hero { display: grid; grid-template-columns: 1fr 380px; gap: 48px; align-items: center; padding: 40px 0 36px; border-bottom: 2px solid var(--text-primary); } .hwrpz-overline { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2.5px; text-transform: uppercase; color: var(--brand-rich); margin-bottom: 16px; } .hwrpz-hero h1 { font-family: 'DM Serif Display', Georgia, serif !important; font-size: clamp(34px, 5vw, 50px) !important; font-weight: 400 !important; line-height: 1.08 !important; margin: 0 0 20px; color: var(--text-primary); } .hwrpz-hero h1 em { font-style: italic; color: var(--brand-rich); } .hwrpz-hero-intro { font-family: 'DM Sans', sans-serif !important; font-size: 17px !important; line-height: 1.65 !important; color: var(--text-secondary); max-width: 480px; } .hwrpz-hero-img { position: relative; } .hwrpz-hero-img img { position: relative; z-index: 1; width: 100%; max-width: 340px; max-height: 470px; object-fit: contain; display: block; margin: 0 auto; } .hwrpz-hero-img::after { content: ''; position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); width: 66%; height: 36px; background: rgba(60,70,20,0.16); filter: blur(26px); border-radius: 50%; z-index: 0; } /* Credential strip */ .hwrpz-creds { display: flex; flex-wrap: wrap; gap: 36px; padding: 26px 0; border-bottom: 1px solid var(--border); } .hwrpz-cred { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: var(--text-secondary); display: flex; align-items: center; gap: 9px; } .hwrpz-cred-dot { width: 8px; height: 8px; background: var(--brand-mid); border-radius: 50%; flex-shrink: 0; } /* Section header */ .hwrpz-section { padding: 44px 0 0; } .hwrpz-section-label { font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 2px; text-transform: uppercase; color: var(--brand-rich); margin-bottom: 12px; } .hwrpz-section h2 { font-family: 'DM Serif Display', Georgia, serif !important; font-size: clamp(27px, 3.5vw, 37px) !important; font-weight: 400 !important; line-height: 1.15 !important; margin: 0 0 8px; } .hwrpz-section h2 em { font-style: italic; color: var(--brand-rich); } /* Numbered duo */ .hwrpz-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding: 28px 0 40px; border-bottom: 1px solid var(--border); } .hwrpz-duo-item .hwrpz-num { font-family: 'DM Serif Display', Georgia, serif !important; font-size: 46px !important; color: var(--brand-mid); line-height: 1 !important; margin-bottom: 10px; } .hwrpz-duo-item h3 { font-family: 'DM Serif Display', Georgia, serif !important; font-size: 22px !important; font-weight: 400 !important; line-height: 1.2 !important; margin: 0 0 10px; color: var(--text-primary); } .hwrpz-duo-item p { font-family: 'DM Sans', sans-serif !important; font-size: 15.5px !important; line-height: 1.65 !important; color: var(--text-secondary); margin: 0; } /* Pull quote */ .hwrpz-quote { padding: 40px 0; border-top: 2px solid var(--text-primary); border-bottom: 1px solid var(--border); margin-top: 44px; } .hwrpz-quote blockquote { font-family: 'DM Serif Display', Georgia, serif !important; font-size: clamp(22px, 3vw, 30px) !important; font-style: italic; line-height: 1.4 !important; margin: 0 0 16px; color: var(--text-primary); } .hwrpz-quote cite { font-family: 'DM Sans', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; font-style: normal; letter-spacing: 1px; text-transform: uppercase; color: var(--brand-rich); } /* Accordion */ .hwrpz-faq { padding: 44px 0 0; } .hwrpz-faq details { border-top: 1px solid var(--border); } .hwrpz-faq details:last-child { border-bottom: 1px solid var(--border); } .hwrpz-faq summary { font-family: 'DM Sans', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; padding: 20px 0; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--text-primary); transition: color 0.2s ease; } .hwrpz-faq summary:hover { color: var(--brand-rich); } .hwrpz-faq summary::-webkit-details-marker { display: none; } .hwrpz-faq summary::after { content: '+'; font-family: 'DM Serif Display', Georgia, serif !important; font-size: 24px !important; color: var(--brand-rich); flex-shrink: 0; margin-left: 20px; } .hwrpz-faq details[open] summary::after { content: '\2212'; } .hwrpz-faq-body { padding: 0 0 22px; max-width: 660px; } .hwrpz-faq-body p { font-family: 'DM Sans', sans-serif !important; font-size: 15px !important; line-height: 1.7 !important; color: var(--text-secondary); margin: 0; } /* Animations */ @keyframes hwrpzFadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes hwrpzHeroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .hwrpz-hero { animation: hwrpzHeroIn 0.6s ease-out both; } .hwrpz-hero-img img { animation: hwrpzHeroIn 0.8s ease-out 0.2s both; } .hwrpz-creds, .hwrpz-section, .hwrpz-duo, .hwrpz-quote, .hwrpz-faq { animation: hwrpzFadeUp 0.8s ease-out both; } .hwrpz-creds { animation-delay: 0.1s; } .hwrpz-section { animation-delay: 0.15s; } .hwrpz-duo { animation-delay: 0.2s; } .hwrpz-quote { animation-delay: 0.25s; } .hwrpz-faq { animation-delay: 0.3s; } /* Mobile */ @media (max-width: 680px) { .hwrpz-hero { grid-template-columns: 1fr; gap: 28px; } .hwrpz-hero-img { order: -1; } .hwrpz-duo { grid-template-columns: 1fr; gap: 32px; } .hwrpz-creds { gap: 20px; } } @media (prefers-reduced-motion: reduce) { .hwrpz-wrap * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } ProFoot · Vita-Gel The gel toe protector that cushions sore toes The ProFoot Vita-Gel Toe Protector surrounds a tender toe in a soft gel sleeve, easing the friction and pressure that turn corns, hammer toes, and toe tips into all-day discomfort. Soothing mineral oil Fits any size toe Washable and reusable Relief that lasts for weeks How it helps Relief for corns, hammer toes, and tender tips 01 Cushioned protection The stretchy gel sleeve wraps the whole toe, putting a soft buffer between sensitive skin and the constant rub of shoes. It is designed to relieve corns, hammer toes, and painful toe tips. 02 Soothing mineral oil The gel is infused with mineral oil that soothes and conditions the skin it touches, so the toe feels calmer the longer the protector stays on. Made for everyday wear Simple to use, easy to keep 03 One size fits any toe The flexible gel stretches to fit any size toe and stays comfortable through the day. Rinse it clean and reuse it, so a single protector keeps working for weeks. 04 More than toe care Slip it on overnight with a dab of your favorite oil and it doubles as a cuticle moisturizer, giving one small accessory a second everyday job. “Instant relief from sore toes, with soft protection that keeps working for weeks.” The ProFoot Vita-Gel promise Questions and answers ProFoot Vita-Gel Toe Protector FAQ What does the ProFoot Vita-Gel Toe Protector do? It slips over a sore toe and surrounds it in a soft gel cushion, shielding the skin from friction and pressure. It is made to relieve the discomfort of corns, hammer toes, and tender toe tips. Does the gel toe protector fit any toe size? Yes. The gel is flexible and stretches to fit any size toe, so the same protector works whether you are treating a big toe or a smaller one. Can I wash and reuse the toe protector? Yes. It is washable, so you can rinse it clean and wear it again. One protector is designed to stay effective for weeks of regular use. Will it help with corns and hammer toes? It is designed for exactly these problems. By cushioning the toe and reducing rubbing against footwear, it helps ease the soreness that corns, hammer toes, and toe tips cause during the day. Can I use it as a cuticle moisturizer? Yes. Worn overnight, the Vita-Gel Toe Protector also works as a cuticle moisturizer, making it a versatile little addition to a foot-care routine.
More you might like
Related
ProFoot Vita-Gel Toe Spacer
Related
Profoot Vita-Gel Toe Protector
Related
Profoot Vita-gel Toe Spacer
Related