Double Serum

Double Serumไอโคนิคตลอดกาลการันตีด้วยยอดจำหน่ายอันดับหนึ่งของคลาแรงส์ในเจเนอเรชั่นล่าสุด เปลี่ยนอนาคตผิวสู่ผิวดูอ่อนเยาว์ ดูแลผิวครบองค์จากทุกสัญญาณแห่งวัยที่เกิดจากช่วงอายุตามกาลเวลา และริ้วรอยที่เกิดจากพฤติกรรม ไลฟ์สไตล์ และสิ่งแวดล้อม

NEW

Renew-Plus Body Serum

200 มล.

เซรั่มบำรุงผิวกาย มอบผลลัพธ์ผิวนุ่มเนียน สัมผัสเฟิร์มกระชับ แลดูอ่อนเยาว์ MID-YEAR SALE รับส่วนลด 20% เมื่อชอปขั้นต่ำ 5,000 บาท จะสิ้นสุดใน : Days : Hours : Minutes : Seconds // Set the date we're counting down to var countDownDate = new Date("June 18, 2025 23:59:00").getTime(); // Update the count down every 1 second var x = setInterval(function () { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Display the result in the element with id="demo" //document.getElementById("demo").innerHTML = days + "d " + hours + "h " // + minutes + "m " + seconds + "s "; // Display the result document.getElementById("days1").textContent = days.toString().padStart(2, '0'); document.getElementById("hours1").textContent = hours.toString().padStart(2, '0'); document.getElementById("minutes1").textContent = minutes.toString().padStart(2, '0'); document.getElementById("seconds1").textContent = seconds.toString().padStart(2, '0'); // If the count down is finished, write some text if (distance .container { max-width: 600px; width: 100%; background-color: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); padding: 40px; text-align: center; position: relative; overflow: hidden; } .countdown-container { display: flex; justify-content: left; gap: 5px; margin: 0 0; } .countdown-item { display: flex; flex-direction: column; align-items: baseline; position: relative; } .countdown-item-flash { display: flex; flex-direction: column; align-items: baseline; position: relative; padding: 0 0 10px 0; } .countdown-digit { font-size: 16px; font-weight: 700; background-color: #b40024; color: #ffffff; border-radius: 8px; padding: 5px 5px; min-width: 35px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .countdown-digit::after { content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); left: 0; } .countdown-label { font-size: 10px; font-weight: 500; color: #2d2d2d; margin-top: 8px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .countdown-label-flash { font-size: 14px; font-weight: 500; color: #b40024; margin-top: 8px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .accent-digit { background-color: #2d2d2d; } .countdown-separator { font-size: 20px; font-weight: 700; color: #2d2d2d; margin-top: 0px; } /* Responsive styles */ @media (max-width: 600px) { .container { padding: 30px 20px; } .countdown-container { gap: 2px; } .countdown-digit { font-size: 14px; padding: 5px 5px; min-width: 35px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .countdown-separator { font-size: 20px; margin-top: 0px; } .countdown-label { font-size: 8px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } }