/* ===== Base ===== */ .pdp-container { max-width: 700px; margin: 0 auto; padding: 0 5px; background-color: #fff; color: #4A3728; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; } .pdp-container img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 4px; } /* ===== Hero ===== */ .pdp-header { text-align: center; padding: 30px 10px 15px; background-color: #FDF6F2; border-radius: 8px; margin-bottom: 20px; } .pdp-header h1 { font-size: 26px; color: #8B5A52; letter-spacing: 0.2px; margin: 0 0 10px; line-height: 1.2; font-weight: 800; } .pdp-header p { font-size: 16px; color: #A67C74; font-weight: 500; margin: 0; } /* ===== Content Blocks ===== */ .pdp-section { padding: 0 10px; margin-bottom: 15px; } .pdp-intro-text { font-size: 16px; text-align: center; max-width: 100%; margin: 0 auto 25px; color: #5D4B40; font-weight: 500; } .feature-block { margin-bottom: 25px; } .feature-title { font-size: 22px; color: #8B5A52; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; line-height: 1.25; } .feature-title::before { content: "β§"; font-size: 18px; } .feature-desc { font-size: 15px; color: #5D4B40; padding-left: 5px; } /* ===== How to Use ===== */ .ritual-box { background-color: #FAF6F4; padding: 25px 15px; border-radius: 8px; margin: 20px 0; } .ritual-title { text-align: center; font-size: 24px; color: #8B5A52; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px; font-weight: 700; } .step-item { display: flex; gap: 12px; margin-bottom: 10px; font-size: 15px; } .step-num { color: #8B5A52; font-weight: bold; min-width: 25px; } /* ===== Shades ===== */ .shade-container { border: 1px solid #E8DCD5; border-radius: 8px; padding: 20px 15px; margin: 20px 0; } .shade-title { font-size: 22px; color: #8B5A52; margin: 0 0 15px; text-align: center; font-weight: 700; } .shade-list { list-style: none; padding: 0; margin: 0; } .shade-list li { padding: 10px 0; border-bottom: 1px solid #F3EDE9; font-size: 15px; } .shade-list li:last-child { border-bottom: none; } .shade-list strong { color: #4A3728; } /* ===== Why People Keep Using It ===== */ .why-box { padding: 20px 10px; text-align: center; } .why-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; padding: 0; margin: 15px 0; } .why-list li { background: #FDF6F2; padding: 6px 15px; border-radius: 20px; font-size: 14px; color: #8B5A52; border: 1px solid #E8DCD5; } .cta-final { text-align: center; font-size: 16px; font-style: italic; color: #8B5A52; margin-top: 25px; padding: 20px 10px; border-top: 1px solid #EEE; } @media (max-width: 480px) { .pdp-header h1 { font-size: 22px; } .feature-title { font-size: 19px; } .ritual-title, .shade-title { font-size: 20px; } .pdp-container { padding: 0; } } No Shade Guessing. Just Flawless Skin. Blends into your skin tone in seconds β natural, smooth, effortless. This color-adapting foundation starts as a soft white balm and transforms into a silky tinted cream as you blend. Just swipe, blend, and go for skin that looks smooth, even, and naturally polished. Adapts to Your Skin as You Blend Powered by heat-activated color capsules, the formula adjusts while blending so it works with your undertone, not against it. No more second-guessing your shade or dealing with a mismatch between your face and neck. Looks Like Skin, Not Makeup Lightweight, breathable, and smooth. It helps blur the look of pores, soften texture, and even out redness without feeling heavy or dry. The finish stays natural, never patchy, thick, or cakey. Hydrating All Day, Never Greasy Infused with skin-loving ingredients like Niacinamide, Adenosine, and Hydrolyzed Collagen, this formula helps keep skin feeling comfortable and moisturized throughout the day. You get a fresh, dewy look without the sticky or oily feel. No Sponge. No Tools. No Mess. The built-in brush is made for fast, effortless blending. With ultra-soft fine bristles, it smooths the product evenly into skin for a soft-focus, airbrushed finish in seconds. No extra sponge, no streaks, no cleanup headache. One Stick. Everything You Need. Foundation and brush in one sleek, portable design. Perfect for busy mornings, touch-ups at work, travel, or everyday use. No bulky bottles. No extra tools. Just quick, easy coverage whenever you need it. Buildable Coverage That Still Feels Light Covers redness, dullness, and uneven tone while still letting skin look like skin. Wear it lightly for a fresh everyday finish or layer where you want more coverage. No cracking, no flaking, no heavy makeup feel. How to Use 01Twist to dispense a small amount 02Apply directly to your face 03Blend with the built-in brush 04Layer where you want extra coverage 05Done in seconds Three Flexible Shades Light β for fair to light skin tones Natural β for light to medium skin tones Medium β for medium to deeper skin tones Each shade adapts as you blend, making matching easier than traditional foundation. Why People Keep Using It Quick to apply Easy to blend Comfortable on skin Natural-looking finish No extra tools needed If you want makeup that works with your skin instead of fighting against it, this is the one you will keep reaching for. Try it once β you will not want to go back to regular foundation.