CeraVe Hydrating Mineral Sunscreen Face SPF 50 Lotion 2.5 oz – Each

@import url(‘https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap’); .hwjce-wrap { –brand-warm: #d9821a; –brand-warm-light: #f0a53f; –brand-warm-tint: #fdf3e6; –brand-earth: #1a6fa8; –brand-earth-light: #e8f1f8; –brand-cream: #fffdf9; –brand-sand: #f7f1ea; –text-primary: #2d2a26; –text-soft: #7d7770; –border: #e8e3da; max-width: 960px; margin: 0 auto; padding: 8px 20px 40px; background: var(–brand-cream); color: var(–text-primary); font-family: ‘Plus Jakarta Sans’, -apple-system, sans-serif !important; font-size: 17px !important; line-height: 1.6 !important; } .hwjce-wrap * { box-sizing: border-box; } .hwjce-hero { text-align: center; padding: 32px 0 0; } .hwjce-hero-product { background: var(–brand-sand); border-radius: 32px; padding: 44px 40px 30px; position: relative; overflow: hidden; } .hwjce-hero-product::before { content: ”; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(217,130,26,0.16) 0%, transparent 70%); pointer-events: none; } .hwjce-hero-product::after { content: ”; position: absolute; bottom: -70px; left: -50px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(26,111,168,0.12) 0%, transparent 70%); pointer-events: none; } .hwjce-hero-product img { position: relative; width: 100%; max-width: 360px; max-height: 420px; object-fit: contain; display: block; margin: 0 auto; } .hwjce-overline { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1.5px; text-transform: uppercase; color: var(–brand-warm); margin: 28px 0 12px; } .hwjce-hero h1 { font-family: ‘Fraunces’, Georgia, serif !important; font-size: clamp(32px, 4.5vw, 48px) !important; font-weight: 600 !important; line-height: 1.1 !important; margin: 0 auto 16px; max-width: 720px; color: var(–text-primary); } .hwjce-hero h1 em { font-style: italic; font-weight: 400 !important; color: var(–brand-earth); } .hwjce-hero-desc { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: var(–text-soft); max-width: 540px; margin: 0 auto; } .hwjce-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 28px 0 8px; } .hwjce-badge { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; padding: 9px 20px; border-radius: 100px; background: var(–brand-warm-tint); color: var(–brand-warm); transition: transform 0.2s ease; } .hwjce-badge.hwjce-green { background: var(–brand-earth-light); color: var(–brand-earth); } .hwjce-badge:hover { transform: scale(1.05); } .hwjce-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 48px 0; } .hwjce-tile { background: var(–brand-sand); border-radius: 20px; padding: 30px 26px; transition: transform 0.25s ease, box-shadow 0.25s ease; } .hwjce-tile:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,0.06); } .hwjce-tile-icon { width: 46px; height: 46px; border-radius: 12px; background: var(–brand-warm-tint); display: flex; align-items: center; justify-content: center; font-size: 22px !important; margin-bottom: 16px; } .hwjce-tile:nth-child(2) .hwjce-tile-icon { background: var(–brand-earth-light); } .hwjce-tile h3 { font-family: ‘Fraunces’, Georgia, serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; margin: 0 0 8px; color: var(–text-primary); } .hwjce-tile p { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.55 !important; color: var(–text-soft); margin: 0; } .hwjce-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin: 48px 0; } .hwjce-content-img { background: var(–brand-sand); border-radius: 24px; padding: 32px; } .hwjce-content-img img { width: 100%; max-width: 100%; max-height: 400px; object-fit: contain; display: block; margin: 0 auto; } .hwjce-content-tag { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1.5px; text-transform: uppercase; color: var(–brand-warm); margin: 0 0 12px; } .hwjce-content h2 { font-family: ‘Fraunces’, Georgia, serif !important; font-size: clamp(26px, 3.2vw, 34px) !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 20px; color: var(–text-primary); } .hwjce-content h2 em { font-style: italic; font-weight: 400 !important; color: var(–brand-earth); } .hwjce-checks { list-style: none; margin: 0; padding: 0; } .hwjce-checks li { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(–text-primary); display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; } .hwjce-check { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(–brand-earth-light); color: var(–brand-earth); display: flex; align-items: center; justify-content: center; font-size: 13px !important; margin-top: 1px; } .hwjce-callout { background: var(–brand-warm); border-radius: 20px; padding: 36px 44px; display: flex; align-items: center; gap: 28px; margin: 48px 0; } .hwjce-callout-emoji { font-size: 40px !important; flex-shrink: 0; } .hwjce-callout p { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.55 !important; color: #fff; margin: 0; } .hwjce-acc { margin: 48px 0 0; } .hwjce-acc-head { text-align: center; margin-bottom: 24px; } .hwjce-acc-head h2 { font-family: ‘Fraunces’, Georgia, serif !important; font-size: clamp(26px, 3.2vw, 34px) !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0; color: var(–text-primary); } .hwjce-acc-head h2 em { font-style: italic; font-weight: 400 !important; color: var(–brand-earth); } .hwjce-acc details { background: var(–brand-sand); border-radius: 14px; margin-bottom: 10px; overflow: hidden; transition: background 0.2s ease; } .hwjce-acc details[open] { background: var(–brand-warm-tint); } .hwjce-acc summary { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(–text-primary); padding: 20px 24px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 18px; } .hwjce-acc summary::-webkit-details-marker { display: none; } .hwjce-acc summary::after { content: ‘+’; font-family: ‘Fraunces’, Georgia, serif !important; font-size: 24px !important; color: var(–brand-warm); flex-shrink: 0; line-height: 1 !important; } .hwjce-acc details[open] summary::after { content: ‘2212’; } .hwjce-acc-body { font-family: ‘Plus Jakarta Sans’, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.65 !important; color: var(–text-soft); padding: 0 24px 22px; } @keyframes hwjce-fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } @keyframes hwjce-heroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } .hwjce-hero { animation: hwjce-heroIn 0.6s ease-out both; } .hwjce-hero-product img { animation: hwjce-heroIn 0.8s ease-out 0.2s both; } .hwjce-badges { animation: hwjce-fadeUp 0.8s ease-out 0.15s both; } .hwjce-tiles { animation: hwjce-fadeUp 0.8s ease-out 0.25s both; } .hwjce-content { animation: hwjce-fadeUp 0.8s ease-out 0.3s both; } .hwjce-callout { animation: hwjce-fadeUp 0.8s ease-out 0.4s both; } .hwjce-acc { animation: hwjce-fadeUp 0.8s ease-out 0.5s both; } @media (max-width: 680px) { .hwjce-hero-product { padding: 30px 22px 22px; border-radius: 24px; } .hwjce-tiles { grid-template-columns: 1fr; } .hwjce-content { grid-template-columns: 1fr; gap: 24px; } .hwjce-content-img { order: -1; } .hwjce-callout { flex-direction: column; text-align: center; gap: 16px; padding: 30px 26px; } } @media (prefers-reduced-motion: reduce) { .hwjce-wrap * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } CeraVe Hydrating mineral sunscreen for face, SPF 50 A 100% mineral, oil-free facial sunscreen with broad spectrum SPF 50. Titanium dioxide and zinc oxide help shield skin, while three essential ceramides and niacinamide support the skin barrier. Lightweight, non-greasy, and made for sensitive skin. Broad Spectrum SPF 50 100% Mineral Fragrance-Free For Sensitive Skin ☀️ Mineral UV filters Titanium dioxide and zinc oxide sit on the skin’s surface to help reflect UVA and UVB rays for broad spectrum protection. 💧 Ceramides and niacinamide Formulated with three essential ceramides plus niacinamide to help support the skin’s natural moisture barrier. 🌿 Lightweight, non-greasy An oil-free lotion with a light finish, so it layers easily as part of a daily facial routine. On the label Made for sensitive facial skin ✓ Fragrance-free and paraben-free formula ✓ Oil-free, so it stays light on the face ✓ Accepted by the National Eczema Association ✓ Developed with dermatologists ✓ 2.5 fl oz (75 mL) tube ☀️ Apply liberally 15 minutes before sun exposure, and reapply at least every 2 hours. For extra protection, pair sunscreen with a hat and shade during peak sun. Sunscreen questions Is this a chemical or a mineral sunscreen? It is a 100% mineral sunscreen. The active ingredients are titanium dioxide and zinc oxide, which sit on the skin’s surface to help reflect UV rays rather than absorbing them chemically. Is CeraVe Hydrating Mineral Sunscreen good for sensitive skin? It is formulated for sensitive skin: fragrance-free, paraben-free, oil-free, and accepted by the National Eczema Association. It is also developed with dermatologists. Can I wear it under makeup? Yes. The oil-free, lightweight lotion is designed to feel non-greasy on the face, so it can be layered under makeup or a moisturizer as part of your morning routine. How much should I apply, and how often? Apply liberally to the face 15 minutes before sun exposure and reapply at least every 2 hours, or more often after sweating or towel drying. Follow the directions on the label. What SPF and size is it? It provides broad spectrum SPF 50 protection and comes in a 2.5 fl oz (75 mL) tube sized for daily facial use.