<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>เครื่องสำอาง - ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</title>
	<atom:link href="https://thaichicdeals.com/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%B3%E0%B8%AD%E0%B8%B2%E0%B8%87/feed/" rel="self" type="application/rss+xml" />
	<link>https://thaichicdeals.com/category/เครื่องสำอาง/</link>
	<description></description>
	<lastBuildDate>Tue, 23 Dec 2025 06:30:56 +0000</lastBuildDate>
	<language>th</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://thaichicdeals.com/wp-content/uploads/2025/06/cropped-favicon-32x32.png</url>
	<title>เครื่องสำอาง - ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</title>
	<link>https://thaichicdeals.com/category/เครื่องสำอาง/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">246367199</site>	<item>
		<title>สัมผัสผิวสวยสมบูรณ์แบบกับ SKINTIFIC Cover Glow Perfect Cushion!</title>
		<link>https://thaichicdeals.com/skintific-cover-glow-perfect-cushion/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Tue, 23 Dec 2025 06:30:55 +0000</pubDate>
				<category><![CDATA[รองพื้น]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพหน้า]]></category>
		<category><![CDATA[foundation]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=507</guid>

					<description><![CDATA[<p>สัมผัสผิวสวยสมบูรณ์แบบกับ SKINTIFIC Cover Glow Perfect  [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/skintific-cover-glow-perfect-cushion/">สัมผัสผิวสวยสมบูรณ์แบบกับ SKINTIFIC Cover Glow Perfect Cushion!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    สัมผัสผิวสวยสมบูรณ์แบบกับ SKINTIFIC Cover Glow Perfect Cushion!
  </h2>
  <p>SKINTIFIC Cover Glow Perfect Cushion ช่วยปกปิดปัญหาผิวและเพิ่มความเปล่งประกายธรรมชาติให้ผิวของคุณดูสวยสดใสยิ่งขึ้น ขนาด 11 กรัมที่พกพาสะดวก ใช้งานได้ง่ายทุกที่ทุกเวลา</p>
  <p>พลังปกปิดที่ติดทนนาน 10 ชั่วโมง ช่วยให้คุณมั่นใจกับผิวสวยตลอดทั้งวัน และสร้างลุคผิวเนียนเปล่งประกายที่สมบูรณ์แบบสำหรับวันพิเศษของคุณ</p>
  <p>ด้วยเทคโนโลยี Quadruple Layer Film-Forming และ Ultraf Lap™ Technology ที่เกาะติดผิวอย่างนุ่มนวล ไม่เป็นคราบตามรอยริ้วรอย พร้อมทั้ง 10 เฉดสีที่เหมาะกับทุกโทนสีผิว ทุกคนสามารถเลือกได้อย่างสมบูรณ์แบบ มาพบกับ SKINTIFIC Cover Glow Perfect Cushion กันเลยตอนนี้!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image.webp" alt="【NEW】SKINTIFIC Cover Glow Perfect Cushion โกลว์ 10 ชม กระจ่างใส ชุ่มชื้น เนียนไร้ที่ติ ไม่ออกซิไดซ์ คุชชั่น รองพื้น11g"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/Vzp11OCkz" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">【NEW】SKINTIFIC Cover Glow Perfect Cushion โกลว์ 10 ชม กระจ่างใส ชุ่มชื้น เนียนไร้ที่ติ ไม่ออกซิไดซ์ คุชชั่น รองพื้น11g</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">3.1k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿398 - ฿738</div><div class="price-date">23/12/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">พลังปกปิดสมบูรณ์แบบ</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ผิวเปล่งประกายธรรมชาติ</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ติดทนนาน 10 ชั่วโมง</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อสัมผัสนุ่มเนียนสม่ำเสมอ</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เติมความชุ่มชื้นให้ผิว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ป้องกันรังสี UV และเสริมสร้างเกราะป้องกันผิว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">10 เฉดสีให้เลือก</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/Vzp11OCkz" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #E91E63;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-1">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section3">
                    <h3>พลังปกปิดสมบูรณ์แบบและผิวเปล่งประกายธรรมชาติ ปกปิดปัญหาผิวและสร้างลุคผิวสุขภาพดี</h3>
                    <ul><li>ขนาด 11 กรัมที่พกพาสะดวก</li><li>พลังปกปิดที่ติดทนนาน 10 ชั่วโมง เพื่อความมั่นใจกับผิวสวยตลอดทั้งวัน</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>คุณสมบัติของผลิตภัณฑ์</h3>
                    <ul><li>Semi-Matte Finish: สร้างลุคผิวเนียนเปล่งประกาย</li><li>เทคโนโลยี Quadruple Layer Film-Forming: เกาะติดผิวอย่างนุ่มนวลและอยู่ทนนาน</li><li>Ultraf Lap™ Technology: เนื้อสัมผัสนุ่มนวลไม่เป็นคราบตามรอยริ้วรอย</li><li>WKPep® Peptide Hydrating Complex: เติมความชุ่มชื้นให้ผิวเพื่อผิวนุ่มชุ่มชื้น</li><li>Double Antioxidant: ป้องกันการเปลี่ยนสีเพื่อผิวสดใสอยู่เสมอ</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>ตัวเลือกสี</h3>
                    <ul><li>10 เฉดสีที่เหมาะกับทุกโทนสีผิว:</li><li>00N Porcelain</li><li>00W Porcelain</li><li>01N Vanilla</li><li>01W Vanilla</li><li>02N Ivory</li><li>02W Ivory</li><li>03N Petal</li><li>03W Almond</li><li>04N Beige</li><li>04W Beige</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>ส่วนผสมสำคัญ</h3>
                    <ul><li>WKPep® Wateren: สารเปปไทด์ผสมผสานที่เติมและล็อกความชุ่มชื้น</li><li>Hydrolyzed Hyaluronic Acid: เติมความชุ่มชื้นลึกซึ้งเพื่อผิวนุ่มชุ่มชื้น</li><li>Resveratrol: ป้องกันผิวจากรังสี UV และเสริมสร้างเกราะป้องกันผิว</li><li>Vitamin E: ป้องกันการเปลี่ยนสี</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>วิธีใช้</h3>
                    <ul><li>ใช้พัฟซับคุชชั่นปริมาณพอเหมาะ</li><li>ทาให้ทั่วใบหน้าและลคออย่างสม่ำเสมอเพื่อลุคผิวธรรมชาติ</li><li>หลังใช้งานให้ปิดฝาให้สนิทเพื่อไม่ให้คุชชั่นแห้ง</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec595c4f4" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=I5ind84auG0" data-video-id="I5ind84auG0" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/kXl-YvaItkQ" data-video-id="kXl-YvaItkQ" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/VbTCjFlUkzA" data-video-id="VbTCjFlUkzA" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion/SKINTIFIC%20Cover%20Glow%20Perfect%20Cushion_youtube_image_3.webp" alt="YouTube video 3" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec595c4f4");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec595c4f4-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec595c4f4-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec595c4f4-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
 
 <br>
 
 <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ รีวิว</div>
                </div>
              </div></div></div>
 
 
     
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>พลังปกปิดยอดเยี่ยม</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ผิวดูสวยงาม</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ติดทนดี</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>บรรจุภัณฑ์สวยงามและหรูหรา</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็ว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ราคาสมเหตุสมผล</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เหมาะกับทุกสภาพผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ใช้งานสะดวก</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีอาจเข้มกว่าที่คาดไว้</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title-v2">รีวิวสินค้า</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">รีวิว SKINTIFIC Cover Glow Perfect Cushion หลังใช้งาน</h3><div class="product-review-content-v2">คุชชั่นนี้ดีมากเลยค่ะ! บรรจุภัณฑ์สวยงาม ใช้แล้วฟินิชแบบ Semi-Matte ทำให้ผิวเนียนนุ่มและสวยงาม ปกปิดปัญหาผิวได้ดีและพลังปกปิดยอดเยี่ยม แค่ทาครั้งเดียวก็ติดทนได้นาน 10 ชั่วโมงเลย ด้วยเทคโนโลยี Quadruple Layer Film-Forming เนื้อสัมผัสก็นุ่มนวลไม่เป็นคราบตามรอยริ้วรอยด้วย เติมความชุ่มชื้นได้ดีและความชุ่มชื้นคงอยู่นาน ดีไซน์พัฟก็นุ่มและยืดหยุ่น เกาะติดผิวได้ดี เนื้อเบาทาง่ายและเหมาะกับทุกสภาพผิวจริงๆ มี 10 เฉดสีให้เลือก ทำให้มีทางเลือกมากมายและเข้ากับหลากหลายโทนสีผิว</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำผลิตภัณฑ์ที่มีประสิทธิภาพในการปรับสีผิว</h3><div class="product-review-content-v2">ใช้ผลิตภัณฑ์นี้แล้วโทนสีผิวดีขึ้นมากเลย ควบคุมความมันได้ดีและจัดส่งมาเร็วด้วย บรรจุภัณฑ์สภาพดี ลองหลายรุ่นแล้วแต่ชอบอันนี้ที่สุด ติดทนได้ดีและพอใจกับการซื้อครั้งนี้มากค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">หากต้องการผิวเปล่งประกายธรรมชาติแนะนำผลิตภัณฑ์นี้</h3><div class="product-review-content-v2">เซตแล้วผิวดูเปล่งประกายพอดีไม่มันเยิ้มและไม่หลุด ปกปิดตำหนิเล็กๆ ได้ดีโดยไม่ดูหนา ถ่ายรูปออกมาก็ยังสวยและเปล่งประกายเหมือนผิวสุขภาพดี ใช้ทั้งวันแล้วผิวรู้สึกสบายไม่หนัก ไม่เกิดการจับตัวตรงข้างจมูกหรือรอบปาก รู้สึกว่าติดทนดี เหมาะทั้งสำหรับแต่งหน้าออกงานและใช้ประจำวัน ชอบมากๆ เลือกสีก็ได้เข้ากับผิว เนื้อสัมผัสดีและเบลนด์ง่าย แนะนำอย่างยิ่งสำหรับผู้ที่ต้องการลุคผิวธรรมชาติและเนียนนุ่ม!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่น Skintific ชอบมากจริงๆ</h3><div class="product-review-content-v2">ได้คุชชั่น Skintific มาแล้วชอบมากเลย เคสสีชมพูรุ่นใหม่ออกมาเลยลอง 00n ดู เข้ากับผิวดีไม่ขาวเกินไป ราคาดีมากและถ้าใช้โค้ดส่วนลด Shopee ก็ซื้อคุชชั่นได้ถูกกว่านี้อีก คุชชั่นของแบรนด์นี้ดีจริงๆ เคยใช้สีขาวมาก่อนและพอมีสีชมพูออกมาก็สั่งสีชมพูอีก ชอบมากค่ะ แนะนำเลย!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ผลิตภัณฑ์ที่เข้ากับสีผิวได้ดี แบรนด์ที่ไว้ใจได้</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้เข้ากับโทนสีผิวได้ดีมากค่ะ กันน้ำได้ดีและติดทนด้วย ใช้แล้วรู้สึกว่าผิวดูสวยงาม บรรจุภัณฑ์หรูหราสวยงามทำให้รู้สึกดี จัดส่งเร็วและคุ้มค่า แบรนด์นี้ใช้มาตลอดและมั่นใจในผลิตภัณฑ์จริงๆ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่น skintific แนะนำมากๆ</h3><div class="product-review-content-v2">คุชชั่นนี้ดีมากจริงๆ ปกปิดได้ดีมาก บรรจุภัณฑ์มาสมบูรณ์แบบ แข็งแรงและราคาถูกไม่แพง ใช้สะดวกและไม่หนักหน้า จัดส่งเร็วมากพอใจค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">เคสสีชมพูสวยมากๆ</h3><div class="product-review-content-v2">เปิดกล่องแล้วเห็นสีชมพูรู้สึกว่าสวยมาก จัดส่งเร็วและบรรจุภัณฑ์ดีทำให้รู้สึกดี ดีไซน์เคสก็ชอบมากเลยรอใช้งาน</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่น skintific ผลิตภัณฑ์ที่น่าสนใจจริงๆ</h3><div class="product-review-content-v2">คุชชั่น skintific มีชื่อเสียงด้านพลังปกปิดที่ยอดเยี่ยม ทำให้ผิวเนียนนุ่มและเปล่งประกาย ได้รับความนิยมมานานและชอบมากเช่นกัน สีชมพูบรรจุภัณฑ์น่ารัก สีสวยปกปิดดีและพอใจ ลองใช้ดูนะคะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำผลิตภัณฑ์ที่ให้ผิวเปล่งประกายธรรมชาติ</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้ควบคุมความมันได้พอดีไม่หนักทำให้ผิวดูสวยงามมาก เทคนิคคือทาบางๆ เคสสีสวยก็ชอบด้วย ผลิตภัณฑ์เจ๋งมากใครยังไม่ลองต้องลองนะคะ!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">สีและเนื้อสัมผัสถูกใจมาก</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้ปกปิดดีจริงๆ สีเข้ากับใบหน้าได้ดี บรรจุภัณฑ์สวยงามและเหมาะกับคนชอบสีชมพู ราคาก็โอเคใช้ได้ดีและเนื้อสัมผัสก็ชอบค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">บรรจุภัณฑ์และเนื้อสัมผัสถูกใจ</h3><div class="product-review-content-v2">บรรจุภัณฑ์ดีมากและจัดส่งเร็ว รุ่นนี้เนื้อสัมผัสดีจริงๆ เนื้อพอดีไม่แห้งเกินไปไม่ชุ่มเกินไป สี 00W สวยมากไม่เหลืองเกินไป ติดทนทั้งวันผิวดูสวยงามจริงๆ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่นที่ซับซึมดีและปกปิดได้ดีพอใจมาก</h3><div class="product-review-content-v2">คุชชั่นนี้ซับซึมได้ดีมาก พลังปกปิดยอดเยี่ยมปกปิดรอยสิว รอยดำ รอยแดงได้ดี ผิวชุ่มชื้นและมีพลังปกปิด ใช้ดีมากและคุณภาพผลิตภัณฑ์ยอดเยี่ยม จัดส่งเร็วและบรรจุภัณฑ์ดีพอใจค่ะ</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span><span class="dot-v2" data-slide="8"></span><span class="dot-v2" data-slide="9"></span><span class="dot-v2" data-slide="10"></span><span class="dot-v2" data-slide="11"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/Vzp11OCkz" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/skintific-cover-glow-perfect-cushion/">สัมผัสผิวสวยสมบูรณ์แบบกับ SKINTIFIC Cover Glow Perfect Cushion!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">507</post-id>	</item>
		<item>
		<title>สร้างผิวสวยสมบูรณ์แบบด้วย L&#8217;Oreal Infallible Pro-Cover Cushion</title>
		<link>https://thaichicdeals.com/loreal-infallible-pro-cover-cushion/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Tue, 23 Dec 2025 06:10:08 +0000</pubDate>
				<category><![CDATA[รองพื้น]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพหน้า]]></category>
		<category><![CDATA[foundation]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=504</guid>

					<description><![CDATA[<p>สัมผัสผิวสวยสมบูรณ์แบบด้วย L&#8217;Oreal Infallible Pro [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/loreal-infallible-pro-cover-cushion/">สร้างผิวสวยสมบูรณ์แบบด้วย L&#8217;Oreal Infallible Pro-Cover Cushion</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    สัมผัสผิวสวยสมบูรณ์แบบด้วย L&#8217;Oreal Infallible Pro-Cover Cushion!
  </h2>
  <p>L&#8217;Oreal Infallible Pro-Cover Cushion ที่ทำให้การแต่งหน้าประจำวันของคุณสมบูรณ์แบบ ด้วยการปกปิดที่ยอดเยี่ยมและความสบายในการใช้งาน ทำให้ผิวของคุณเปล่งประกายมากขึ้น</p>
  <p>มีส่วนผสมของสารบำรุงความชุ่มชื้นมากกว่า 60% ช่วยให้ผิวชุ่มชื้น เหมาะกับทุกสภาพผิว และเป็นผลิตภัณฑ์ที่ปลอดภัยไม่อุดตันรูขุมขน</p>
  <p>ด้วยเทคโนโลยี Double Layer ที่ล็อคเมคอัพและความชุ่มชื้น พร้อมพัฟนุ่มที่ปกปิดได้ทุกจุด เพิ่มความมั่นใจให้กับตัวคุณด้วย L&#8217;Oreal Infallible Pro-Cover Cushion ตั้งแต่วันนี้!
</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image.webp" alt="Loreal Paris Infallible Pro-Cover Cushion 14g ลอรีอัล ปารีส คุชชั่นที่มอบการปกปิดขั้นสูง"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/1LYvzxEBb2" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">Loreal Paris Infallible Pro-Cover Cushion 14g ลอรีอัล ปารีส คุชชั่นที่มอบการปกปิดขั้นสูง</h2><div class="rating-reviews is-loading"><span class="rating">5.0</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div></div><div class="review-stats">3.7k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿599</div><div class="price-date">23/12/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">การปกปิดที่ยอดเยี่ยมและติดทนนาน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อแมทท์เบาสบายในการใช้งาน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">มีส่วนผสมของสารบำรุงความชุ่มชื้นมากกว่า 60%</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เหมาะกับทุกสภาพผิว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">มาพร้อมพัฟรูปหยดน้ำที่นุ่มนวล</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/1LYvzxEBb2" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #E91E63;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-1">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>การปกปิดที่ยอดเยี่ยมและความสบายในการใช้งานที่ทำให้การแต่งหน้าประจำวันสมบูรณ์แบบ</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>ขนาด 14g สะดวกในการพกพา</li><li>มีส่วนผสมของสารบำรุงความชุ่มชื้นมากกว่า 60% ช่วยให้ผิวชุ่มชื้น</li><li>เหมาะกับทุกสภาพผิวและไม่อุดตันรูขุมขน</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>รายละเอียด</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>การปกปิดที่ยอดเยี่ยมและติดทนนาน: ผิวสวยสมบูรณ์แบบตลอดทั้งวัน</li><li>เนื้อแมทท์เบา: ควบคุมความมันและให้ความสบายในการใช้งาน</li><li>เทคโนโลยี Double Layer: ล็อคเมคอัพและความชุ่มชื้น</li><li>พัฟรูปหยดน้ำที่นุ่มนวล: ปกปิดได้ทุกจุด</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>วิธีใช้</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>ใช้พัฟกดฟองน้ำและแตะเบาๆ บนใบหน้า</li><li>ทาให้ทั่วใบหน้าอย่างสม่ำเสมอเพื่อผิวเรียบเนียน</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เคล็ดลับการซื้อ</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>สามารถจัดส่งในกรุงเทพได้รวดเร็ว</li><li>มีโปรโมชั่นและส่วนลดมากมาย</li><li>อายุการใช้งาน 36 เดือน สามารถใช้งานได้ยาวนาน</li><li>ได้รับการขึ้นทะเบียน FDA และเลขที่ใบอนุญาตโฆษณา รับประกันความปลอดภัย</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec595daa5" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/X06OV_IXoB8" data-video-id="X06OV_IXoB8" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/HuWB7f78RsY" data-video-id="HuWB7f78RsY" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/kx6cglJaBE4" data-video-id="kx6cglJaBE4" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion/Loreal%20Paris%20Infallible%20Pro-Cover%20Cushion_youtube_image_3.webp" alt="YouTube video 3" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec595daa5");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec595daa5-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec595daa5-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec595daa5-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
 
 <br>
 
 <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div></div>
                    <div class="rating-number">5.0</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ รีวิว</div>
                </div>
              </div></div></div>
 
 
     
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ใช้งานง่ายและสะดวก</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ราคาคุ้มค่า</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ปกปิดดีและผิวดูสวย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ติดทนและควบคุมความมันได้ดี</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็วและบรรจุภัณฑ์ดี</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>อาจไม่เหมาะกับผิวที่มีสิวมาก</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีอาจไม่ตรงกับสีผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>อาจมีการหลุดเล็กน้อย</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title-v2">รีวิวสินค้า</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่น L&#039;Oréal พอใจมากค่ะ</h3><div class="product-review-content-v2">ได้รับสินค้าแล้วจัดส่งเร็วมากจนแปลกใจ<br>ทุกครั้งที่สั่งก็ประทับใจ Convy เสมอ<br>ส่วนตัวได้ลองใช้คุชชั่น L'Oréal<br>ดีมากเลยค่ะ เบาและไม่เหนียวเลย<br>สบายผิวมาก ผิวดูสวยมากๆ<br>น่าจะเหมาะกับคนที่ไม่มีปัญหาผิวมาก<br>ส่วนตัวเป็นผิวผสมแต่เอียงไปทางมัน<br>ใช้แล้วเหมาะมากเลยค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำผลิตภัณฑ์เมคอัพปกปิดดี</h3><div class="product-review-content-v2">สินค้านี้ทาง่ายมากเลย<br>ปกปิดดีและใช้งานสะดวก<br>เนื้อเบาทำให้ติดทนได้นาน<br>แต่งหน้าง่ายมากๆ<br>ราคาก็โอเคมากจะสั่งเพิ่มอีก 2 ตัว<br>บรรจุภัณฑ์ก็ดีด้วยค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">รีวิวหลังใช้คุชชั่นแป้ง L&#039;Oréal</h3><div class="product-review-content-v2">บรรจุภัณฑ์ดี ปริมาณ 14g ก็พอดี<br>คุชชั่น L'Oréal ทาแล้วซึมเร็ว<br>ไม่เหนียวเลยใช้สะดวก เข้ากับผิวหน้าดี<br>สีก็โอเค ราคาสมเหตุสมผล<br>จัดส่งเร็วและบรรจุภัณฑ์ดี<br>เนื้อเบาแห้งเร็ว<br>เป็นแป้งที่คนเยอะแนะนำและมีชื่อเสียง<br>น่าจะลองใช้ได้</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ดีต่อการปกปิดฝ้าและรอยแดง</h3><div class="product-review-content-v2">อายุ 40+ ขึ้นไป ผิวมันมีฝ้า<br>สินค้าปกปิดดีมากค่ะ บรรจุภัณฑ์ก็ชอบมาก<br>ราคาคุ้มค่า ปกปิดฝ้าและรอยแดงได้ดี<br>โดยเฉพาะผ่านไป 2 ชั่วโมงยังควบคุมความมันบนหน้าได้ดี<br>เคยใช้เบอร์ 200 กับ 320 แต่สีขาวกว่าหน้า<br>เลยลองเบอร์ 240 สีนี้เข้ากับผิวที่สุด<br>พอตอนเย็นคุชชั่นแบรนด์นี้หลุดน้อยที่สุดเลย</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่นเนื้อเบาและผิวกระจ่างใสที่สมบูรณ์แบบ</h3><div class="product-review-content-v2">ชอบที่สุดเลยในบรรดาคุชชั่นที่เคยใช้<br>เนื้อเบามากๆ ค่อนข้างแมทท์<br>แต่ผิวดูสวยมาก ติดทนดี<br>หน้ากระจ่างดีด้วย มีหลุดนิดหน่อย<br>แต่ก็ไม่เทียบอะไรได้เลย พอใจมาก<br>ไม่เหลืองเลย ผิวกระจ่างใส<br>ถ้าเป็นคนสิวเยอะหรือต้องการปกปิดเยอะ<br>ต้องบิวอัพหรือใช้คอนซีลเลอร์เพิ่ม<br>บรรจุภัณฑ์ก็สวย<br>พัฟก็ดีมาก ชอบเสียงตอนตบ<br>ทำให้รู้สึกดี ใครกำลังลังเลอยู่<br>ลองดูนะคะ แนะนำเลย<br>ผิวผสมใช้แล้วเหมาะมากค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำสินค้าที่เหมาะกับผิวผสม</h3><div class="product-review-content-v2">ชอบสินค้านี้มากเลย<br>เนื้อเบาเหมาะกับผิวผสมแบบเรา<br>ออกกำลังกายแล้วเหงื่อออก<br>ก็ไม่เป็นคราบ ติดทนทั้งวัน<br>เลือกสีที่สว่างกว่าผิวหนึ่งโทน<br>ปกปิดดีและควบคุมความมันได้ดี<br>พอใจมากค่ะ แบรนด์นี้ใช้ครั้งแรก<br>ตัวแพงไม่มีเงินซื้อ มักซื้อแบบถูกๆ<br>แต่ครั้งนี้ลองแล้วจะใช้ต่อไปเรื่อยๆ<br>ใครกำลังลังเลก็ลองดูนะคะ!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่นที่เหมาะกับผิวมัน</h3><div class="product-review-content-v2">ผิวมันและแพ้ง่าย สิวขึ้นง่าย<br>ใช้คุชชั่นนี้แล้วเบามาก ควบคุมความมัน<br>ได้ดีเลย เนื้อมีความชุ่มชื้น<br>เหมาะกับผิวสิวด้วย ได้ลองแล้ว<br>รู้สึกว่าหน้าไม่มันเหมือนเมื่อก่อน</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำสินค้าที่ทำให้ผิวกระจ่างและปกปิดริ้วรอย</h3><div class="product-review-content-v2">ใช้สินค้านี้แล้วผิวกระจ่างใสมากค่ะ<br>ริ้วรอยก็ปกปิดได้ระดับนึง ไม่หนักดีค่ะ<br>เคล็ดลับคือหลังใช้แล้วพ่นสเปรย์<br>คุชชั่นจะติดหน้านานขึ้น<br>คุณภาพสินค้าดีมากและราคาโอเค<br>ดีกว่าแบรนด์อื่นๆ ทั้งการใช้งาน<br>และราคาก็ถูกกว่าด้วย</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำสินค้าที่ปกปิดผิวและเนื้อสัมผัสดี</h3><div class="product-review-content-v2">ใช้สินค้านี้แล้วผิวดูสวยมากค่ะ<br>ปกปิดดีด้วย บรรจุภัณฑ์แข็งแรง<br>มั่นใจได้ ควบคุมความมันดี<br>เนื้อคุชชั่นดีมากค่ะ ผิวแห้งแต่<br>ใช้แล้วไม่เป็นคราบเลย สีก็<br>ไม่เปลี่ยนทั้งวัน พอใจมาก<br>มีแค่ส่วนจมูกที่หลุดนิดหน่อย</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">สินค้ากันน้ำดีมากค่ะ</h3><div class="product-review-content-v2">สินค้ากันน้ำได้จริงๆ<br>เช็ดแล้วไม่หลุดเลย พอใจมาก<br>จัดส่งเร็วและสีสวย<br>ปกปิดดีและคุณภาพสินค้าดีค่ะ<br>ตรงตามคำอธิบายสินค้าเลย</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ประทับใจความติดทนของสินค้าแมทท์</h3><div class="product-review-content-v2">ใช้สินค้าแล้วเนื้อดีมาก<br>ทาง่ายด้วย ติดทนดี<br>ไปกินหมูกระทะก็ผิวยัง<br>สวยอยู่ ตั้งแต่ 9 โมงเช้าถึง 2 ทุ่ม<br>ออกไปข้างนอกผิวก็ยังสวย<br>พอใจมากค่ะ ปกปิดก็ได้ระดับนึง<br>เป็นสินค้าแมทท์โอเคเลย</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">สินค้าที่ทำให้ผิวสวย ชอบมากค่ะ</h3><div class="product-review-content-v2">บรรจุภัณฑ์ดี ประสิทธิภาพดีมากค่ะ<br>ใช้แล้วผิวสวยขึ้นชัดเจน<br>ใช้ได้นานดี พัฟก็นุ่ม<br>ทาง่ายไม่เป็นคราบไม่เหนียว<br>ความรู้สึกพอดีน่ารักมาก<br>เป็นสินค้าดีเสมอ มั่นใจใช้ค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำสินค้าบิวตี้ปกปิดดี</h3><div class="product-review-content-v2">สินค้าปกปิดดีมากค่ะ<br>บรรจุภัณฑ์ก็สวยดี<br>จัดส่งเร็วมากด้วย วันโปรโมชั่นซื้อ<br>ถูกกว่าอีกดี<br>จะซื้อต่อเรื่อยๆ ค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">สินค้าที่เหมาะกับการดูแลผิวค่ะ</h3><div class="product-review-content-v2">ใช้สินค้าแล้วผิวสวยมากเลยค่ะ<br>ใช้ตอนรีบๆ ก็ดี ควบคุมความมันได้ดี<br>พอใจมากค่ะ บรรจุภัณฑ์ดี จัดส่งเร็ว<br>ได้รับดีค่ะ ครั้งหน้าจะซื้ออีกนะคะ! ดีมากเลยค่ะ!</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span><span class="dot-v2" data-slide="8"></span><span class="dot-v2" data-slide="9"></span><span class="dot-v2" data-slide="10"></span><span class="dot-v2" data-slide="11"></span><span class="dot-v2" data-slide="12"></span><span class="dot-v2" data-slide="13"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/1LYvzxEBb2" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/loreal-infallible-pro-cover-cushion/">สร้างผิวสวยสมบูรณ์แบบด้วย L&#8217;Oreal Infallible Pro-Cover Cushion</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">504</post-id>	</item>
		<item>
		<title>JAVIN DE SEOUL Wink Foundation Pact REFILL ผิวสวยสมบูรณ์แบบ!</title>
		<link>https://thaichicdeals.com/javin-de-seoul-wink-foundation-pact-refill/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Tue, 23 Dec 2025 05:44:16 +0000</pubDate>
				<category><![CDATA[รองพื้น]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพหน้า]]></category>
		<category><![CDATA[foundation]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=501</guid>

					<description><![CDATA[<p>สัมผัสผิวสวยสมบูรณ์แบบด้วย JAVIN DE SEOUL Wink Foundati [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/javin-de-seoul-wink-foundation-pact-refill/">JAVIN DE SEOUL Wink Foundation Pact REFILL ผิวสวยสมบูรณ์แบบ!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    สัมผัสผิวสวยสมบูรณ์แบบด้วย JAVIN DE SEOUL Wink Foundation Pact REFILL!
  </h2>
  <p>JAVIN DE SEOUL Wink Foundation Pact REFILL มีเนื้อคุชชั่นเบาสบาย ให้การปกปิดที่เป็นธรรมชาติและผิวเปล่งประกาย คว้ารางวัล GLOWPICK AWARD ติดต่อกัน 5 ปี เหมาะกับทุกสภาพผิว พร้อมค่า SPF 50 ป้องกันรังสี UV</p>
  <p>ผลิตภัณฑ์นี้เป็นแบบรีฟิล ประหยัดและเป็นมิตรต่อสิ่งแวดล้อม ปกปิดผิวให้เรียบเนียน เบลอรูขุมขน มอบความงามที่เป็นธรรมชาติ Wink Foundation Pact จะกลายเป็นไอเทมที่ขาดไม่ได้ในรูทีนการแต่งหน้าของคุณ</p>
  <p>โดยเฉพาะอย่างยิ่ง มี Di-Panthenol Complex ช่วยป้องกันการสูญเสียความชุ่มชื้นของผิว และรักษาผิวให้แข็งแรง สัมผัสผิวที่เป็นธรรมชาติและสวยงามด้วย JAVIN DE SEOUL Wink Foundation Pact REFILL!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image.webp" alt="JAVIN DE SEOUL - (REFILL) Wink Foundation Pact (7 shades) (15g) - รีฟิลคุชชั่น SPF50 PA++"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/13YOv7c0V" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">JAVIN DE SEOUL - (REFILL) Wink Foundation Pact (7 shades) (15g) - รีฟิลคุชชั่น SPF50 PA++</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">10.6k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿304</div><div class="price-date">23/12/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">คว้ารางวัล GLOWPICK AWARD ติดต่อกัน 5 ปี</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เหมาะกับทุกสภาพผิว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">กันแดด SPF50+ PA+++</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อคุชชั่นเบาสบาย ปกปิดเป็นธรรมชาติ</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">7 เฉดสีที่เหมาะกับโทนผิวเอเชีย</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ดีไซน์บรรจุภัณฑ์แบบ Lenticular ที่เป็นเอกลักษณ์</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Triple Rubycell Puff ช่วยแต่งหน้าให้ผิวเรียบเนียน</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/13YOv7c0V" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #E91E63;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-2">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section3">
                    <h3>เนื้อคุชชั่นเบาสบาย ปกปิดเป็นธรรมชาติและผิวเปล่งประกาย</h3>
                    <ul><li>ผลิตภัณฑ์ที่คว้ารางวัล GLOWPICK AWARD ติดต่อกัน 5 ปี</li><li>เหมาะกับทุกสภาพผิว พร้อมค่า SPF 50 ป้องกันรังสี UV</li><li>บรรจุภัณฑ์แบบรีฟิล ประหยัดและเป็นมิตรต่อสิ่งแวดล้อม</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>ข้อมูลผลิตภัณฑ์</h3>
                    <ul><li>แบรนด์: Javin De Seoul</li><li>ผลลัพธ์การแต่งหน้า: ผิวเปล่งประกาย</li><li>สภาพผิว: ทุกสภาพผิว, ผิวผสม, ผิวปกติ, ผิวมัน</li><li>SPF: 50</li><li>ประเภทบรรจุภัณฑ์: รีฟิล</li><li>แหล่งกำเนิด: เกาหลี</li><li>เลขที่จดแจ้ง อย.: 10-2-6700020626</li><li>จัดส่งจาก: กรุงเทพฯ</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>รายละเอียดผลิตภัณฑ์</h3>
                    <ul><li>JAVIN DE SEOUL Wink Foundation Pact REFILL มีเนื้อสัมผัสเบา ปกปิดผิวให้เรียบเนียน เบลอรูขุมขน มอบความงามที่เป็นธรรมชาติ เบสแบบกึ่งแมทท์ที่ติดทนนาน ช่วยรักษาผิวให้แข็งแรง</li><li>คุชชั่นสีใหม่เปิดตัวแล้ว</li><li>18 Cover Light: โทนเย็น-กลาง เบสสีเหลืองสำหรับผิวขาว</li><li>24 Cover Natural: โทนเย็น-กลาง เบสสีเหลืองเข้มสำหรับผิวธรรมชาติที่ดูสุขภาพดี</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>ความงามที่แท้จริงของ JAVIN DE SEOUL</h3>
                    <ul><li>ปกปิดได้อย่างสมบูรณ์แบบ มอบผิวที่เรียบเนียนและสวยงามจากทุกมุมมอง</li><li>SPF50+ PA+++ ปกป้องผิวจากรังสี UV</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>คว้ารางวัล GLOWPICK AWARDS 2024</h3>
                    <ul><li>ผลิตภัณฑ์ที่คว้ารางวัล GLOWPICK AWARDS ในปี 2020, 2021, 2023, 2024</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>ดูแลผิวอย่างพิเศษ</h3>
                    <ul><li>Di-Panthenol Complex: ป้องกันการสูญเสียความชุ่มชื้นของผิวและรักษาผิวให้แข็งแรง</li><li>7 เฉดสีซิกเนเจอร์: หลากหลายสีที่เหมาะกับโทนผิวเอเชีย ให้การปกปิดที่เป็นธรรมชาติ</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>จุดเด่นพิเศษของ Wink Foundation Pact</h3>
                    <ul><li>ดีไซน์เป็นเอกลักษณ์: บรรจุภัณฑ์แบบ Lenticular สะท้อนเสน่ห์ของใบหน้า</li><li>เคสแม่เหล็ก: เปิด-ปิดง่าย สะดวกในการใช้งาน</li><li>Triple Rubycell Puff: ช่วยให้เมคอัพติดแน่นกับผิว แต่งหน้าให้ผิวเรียบเนียน</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>วิธีใช้</h3>
                    <ul><li>หลังทำสกินแคร์ รอจนผลิตภัณฑ์ซึมซาบดี จากนั้นใช้พัฟซับปริมาณที่เหมาะสม ทาบางๆ ตามเนื้อผิว</li><li>ทาซ้ำบริเวณที่ต้องการปกปิดเพิ่มเติม เพื่อเบสเมคอัพที่สมบูรณ์แบบยิ่งขึ้น</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Wink Cushion Glow กับ Wink Foundation Pact</h3>
                    <ul><li>Wink Cushion Glow: ฟินิชชิ่งชุ่มชื้นและเปล่งประกาย แนะนำสำหรับผิวแห้งหรือผิวผสม</li><li>Wink Foundation Pact: ฟินิชชิ่งกึ่งแมทท์ เหมาะกับผิวผสมหรือผิวมัน</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec595f241" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/hjR5dl0wuFw" data-video-id="hjR5dl0wuFw" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/rrjMu_pP6Zc" data-video-id="rrjMu_pP6Zc" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/cCqCO2GZvfs" data-video-id="cCqCO2GZvfs" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact/JAVIN%20DE%20SEOUL%20Wink%20Foundation%20Pact_youtube_image_3.webp" alt="YouTube video 3" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec595f241");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec595f241-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec595f241-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec595f241-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ รีวิว</div>
                </div>
              </div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็ว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>บรรจุภัณฑ์ห่อหุ้มดี</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อสัมผัสดีและเบา</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>รู้สึกแมทท์แต่ยังคงความชุ่มชื้น</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>คุ้มค่าคุ้มราคา</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>มีให้เลือกหลายสี เหมาะกับผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ปกปิดได้ดี</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ใช้สบาย</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีอาจไม่ตรงกับโทนผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีอาจจางลงเมื่อเวลาผ่านไป</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>ตัวเลือกสีน้อยกว่ารุ่นก่อนหน้า</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title-v2">รีวิวสินค้า</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำคุชชั่นที่เหมาะกับผิว</h3><div class="product-review-content-v2">เนื้อสัมผัส กลิ่น ประสิทธิภาพดีทุกอย่าง จัดส่งก็รวดเร็วมาก พอใจมากค่ะ สินค้ามาในกล่องแข็งแรง ห่อหุ้มดีมาก ได้สินค้าที่สมบูรณ์ ผิวของดิฉันขาว เลือกสีเบอร์ 21 ตรงกับผิวดิฉันพอดี ไม่ขาวเกินไป เนื้อคุชชั่นเบา ไม่หนัก รู้สึกแมทท์ แต่ไม่แห้งเกินไป ผิวยังคงความชุ่มชื้น ชอบมากค่ะโดยรวม</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ผลิตภัณฑ์เนื้อสัมผัสเบาสบาย แต่เสียดายเรื่องสี</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้เนื้อสัมผัสเบาและสบาย ประสิทธิภาพดีมาก กลิ่นไม่มี เนื้อแมทท์แต่มีความเงาเล็กน้อย สะท้อนแสงได้ แต่สีเบอร์ 23 ไม่ค่อยเหมาะกับโทนผิวดิฉัน อยากได้สีเข้มกว่านี้ ลองรีฟิลทดสอบสี เนื้อสัมผัสนี้ใช้ได้ทั้งผิวผสมและผิวแห้ง เกือบไม่หลุดทั้งวัน ควบคุมความมันได้ดีด้วยค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ความกังวลเรื่องการเลือกสีและรีวิวการใช้งาน</h3><div class="product-review-content-v2">เนื้อสัมผัสนุ่มและเรียบ ไม่มีกลิ่น ประสิทธิภาพดีมาก สีเบอร์ 20 ยังไม่ได้ลองใช้ ลองเบอร์ 22 แล้ว สีเข้มกว่าใบหน้าหน่อย เลยอยากลองเบอร์ 20 น่าจะสีสว่างกว่า ลองใช้แบรนด์นี้แล้วรู้สึกว่าปกปิดได้ดี บางคนชอบให้ผิวโชว์ ไม่ทาเยอะ ก็แสดงผิวได้ดีเหมือนกันค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">หาคุชชั่นเบาๆ แนะนำเลย</h3><div class="product-review-content-v2">คุชชั่นตัวนี้ดีจริงๆ เนื้อสัมผัสดี กลิ่นก็ไม่แรง ไม่หนัก ทาแล้วปกปิดได้ชัดเจน ไม่หนาและไม่เป็นก้อน สีให้เลือกน้อยกว่ารุ่นก่อนหน้าจริง แต่ความเงางามสวยมากพอใจค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">ดีใจที่มีรีฟิลออกมา รีวิวการใช้งาน</h3><div class="product-review-content-v2">จัดส่งมาเร็วมากค่ะ ใช้มาแล้วกว่า 5 ตลับ ดีใจมากที่มีรีฟิลออกมาแล้ว ราคาลดลงเกือบครึ่งเลย ยิ่งดี ทาแล้วไม่หนัก ผิวรู้สึกชุ่มชื้น ชอบมาก คงใช้ต่อไปค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">คุชชั่นคุ้มค่า ผิวสวยจริงๆ</h3><div class="product-review-content-v2">บรรจุภัณฑ์สินค้าชอบมากค่ะ จัดส่งก็รวดเร็ว ได้ราคาโปรโมชั่น คุ้มค่าคุ้มราคามาก คุชชั่นเข้ากับทุกสภาพผิว ผิวสวยและสะท้อนแสงได้ดี รักษาความชุ่มชื้น ทั้งวันหน้าไม่มันเลย พอใจมากค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">เจอคุชชั่นที่ดีที่สุดแล้ว</h3><div class="product-review-content-v2">คุชชั่นที่ใช้มาทั้งหมด ชอบตัวนี้มากที่สุดเลยค่ะ เนื้อสัมผัสดีมาก ปกปิดได้ระดับกลาง รู้สึกกึ่งแมทท์ดีพอดี จะซื้ออีกครั้งค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำคุชชั่นคุ้มค่า</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้เนื้อสัมผัสดีจริงๆ มีกลิ่นหอมอ่อนๆ ใช้สบาย ประสิทธิภาพดี ปกปิดได้ดี บรรจุภัณฑ์ก็เรียบร้อย จัดส่งเร็วมากด้วย ราคาก็โอเค ของแท้ มั่นใจได้ มีโค้ดให้ใช้ด้วย ดี ครั้งหน้าถ้าโอเคจะซื้อซ้ำแน่นอนค่ะ ผิวดิฉันขาวโทนเหลือง เข้ากับผิวดี พอใจค่ะ</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">แนะนำผลิตภัณฑ์ประสิทธิภาพดี</h3><div class="product-review-content-v2">ผลิตภัณฑ์นี้ประสิทธิภาพพอใจมากค่ะ เนื้อสัมผัสก็โอเค ได้สินค้าดี จัดส่งก็รวดเร็ว บรรจุภัณฑ์เรียบร้อย อยากทดลองสีแนะนำให้ซื้อรีฟิลก่อนนะคะ ในกล่องมีพัฟให้ด้วย ดีค่ะ</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span><span class="dot-v2" data-slide="8"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/13YOv7c0V" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/javin-de-seoul-wink-foundation-pact-refill/">JAVIN DE SEOUL Wink Foundation Pact REFILL ผิวสวยสมบูรณ์แบบ!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">501</post-id>	</item>
		<item>
		<title>BEAUTILAB 4EVERFIX LONG LASTING MAKEUP SETTING SPRAY ทั้งความคงทนของเมคอัพและบำรุงผิวในเวลาเดียวกัน!</title>
		<link>https://thaichicdeals.com/beautilab-4everfix-long-lasting-makeup-setting-spray/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Sun, 23 Nov 2025 06:27:47 +0000</pubDate>
				<category><![CDATA[อื่นๆ]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[makeup spray]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=433</guid>

					<description><![CDATA[<p>ทั้งความคงทนของเมคอัพและบำรุงผิวในเวลาเดียวกัน! BEAUTIL [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/beautilab-4everfix-long-lasting-makeup-setting-spray/">BEAUTILAB 4EVERFIX LONG LASTING MAKEUP SETTING SPRAY ทั้งความคงทนของเมคอัพและบำรุงผิวในเวลาเดียวกัน!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
        ทั้งความคงทนของเมคอัพและบำรุงผิวในเวลาเดียวกัน! BEAUTILAB 4EVERFIX LONG LASTING MAKEUP SETTING SPRAY
    </h2>
    <p>
        กำลังมองหาผลิตภัณฑ์ที่เมคอัพไม่หลุดลอกตลอดวันและยังบำรุงผิวไปด้วยใช่ไหมคะ? BEAUTILAB 4EVERFIX LONG LASTING MAKEUP SETTING SPRAY ไม่เพียงช่วยล็อคเมคอัพให้สมบูรณ์แบบเท่านั้น แต่ยังช่วยรักษาผิวให้แข็งแรงด้วยไอเทมที่ขาดไม่ได้นี้
    </p>
    <p>
        ผลิตภัณฑ์นี้เป็นสเปรย์อนุภาคละเอียดที่ให้ความรู้สึกสดชื่นไม่เหนียวเหนอะหนะ พร้อมขนาดบรรจุ 100ml ที่ใช้ได้นาน นอกจากนี้ยังมีฟังก์ชันควบคุมความมันและป้องกันเหงื่อเพื่อเพิ่มความคงทนของเมคอัพ และด้วยเทคโนโลยีการสร้างฟิล์มแบบนวัตกรรมใหม่ที่สร้างเกราะป้องกันผิวจึงมีประสิทธิภาพในการป้องกันสิวด้วย
    </p>
    <p>
        ส่วนผสม Silanediol Salicylate ช่วยป้องกันการระคายเคืองผิวและบรรเทาผื่นแดง ขณะที่ Witch Hazel ช่วยเสริมความยืดหยุ่นของรูขุมขนและทำให้ผิวเรียบเนียน อย่าพลาดเทคโนโลยี Whitening Drone ที่ช่วยปรับปรุงโทนสีผิวให้กระจ่างใสและบรรเทาความหมองคล้ำด้วยนะคะ
    </p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image.webp" alt="BEAUTILAB 4EverFix Makeup Setting Spray สเปรย์ล็อคเมคอัพ"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/40YvOTlodo" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">BEAUTILAB 4EverFix Makeup Setting Spray สเปรย์ล็อคเมคอัพ</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">2.2k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿224</div><div class="price-date">23/11/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เพิ่มความคงทนของเมคอัพตลอดทั้งวัน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เทคโนโลยีการสร้างฟิล์มแบบนวัตกรรมสร้างเกราะป้องกันผิว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ควบคุมความมันและป้องกันเหงื่อไม่ต้องกังวลเรื่องมันวาว</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Silanediol Salicylate ป้องกันการระคายเคืองผิวและบรรเทาผื่น</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">มอบผิวชุ่มชื้นและเปล่งประกาย</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/40YvOTlodo" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #E91E63;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-2">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เมคอัพที่คงทนตลอดวันและบำรุงผิวไปพร้อมกัน</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>สเปรย์อนุภาคละเอียดให้ความรู้สึกสดชื่นไม่เหนียวเหนอะหนะ</li><li>ขนาดบรรจุ 100ml ใช้ได้นาน</li><li>ไอเทมที่ขาดไม่ได้ในหมวดความงามและดูแลตัว</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>รายละเอียด</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เพิ่มความคงทนของเมคอัพ: ควบคุมความมันและป้องกันเหงื่อรักษาเมคอัพตลอดทั้งวัน</li><li>เทคโนโลยีการสร้างฟิล์มแบบนวัตกรรม: สร้างเกราะป้องกันผิวเพื่อล็อคเมคอัพและป้องกันสิว</li><li>Silanediol Salicylate: ป้องกันการระคายเคืองผิวและบรรเทาผื่นแดง</li><li>Witch Hazel: เสริมความยืดหยุ่นของรูขุมขนและมอบผิวเรียบเนียน</li><li>Whitening Drone (Vitamin C + Arbutin): ปรับปรุงโทนสีผิวให้กระจ่างใสและบรรเทาความหมองคล้ำ</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>วิธีใช้</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>หลังทำเมคอัพเสร็จพ่นสเปรย์จากระยะที่เหมาะสม</li><li>หลับตาและพ่นให้ทั่วใบหน้าเพื่อล็อคเมคอัพ</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>คุณสมบัติของผลิตภัณฑ์</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เนื้อสัมผัส: อนุภาคละเอียดซึมซาบสู่ผิวอย่างรวดเร็ว</li><li>ฟินิช: เมคอัพแมทท์ไม่มันวาว</li><li>ผลลัพธ์ต่อผิว: มอบผิวชุ่มชื้นและเปล่งประกายดูอ่อนเยาว์</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เคล็ดลับการซื้อ</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>มีโปรโมชั่นและส่วนลดมากมาย</li><li>เลขทะเบียน อย. 74-1-6600023062 รับรองความน่าเชื่อถือ</li><li>การรับประกันคุณภาพจาก Beautilab ใช้ได้อย่างมั่นใจ</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec596065c" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/DPtcWK1lci4" data-video-id="DPtcWK1lci4" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/GgGbLY2WOwE" data-video-id="GgGbLY2WOwE" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray/BEAUTILAB%204EverFix%20Makeup%20Setting%20Spray_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec596065c");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec596065c-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec596065c-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec596065c-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ รีวิว</div>
                </div>
              </div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อสัมผัสนุ่มและซึมซาบเร็วใช้งานง่าย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ความสามารถในการล็อคเมคอัพยอดเยี่ยมคงทนตลอดทั้งวัน</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>คุณภาพดีเยี่ยมคุ้มค่าราคาและบรรจุภัณฑ์สวยงาม</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็วและบริการลูกค้าดีเยี่ยม</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>ผู้ใช้บางคนอาจรู้สึกแห้ง</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>อาจมีผลข้างเคียงสำหรับผู้ที่แพ้ง่าย</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">จัดส่งรวดเร็วและพอใจกับความสามารถในการล็อคเมคอัพ</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">สั่งเมื่อวานนี้วันนี้ของมาแล้วค่ะ<br>ความสามารถในการล็อคเมคอัพยอดเยี่ยมและผิวก็ชุ่มชื้น<br>พอใจมากเลยค่ะ แต่กลิ่นค่อนข้างแรง<br>อาจมีคนชอบบ้างไม่ชอบบ้างนะคะ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">ความคงทนของเมคอัพสุดยอด! แนะนำเลยค่ะ</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">ใช้ผลิตภัณฑ์นี้มาหนึ่งสัปดาห์แล้วพอใจมากค่ะ<br>ด้วยการพ่นที่ละเอียดทำให้เมคอัพ<br>คงทนตลอดทั้งวันเลย ราคาก็ไม่แพง<br>อยากแบ่งให้เพื่อนๆ ใช้ด้วยค่ะ!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">จัดส่งรวดเร็วและบรรจุภัณฑ์เรียบร้อย แต่ผิวแห้งเป็นข้อเสียนิดหน่อย</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">จัดส่งรวดเร็วและบรรจุภัณฑ์เรียบร้อยค่ะ<br>แต่ส่วนตัวรู้สึกว่าผิวแห้งขึ้นนิดหน่อย<br>หลังใช้ต้องทาครีมบำรุงความชื่นทุกครั้ง<br>โดยรวมแล้วเป็นผลิตภัณฑ์ที่ดีค่ะ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">ความสามารถในการล็อคเมคอัพเกินคาด</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">ใช้ครั้งแรกแต่พอใจมากเลยค่ะ<br>เมคอัพล็อคได้ดีและผิวดูแข็งแรงขึ้น<br>กลิ่นอ่อนๆ ก็ชอบด้วย คุณภาพดีคุ้มค่าราคามากค่ะ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/40YvOTlodo" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/beautilab-4everfix-long-lasting-makeup-setting-spray/">BEAUTILAB 4EVERFIX LONG LASTING MAKEUP SETTING SPRAY ทั้งความคงทนของเมคอัพและบำรุงผิวในเวลาเดียวกัน!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">433</post-id>	</item>
		<item>
		<title>สเปรย์ล็อคเมคอัพที่คงทนนาน 24 ชั่วโมง Maybelline Superstay Double Fixer Setting Spray</title>
		<link>https://thaichicdeals.com/maybelline-superstay-double-fixer-setting-spray/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Sun, 23 Nov 2025 06:14:52 +0000</pubDate>
				<category><![CDATA[อื่นๆ]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[makeup spray]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=430</guid>

					<description><![CDATA[<p>เมคอัพที่สมบูรณ์แบบและคงทนนาน 24 ชั่วโมง Maybelline Sup [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/maybelline-superstay-double-fixer-setting-spray/">สเปรย์ล็อคเมคอัพที่คงทนนาน 24 ชั่วโมง Maybelline Superstay Double Fixer Setting Spray</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
        เมคอัพที่สมบูรณ์แบบและคงทนนาน 24 ชั่วโมง Maybelline Superstay Double Fixer Setting Spray
    </h2>
    <p>
        คุณต้องการให้เมคอัพของคุณคงความสดใสและมีชีวิตชีวาตลอดทั้งวันหรือไม่? Maybelline Superstay Double Fixer Setting Spray ด้วยฟอร์มูลาสองชั้นที่เป็นนวัตกรรมใหม่ ช่วยเพิ่มประสิทธิภาพการล็อคเมคอัพสูงสุด มอบเมคอัพที่สมบูรณ์แบบโดยไม่ต้องกังวลเรื่องเลอะ
    </p>
    <p>
        ด้วยเทคโนโลยี Trio Film ช่วยป้องกันการเลอะจากเหงื่อและความมันส่วนเกิน มีส่วนผสมของสควาเลนและวิตามิน E ช่วยบำรุงผิวให้ชุ่มชื้น สเปรย์ละอองฝอยขนาดเล็กมากให้ความรู้สึกเบาสบาย และมีฟังก์ชันควบคุมความมันเพื่อมอบฟินิชแมตต์
    </p>
    <p>
        สามารถรับได้รวดเร็วจาก Shopee MAYBELLINE Official Store และรับประกันความน่าเชื่อถือด้วยเลขทะเบียน FDA อายุการเก็บรักษา 12 เดือน ใช้ได้อย่างยาวนาน สัมผัสประสบการณ์เมคอัพที่สมบูรณ์แบบตลอดทั้งวันกับ Maybelline Superstay Double Fixer Setting Spray
    </p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image.webp" alt="(ใหม่!) MAYBELLINE SUPER STAY DOUBLE FIXER SPRAY เมย์เบลลีน ซุปเปอร์สเตย์ ดับเบิ้ล ฟิกเซอร์ สเปรย์ (สเปรย์ล็อคเมคอัพ)"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/7pldxJpKTu" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">(ใหม่!) MAYBELLINE SUPER STAY DOUBLE FIXER SPRAY เมย์เบลลีน ซุปเปอร์สเตย์ ดับเบิ้ล ฟิกเซอร์ สเปรย์ (สเปรย์ล็อคเมคอัพ)</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">5.7k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿271</div><div class="price-date">23/11/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Maybelline Superstay Double Fixer Setting Spray</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ประสิทธิภาพการล็อคเมคอัพที่คงทนนาน 24 ชั่วโมง</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ฟอร์มูลาสองชั้นด้วยเทคโนโลยี Trio Film</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">บำรุงผิวด้วยสควาเลนและวิตามิน E</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ละอองฝอยขนาดเล็กมากให้ความรู้สึกเบาและสบาย</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/7pldxJpKTu" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #E91E63;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-3">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section3">
                    <h3>ฟอร์มูลาสองชั้นที่เป็นนวัตกรรมใหม่เพิ่มประสิทธิภาพการล็อคเมคอัพสูงสุด</h3>
                    <ul><li>รักษาเมคอัพให้สดใสและมีชีวิตชีวาตลอดทั้งวัน</li><li>เทคโนโลยี Trio Film ป้องกันเหงื่อ ความมัน และการเลอะ</li><li>บำรุงผิวด้วยสควาเลนและวิตามิน E</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>รายละเอียด</h3>
                    <ul><li>สเปรย์ละอองฝอยขนาดเล็กมากให้ความรู้สึกเบาและสบาย</li><li>ป้องกันการเลอะและการติดสีบนเสื้อผ้าหรือหน้ากากอนามัย</li><li>ฟังก์ชันควบคุมความมันมอบฟินิชแมตต์</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>บำรุงผิวและล็อคเมคอัพไปพร้อมกัน</h3>
                    <ul><li>มีส่วนผสมของสควาเลนและวิตามิน E รักษาผิวให้ชุ่มชื้นตลอดทั้งวัน</li><li>ฟอร์มูลาสองชั้นด้วยเทคโนโลยี Trio Film ให้ประสิทธิภาพการล็อคที่แข็งแกร่งเป็นสองเท่า</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>เคล็ดลับการซื้อ</h3>
                    <ul><li>มีโปรโมชั่นและส่วนลดที่หลากหลาย</li><li>เลขทะเบียน FDA: 10-2-6700032117 รับประกันความน่าเชื่อถือ</li><li>อายุการเก็บรักษา 12 เดือน ใช้ได้อย่างยาวนาน</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec5961875" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/ln7TnjcVWz0" data-video-id="ln7TnjcVWz0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/Lz0gh-70ifU" data-video-id="Lz0gh-70ifU" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY/MAYBELLINE%20SUPER%20STAY%20DOUBLE%20FIXER%20SPRAY_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec5961875");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec5961875-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec5961875-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec5961875-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ รีวิว</div>
                </div>
              </div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็วและบรรจุภัณฑ์กันกระแทกทำให้ได้รับสินค้าอย่างปลอดภัย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ประสิทธิภาพการคงทนของเมคอัพยอดเยี่ยม สามารถรักษาได้ตลอดทั้งวัน</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>สเปรย์ละอองฝอยละเอียดให้ความรู้สึกนุ่มและชุ่มชื้นบนผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ขนาดและดีไซน์สะดวกในการพกพา</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ราคาสมเหตุสมผลพร้อมคุณภาพสินค้าที่ดี</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>หัวสเปรย์มีขนาดใหญ่เล็กน้อย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>การใช้ระหว่างเมคอัพอาจทำให้เกิดรอยด่างได้</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">จัดส่งรวดเร็วและประสิทธิภาพการคงทนของเมคอัพยอดเยี่ยม</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">ประทับใจมากกับความรวดเร็วในการจัดส่ง<br>ลองใช้แล้วเมคอัพคงทนได้ทั้งวัน<br>หลังจากพ่น<br>ผิวรู้สึกชุ่มชื้นดีมาก แต่<br>หัวสเปรย์ค่อนข้างใหญ่นิดหน่อย</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">สินค้าที่มีประสิทธิภาพในการล็อคเมคอัพ แนะนำ</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">ใช้สินค้านี้มาประมาณหนึ่งเดือนแล้ว พอใจมากจริงๆ<br>กลิ่นอ่อนๆ ดี และเมคอัพล็อคได้ดี<br>โดยเฉพาะในวันที่อากาศร้อน ประสิทธิภาพยอดเยี่ยมมาก</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">สินค้าที่ใช้งานสะดวก แต่มีจุดที่ต้องปรับปรุง</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">บรรจุภัณฑ์สวยและใช้งานง่าย<br>แต่ตอนพ่นมีละอองน้ำเกาะหน้าเป็นจุดที่น่าเสียดาย<br>แต่อย่างไรก็ตาม คุ้มค่ากับราคาที่จ่ายไป</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">ประสิทธิภาพการคงทนของเมคอัพเกินความคาดหมาย</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">ครั้งแรกที่ใช้สินค้านี้ พอใจมากจริงๆ<br>เมคอัพคงทนดีและผิวรู้สึกสดชื่น<br>แต่อย่าลืมเขย่าให้ดีก่อนใช้นะคะ!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/7pldxJpKTu" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/maybelline-superstay-double-fixer-setting-spray/">สเปรย์ล็อคเมคอัพที่คงทนนาน 24 ชั่วโมง Maybelline Superstay Double Fixer Setting Spray</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">430</post-id>	</item>
		<item>
		<title>Bbia Mukbang Edition ลิปทินท์เพิ่มเสน่ห์ที่แตกต่างทุกวัน!</title>
		<link>https://thaichicdeals.com/bbia-mukbang-edition-%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%97%e0%b8%b4%e0%b8%99%e0%b8%97%e0%b9%8c/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Sat, 08 Nov 2025 07:01:38 +0000</pubDate>
				<category><![CDATA[ลิปทินท์]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพริมฝีปาก]]></category>
		<category><![CDATA[lip tint]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=398</guid>

					<description><![CDATA[<p>เพิ่มเสน่ห์ให้ริมฝีปากด้วยสี Mukbang เกาหลี &#8211; Bbi [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/bbia-mukbang-edition-%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%97%e0%b8%b4%e0%b8%99%e0%b8%97%e0%b9%8c/">Bbia Mukbang Edition ลิปทินท์เพิ่มเสน่ห์ที่แตกต่างทุกวัน!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">เพิ่มเสน่ห์ให้ริมฝีปากด้วยสี Mukbang เกาหลี &#8211; Bbia Mukbang Edition ลิปทินท์</h2>
    <p>
        Bbia Mukbang Edition ลิปทินท์ที่ได้แรงบันดาลใจจากมุกบังเกาหลี มาพร้อมสีสันและเนื้อสัมผัสพิเศษที่จะเปลี่ยนริมฝีปากของคุณให้ดูน่าดึงดูด สัมผัสได้ทั้งเนื้อเวลเวทเบาสบายและวอเตอร์กลอว์เบาเหมือนน้ำในเวลาเดียวกัน ช่วยให้คุณสร้างลุคริมฝีปากที่สบายและสดใสตลอดทั้งวัน
    </p>
    <p>
        มีให้เลือกหลากหลายเฉดสีตั้งแต่พีช ชมพู แดง และนู้ด เข้ากับเมคอัพทุกสไตล์ ให้สีสันชัดเจนและติดทนนาน รักษาริมฝีปากที่สวยงามไว้ได้ตลอดวัน นอกจากนี้ยังมีหัวแปรงปลายเฉียงที่ช่วยให้เบลนด์ได้อย่างนุ่มนวลโดยไม่เป็นคราบ สร้างลุคริมฝีปากที่เป็นธรรมชาติและสมบูรณ์แบบ
    </p>
    <p>
        พบกับ Bbia Mukbang Edition ลิปทินท์ที่มีจัดส่งรวดเร็วบน Shopee และมอบเสน่ห์ที่แตกต่างให้คุณทุกวัน สร้างลุคไล่เฉดสีแบบธรรมชาติที่ผู้หญิงเกาหลีนิยมได้อย่างง่ายดาย พร้อมตัวเลือกสีหลากหลายให้คุณค้นหาสีลิปที่ใช่สำหรับตัวเอง
    </p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image.webp" alt="Bbia Mukbang Edition (Air Fit Tint &amp; Water Fit Tint) #เปีย ลิปทินท์"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/6KwSGN92v2" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">Bbia Mukbang Edition (Air Fit Tint &amp; Water Fit Tint) #เปีย ลิปทินท์</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">4.1k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿285</div><div class="price-date">08/11/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Bbia Mukbang Edition ลิปทินท์</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">สีสันเผ็ดร้อนและเค็มจัดที่ได้แรงบันดาลใจจากมุกบังเกาหลี</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อเวลเวทเบาเหมือนอากาศ</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ให้สีชัดเจนและติดทนเยี่ยม</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">สร้างลุคเมคอัพได้หลากหลาย</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/6KwSGN92v2" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #E91E63;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-3">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เนื้อเวลเวทเบาเหมือนอากาศและวอเตอร์กลอว์เบาเหมือนน้ำบนริมฝีปากในเวลาเดียวกัน!</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>ขนาด 4g พกพาสะดวก</li><li>Ships From: Bangkok, หมายเลขจดทะเบียน FDA: 1026700035618</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Bbia Mukbang Edition &#8211; คอลเลกชันเมคอัพครบครันที่ได้แรงบันดาลใจจากมุกบัง</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Air Fit Tint &#8211; เนื้อเวลเวทเบาเหมือนอากาศ</li><li>เนื้อสัมผัส Air Fit: สัมผัสเบาสบายไม่หนักบนริมฝีปาก</li><li>ให้สีชัดเจน: เม็ดสีเข้มข้นแต่ลงตัวอย่างธรรมชาติ</li><li>ติดทนเยี่ยม: ไม่แห้งและไม่เป็นคราบ</li><li>สร้างลุคได้หลากหลาย: ตั้งแต่ไล่เฉดสีแบบนุ่มนวลไปจนถึงฟูลลิปส์</li><li>สีสันหลากหลาย: เฉดสีพีช ชมพู แดง นู้ด ที่เข้ากับเมคอัพทุกลุค</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Airy Velvet Texture</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เนื้อเวลเวทเบาเหมือนอากาศที่ให้ความสบายพร้อมผิวแห้งสนิทสมบูรณ์แบบ โดดเด่นด้วยสีสันที่ชัดเจนและติดทนนานตั้งแต่ทาครั้งแรก</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Easy-blending applicator</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>หัวแปรงปลายเฉียงให้สีชัดเจนตั้งแต่ทาครั้งแรก และสามารถเบลนด์ได้อย่างนุ่มนวลโดยไม่เป็นคราบ</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Air Fit Tint ไลน์อัพสีสัน</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>01 Tang Forget &#8211; สีแทงเกิลสดใส</li><li>02 So Sweet &#8211; โทนสวีทหวานหวาน</li><li>03 Ramen With U &#8211; สีสันที่ไปด้วยกันกับราเมง</li><li>04 Raw-Mantic &#8211; ความสดใหม่แบบโรแมนติก</li><li>05 Stick With U &#8211; สีสันที่เข้ากันได้</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Water Fit Tint &#8211; วอเตอร์กลอว์เบาเหมือนน้ำ</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เนื้อสัมผัส Water Fit: สัมผัสเบาเหมือนน้ำ</li><li>ความเงางามธรรมชาติ: กลอว์เหมือนเติมความชุ่มชื้นให้ริมฝีปาก</li><li>สีสันนุ่มนวล: เฉดสีที่ซึมซาบเข้าไปอย่างธรรมชาติ</li><li>รักษาความชุ่มชื้น: ช่วยให้ริมฝีปากชุ่มชื้นนานขึ้น</li><li>01 Honey Sweet</li><li>02 Jelly-Vely</li><li>03 Piece Of Yakgwa</li><li>04 Feeling Choco</li><li>05 Latte Is Back</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เคล็ดลับการซื้อ</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>มีโปรโมชั่นและส่วนลดหลากหลาย</li><li>ตัวเลือกสีหลากหลายเพื่อค้นหาสีลิปของคุณเอง</li><li>สร้างลุคไล่เฉดสีแบบธรรมชาติที่ผู้หญิงเกาหลีนิยมได้</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec59629df" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/iT3fHTQV-CM" data-video-id="iT3fHTQV-CM" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/xbiMrQzmF8k" data-video-id="xbiMrQzmF8k" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Mukbang%20Edition/Bbia%20Mukbang%20Edition_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec59629df");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec59629df-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec59629df-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec59629df-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ รีวิว</div>
                </div>
              </div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ติดทนเยี่ยมและคงอยู่ได้แม้หลังรับประทานอาหาร</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อสัมผัสนุ่มและเบาทาง่าย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>สีสันชัดเจนที่เข้ากับทุกโทนสีผิว</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็วและบรรจุภัณฑ์ปลอดภัย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>คุณภาพดีเยี่ยมเมื่อเทียบกับราคา</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>กลิ่นอาจมีทั้งชอบและไม่ชอบขึ้นอยู่กับแต่ละบุคคล</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีอ่อนอาจเข้มขึ้นเล็กน้อยเมื่อเวลาผ่านไป</li></ul></div></div></div></div>
        
    <br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">ประสบการณ์การใช้ลิปสติก BBIA</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">ลิปสติก BBIA มีเนื้อสัมผัสที่นุ่มนวลและ<br>ลื่นไหล ทาลงบนริมฝีปากได้ง่าย<br>สีสันชัดเจนติดทนนาน<br>เหมาะสำหรับเมคอัพประจำวันมาก</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">รีวิวหลังซื้อลิปสติก</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">สินค้านี้มีกลิ่นหอมเหมือนขนมขณะเดียวกัน<br>ก็ติดทนเยี่ยมและซึมซาบลงบนผิวได้ดี<br>บรรจุภัณฑ์ก็สวยงามและจัดส่งรวดเร็ว<br>พอใจมากจริงๆ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติก BBIA</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">ลิปสติก BBIA มีสีสันที่น่าดึงดูดและ<br>สัมผัสการใช้ที่สบาย เข้ากับทุก<br>โทนสีผิว คุณภาพดีเยี่ยมเมื่อเทียบกับราคาและพกพา<br>สะดวก จึงอยากแนะนำ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติก BBIA</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">ลิปสติก BBIA มีสีสันที่สวยงามและ<br>เนื้อสัมผัสที่นุ่มนวลเป็นจุดเด่น<br>ความทนทานก็ดีและทาง่าย<br>เหมาะสำหรับนักเรียนใช้มากค่ะ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/6KwSGN92v2" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/bbia-mukbang-edition-%e0%b8%a5%e0%b8%b4%e0%b8%9b%e0%b8%97%e0%b8%b4%e0%b8%99%e0%b8%97%e0%b9%8c/">Bbia Mukbang Edition ลิปทินท์เพิ่มเสน่ห์ที่แตกต่างทุกวัน!</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">398</post-id>	</item>
		<item>
		<title>รีวิว Bbia Last Velvet Tint (Renewal) และคู่มือสี</title>
		<link>https://thaichicdeals.com/bbia-last-velvet-tint-%e0%b8%a3%e0%b8%b5%e0%b8%a7%e0%b8%b4%e0%b8%a7/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Sat, 08 Nov 2025 06:35:27 +0000</pubDate>
				<category><![CDATA[ลิปทินท์]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพริมฝีปาก]]></category>
		<category><![CDATA[lip tint]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=395</guid>

					<description><![CDATA[<p>ไอเทมที่ขาดไม่ได้สำหรับริมฝีปากที่สมบูรณ์แบบทุกวัน, Bbi [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/bbia-last-velvet-tint-%e0%b8%a3%e0%b8%b5%e0%b8%a7%e0%b8%b4%e0%b8%a7/">รีวิว Bbia Last Velvet Tint (Renewal) และคู่มือสี</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
        ไอเทมที่ขาดไม่ได้สำหรับริมฝีปากที่สมบูรณ์แบบทุกวัน, Bbia Last Velvet Tint (Renewal)!
    </h2>
    <p>
        Bbia Last Velvet Tint แต่งริมฝีปากให้สมบูรณ์แบบด้วยเนื้อสัมผัสเวลเวทนุ่มละมุนและสีสันสดใส 
        สามารถสร้างลุคหรูหราได้ง่ายดายด้วยการทาเพียงครั้งเดียว และคุณสามารถค้นหาสีที่เหมาะกับคุณได้จาก 28 เฉดสีที่หลากหลาย
    </p>
    <p>
        ขนาด 5g ที่พกพาสะดวก สามารถใช้งานได้ง่ายทุกที่ทุกเวลา 
        ด้วยความคงทนที่เยี่ยมยอด คงสีสันสดใสตลอดทั้งวัน 
        สัมผัสการสวมใส่ที่นุ่มนวลและสบายเหมือนเวลเวท พร้อมบรรจุภัณฑ์ดีไซน์เก๋ไก๋ที่เพิ่มเสน่ห์สไตลิช
    </p>
    <p>
        ตัวเลือกสีที่เหมาะกับทุกฤดูกาล ช่วยให้คุณสร้างสไตล์ที่น่าดึงดูดได้ตลอดทั้งปี 
        ลองดูคู่มือสีและการจับคู่แนะนำจากเว็บไซต์อย่างเป็นทางการเพื่อทำให้การแต่งหน้าของคุณสมบูรณ์แบบยิ่งขึ้น
    </p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image.webp" alt="Bbia Last Velvet Tint (Renewal) #เปีย ลิปสติก, ลิปเวลเวจ"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/7V8PeJN3Ts" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">Bbia Last Velvet Tint (Renewal) #เปีย ลิปสติก, ลิปเวลเวจ</h2><div class="rating-reviews is-loading"><span class="rating">5.0</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div></div><div class="review-stats">518 Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿390</div><div class="price-date">08/11/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อสัมผัสนุ่มนวลเหมือนเวลเวทและสีสันสดใส</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ค้นหาสีที่เหมาะกับคุณจาก 28 เฉดสี</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ปรับปรุงบรรจุภัณฑ์ใหม่ที่หรูหรา เพิ่มความสะดวกในการพกพาและใช้งาน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">สัมผัสการสวมใส่ที่เบาและสบาย คงทนตลอดทั้งวัน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ความคงทนเยี่ยมยอดและทำความสะอาดง่าย</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/7V8PeJN3Ts" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #E91E63;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-4">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section3">
                    <h3>แต่งริมฝีปากให้สมบูรณ์แบบด้วยเนื้อสัมผัสนุ่มนวลและสีสันสดใส</h3>
                    <ul><li>สร้างลุคหรูหราด้วยการทาเพียง 1 ครั้ง</li><li>ค้นหาสีที่เหมาะกับคุณจาก 28 เฉดสี</li><li>ความจุ 5g เพิ่มความสะดวกในการพกพาและใช้งาน</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>รายละเอียด</h3>
                    <ul><li>เนื้อแมทท์เวลเวท: สัมผัสการทาที่นุ่มนวลและเรียบเนียน ให้ความรู้สึกหรูหรา</li><li>การติดสีที่แน่นแฟ้น: สีสันสดใสตั้งแต่การทาครั้งแรก ปกปิดสีริมฝีปากธรรมชาติได้อย่างสมบูรณ์แบบ</li><li>สัมผัสการสวมใส่ที่เบาและสบาย: เนื้อบางเบาช่วยให้สวมใส่สบายตลอดทั้งวัน</li><li>ความคงทนเยี่ยมยอด: คงทนนาน ไม่หลุดง่าย แต่ทำความสะอาดได้สะดวก</li><li>บรรจุภัณฑ์ใหม่ที่เก๋ไก๋: ดีไซน์หรูหรา สะดวกในการพกพาและใช้งาน</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>สร้างสไตล์หลากหลายด้วย 28 เฉดสี</h3>
                    <ul><li>โทน SPRING: V16 More Graceful, V17 More Pleasant</li><li>โทน SUMMER: V40 Summer Rose, V41 Summer Berry</li><li>โทน AUTUMN: V42 So Good Fig, V50 Lonely Life</li><li>โทน WINTER: V21 Real Note, V51 Purple Life</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>เคล็ดลับการซื้อ</h3>
                    <ul><li>ตรวจสอบส่วนลดพิเศษต่างๆ เมื่อซื้อออนไลน์</li><li>ดูคู่มือสีและการจับคู่แนะนำจากเว็บไซต์อย่างเป็นทางการ</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec5963bfa" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=nzVgn0cphuc" data-video-id="nzVgn0cphuc" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/h4NW0lWXhJ4" data-video-id="h4NW0lWXhJ4" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Bbia%20Last%20Velvet%20Tint/Bbia%20Last%20Velvet%20Tint_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec5963bfa");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec5963bfa-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec5963bfa-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec5963bfa-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div></div>
                    <div class="rating-number">5.0</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">🔥</div>
                    <div class="badge-text">HOT</div>
                    <div class="badge-subtext">500+ รีวิว</div>
                </div>
              </div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>สีสันสดใสและหลากหลาย มีให้เลือกมากมาย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อสัมผัสนุ่มนวลและทาง่ายอย่างเป็นธรรมชาติ</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>ความคงทนเยี่ยมยอด คงสภาพได้นาน</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>บรรจุภัณฑ์สวยงามและแข็งแรง เหมาะสำหรับของขวัญ</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>จัดส่งรวดเร็วและบริการลูกค้าที่ยอดเยี่ยม</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>อาจขาดความชุ่มชื้น</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>เคสค่อนข้างใหญ่และไม่สะดวกในการพกพา</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">เสน่ห์ของลิปสติก</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">ลิปสติกที่มีสีสวยและเนื้อสัมผัสนุ่มนวลน่าดึงดูด แม้จะล้างด้วยน้ำก็ไม่ค่อยหลุดลอก ความคงทนดีมากจริงๆ จัดส่งรวดเร็วและบรรจุภัณฑ์แข็งแรงก็น่าพอใจมากเช่นกัน</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">ความกลมกลืนของสีสันและฟินิช</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">สีสันสดใสและฟินิชที่เป็นธรรมชาติน่าประทับใจมากจริงๆ เป็นสีที่เข้ากับผิวโทนอุ่นได้ดีมาก เหมาะกับการแต่งหน้าประจำวันเลย ความพึงพอใจคุ้มค่ากับราคาสูงมากจริงๆ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">ผลิตภัณฑ์ที่มีเสน่ห์ด้วยเนื้อสัมผัสนุ่มนวล</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">เนื้อสัมผัสนุ่มนวลเหมือนเวลเวทและกลิ่นผลไม้น่าดึงดูดมาก สีโทนชมพูคงทนนานและทาให้เรียบเนียนบนริมฝีปาก จัดส่งรวดเร็วและบรรจุภัณฑ์ดีด้วย พอใจมากครับ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">สีสันและคุณภาพของลิปสติก</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">ชอบสีของลิปสติกที่สวยงามมากและทาได้นุ่มนวล นอกจากนี้ยังมีความชุ่มชื้นดีด้วย จึงพอใจมาก แม้เคสจะค่อนข้างใหญ่หน่อย แต่ดีไซน์สวยก็ยอมให้ได้ ความสะดวกในการพกพาอาจจะด้อยกว่าหน่อย แต่โดยรวมแล้วคุณภาพคุ้มค่ากับราคามากครับ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/7V8PeJN3Ts" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/bbia-last-velvet-tint-%e0%b8%a3%e0%b8%b5%e0%b8%a7%e0%b8%b4%e0%b8%a7/">รีวิว Bbia Last Velvet Tint (Renewal) และคู่มือสี</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">395</post-id>	</item>
		<item>
		<title>Kage Syrup Glossy Lip สำหรับริมฝีปากเปล่งประกายตลอดวัน</title>
		<link>https://thaichicdeals.com/kage-syrup-glossy-lip/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Sun, 14 Sep 2025 11:31:06 +0000</pubDate>
				<category><![CDATA[ลิปสติก]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพริมฝีปาก]]></category>
		<category><![CDATA[lip stick]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=262</guid>

					<description><![CDATA[<p>เปล่งประกายตลอดวันด้วยริมฝีปากชุ่มชื้นและเงางาม! Kage S [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/kage-syrup-glossy-lip/">Kage Syrup Glossy Lip สำหรับริมฝีปากเปล่งประกายตลอดวัน</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">เปล่งประกายตลอดวันด้วยริมฝีปากชุ่มชื้นและเงางาม!</h2>
  <p>Kage Syrup Glossy Lip ที่จะเปลี่ยนริมฝีปากของคุณให้เย่อหยิ่ง พร้อม 22 เฉดสีไซรัปผลไม้ที่จะยกระดับเมคอัพของคุณ ในรูปแบบสติกที่พกพาง่าย ใช้งานได้สะดวกทุกที่ทุกเวลา และบรรจุขนาด 9g ใหญ่ใช้ได้นาน</p>
  <p>ด้วยเนื้อเงาเมทาลิกและเอฟเฟกต์ความชุ่มชื้นสูง ช่วยปกปิดสีธรรมชาติของริมฝีปากได้อย่างเป็นธรรมชาติพร้อมบำรุงให้สารอาหาร ผลิตภัณฑ์พรีเมียมจากประเทศไทยรักษาความสดใหม่ได้นาน 36 เดือน</p>
  <p>เลือกสีได้หลากหลายเพื่อสร้างสไตล์ของคุณเอง และมีโปรโมชั่นพิเศษให้คุณซื้อสองชิ้นในราคา 299 บาท มาแก้ปัญหาการดูแลริมฝีปากและเมคอัพในคราวเดียวกับ Kage Syrup Glossy Lip กันเถอะ!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image.webp" alt="( กด 2 ชิ้นรับโปร 1 แถม 1 ) ลิปไก่ทอดแบบแท่ง Syrup Glossy Lip ลิปกลอสปากฉ่ำพร้อมบำรุง วาวเหมือนกินไก่ทอด"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/9KYeP3VDqY" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">( กด 2 ชิ้นรับโปร 1 แถม 1 ) ลิปไก่ทอดแบบแท่ง Syrup Glossy Lip ลิปกลอสปากฉ่ำพร้อมบำรุง วาวเหมือนกินไก่ทอด</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">30.1k Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿209</div><div class="price-date">14/09/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Kage Syrup Glossy Lip: ความชุ่มชื้นสูงและเงาเมทาลิกพร้อมกัน!</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">22 เฉดสีไซรัปผลไม้ให้เลือกหลากหลาย</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">แบบสติกพกพา ใช้งานสะดวก บำรุงริมฝีปากให้นุ่มชุ่มชื้นได้ตลอดเวลา</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">สีเทาพิเศษ &#039;Lip Blend&#039; สำหรับความสนุกในการผสมสี</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">โปรโมชั่นพิเศษ 1+1 สองชิ้นในราคา 299 บาท!</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/9KYeP3VDqY" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>

    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #E91E63;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-4">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>22 เฉดสีไซรัปผลไม้ให้ความสดชื่นแก่ริมฝีปาก</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>รูปแบบสติกพกพาสะดวก</li><li>ขนาด 9g ใหญ่ใช้ได้นาน</li><li>อายุการเก็บรักษา 36 เดือน รักษาความสดใหม่</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>รายละเอียด</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เนื้เงาเมทาลิก: เวอร์ชั่นอัพเกรดของ Chicken Lip สำหรับริมฝีปากชุ่มชื้นและเงางาม</li><li>เอฟเฟกต์ความชุ่มชื้นสูง: ปกปิดสีธรรมชาติของริมฝีปากอย่างเป็นธรรมชาติพร้อมบำรุงให้สารอาหาร</li><li>ผลิตภัณฑ์พรีเมียมจากประเทศไทย</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เมคอัพตามใจด้วยสีสันหลากหลาย</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>สีเด่น: พีช, แพร์, เกรปฟรุต, บลูเบอร์รี่ เป็นต้น</li><li>สีใหม่เพิ่มเติม: Sweet Vanilla, Guava Smoothie, Pink Taro เป็นต้น</li><li>สีเทา &#8216;Lip Blend&#8217;: ผลิตภัณฑ์สำหรับผสมสีเข้ม ให้เป็นสีที่นุ่มนวล</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เทคนิคการใช้งาน</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>ทำความสะอาดผลิตภัณฑ์: หลังใช้งานให้เช็ดส่วนเกลียวและด้านในฝาให้สะอาด</li><li>ปรากฏการณ์แยกชั้นของส่วนผสม: ก่อนใช้งานให้เขย่าเบาๆ หรือใช้แปรงคนให้เข้ากัน</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>ข้อมูลโปรโมชั่น</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>โปรโมชั่นพิเศษ 1+1 กำลังจัดแคมเปญ: ซื้อสองชิ้นในราคา 299 บาท</li><li>เลือกสีได้ตามใจชอบ</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec5964d6c" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/oXCrugYjsks" data-video-id="oXCrugYjsks" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/oeHNqkL2CTQ" data-video-id="oeHNqkL2CTQ" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/Kage%20Syrup%20Glossy%20Lip/Kage%20Syrup%20Glossy%20Lip_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec5964d6c");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec5964d6c-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec5964d6c-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec5964d6c-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    

    <br>

    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ รีวิว</div>
                </div>
              </div></div></div>


        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>การจัดส่งรวดเร็วและสภาพบรรจุภัณฑ์ดี</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>สีสันธรรมชาติและสวยงาม</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อสัมผัสนุ่มและชุ่มชื้น</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>กลิ่นหอมผลไม้อ่อนๆ</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>คุณภาพคุ้มราคาและสิทธิประโยชน์จากโปรโมชั่น</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>ขนาดภาชนะเล็กจึงต้องทาเพิ่มเติม</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>สีหลุดง่าย</li></ul></div></div></div></div>

    <br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติก</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">ลิปสติกที่มีกลิ่นองุ่นหอมหวานและเนื้อสัมผัสนุ่มที่น่าหลงใหล<br> สีสันก็เป็นธรรมชาติและมีระดับ<br> เหมาะสำหรับการใช้งานในชีวิตประจำวัน<br> การจัดส่งก็รวดเร็วและบรรจุภัณฑ์ก็เรียบร้อยจึงพอใจมาก</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติกกลิ่นผลไม้</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">ลิปสติกตัวนี้มีกลิ่นผลไม้อ่อนๆ กระจายตัวออกมา<br>ทำให้อารมณ์ดีตอนใช้ ไม่เหนียวเหนอะหนะ<br>และเนื้อสัมผัสชุ่มชื้นที่ถูกใจเป็นพิเศษ<br>สีออเรนจ์พิงค์ที่เข้ากับริมฝีปากได้อย่างธรรมชาติ<br>เหมาะสำหรับใช้ทุกวัน</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติกกลิ่นเชอร์รี่</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">ลิปสติกที่มีกลิ่นเชอร์รี่อ่อนๆ ทาแล้วนุ่มที่ริมฝีปาก<br>และมีเอฟเฟกต์ที่อยู่ได้นาน<br>สีสันก็สวยงาม<br>เหมาะสำหรับใช้ในวันพิเศษ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปสติกกลิ่นผลไม้</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">ลิปสติกที่มีกลิ่นผลไม้ที่น่าหลงใหลตัวนี้<br>เนื้อสัมผัสนุ่มและทาง่าย<br>การจัดส่งก็รวดเร็วและสภาพบรรจุภัณฑ์ก็ยอดเยี่ยม<br>ได้รับด้วยความรู้สึกดี</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/9KYeP3VDqY" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/kage-syrup-glossy-lip/">Kage Syrup Glossy Lip สำหรับริมฝีปากเปล่งประกายตลอดวัน</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">262</post-id>	</item>
		<item>
		<title>การแต่งหน้าปากสุดโรแมนติก ความเสน่หาของ dasique Cream De Rose Tint</title>
		<link>https://thaichicdeals.com/dasique-cream-de-rose-tint/</link>
		
		<dc:creator><![CDATA[Mali]]></dc:creator>
		<pubDate>Thu, 04 Sep 2025 09:15:38 +0000</pubDate>
				<category><![CDATA[ลิปทินท์]]></category>
		<category><![CDATA[เครื่องสำอาง]]></category>
		<category><![CDATA[เมคอัพริมฝีปาก]]></category>
		<category><![CDATA[lip tint]]></category>
		<guid isPermaLink="false">https://thaichicdeals.com/?p=250</guid>

					<description><![CDATA[<p>เสน่หาแห่งกุหลาบโรแมนติก สร้างลุคปากสมบูรณ์แบบด้วย dasi [&#8230;]</p>
<p>The post <a href="https://thaichicdeals.com/dasique-cream-de-rose-tint/">การแต่งหน้าปากสุดโรแมนติก ความเสน่หาของ dasique Cream De Rose Tint</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">เสน่หาแห่งกุหลาบโรแมนติก สร้างลุคปากสมบูรณ์แบบด้วย dasique Cream De Rose Tint!</h2>
    <p>การแต่งหน้าปากที่สมบูรณ์แบบเริ่มต้นด้วย dasique Cream De Rose Tint ผลิตภัณฑ์นี้มาพร้อม 8 เฉดสีกุหลาบสเปกตรัมที่สามารถสร้างสไตล์ที่หลากหลาย โดดเด่นด้วยสีสันที่ชัดเจนและความคงทนที่ยาวนาน</p>
    <p>เนื้อครีมที่เบาและนุ่มนวลเหมือนกลีบกุหลาบ ช่วยปกปิดรอยย่นและเศษผิวหลุดลอกบนปาก ทำให้ปากเรียบเนียน พร้อมการรับรองมาตรฐานวีแกนที่ไม่ใช้วัตถุดิบจากสัตว์ จึงใช้ได้อย่างมั่นใจมากยิ่งขึ้น</p>
    <p>คู่มือเลือกสีที่ครอบคลุมทั้งโทนอุ่นและโทนเย็น ช่วยให้คุณหาสีที่เข้ากันอย่างสมบูรณ์แบบกับโทนสีผิวของคุณ นอกจากนี้ยังสามารถสร้างเอฟเฟกต์ไล่ระดับสีหรือแต่งสีทั้งหมดเพื่อสร้างสไตล์ที่หลากหลาย มอบเสน่หาใหม่ให้กับคุณทุกวัน</p>
    <p>มาสร้างลุคปากที่โรแมนติกและมีสไตล์ด้วย dasique Cream De Rose Tint กันเถอะ! เริ่มต้นด้วยการทาปริมาณเล็กน้อยจากด้านในปาก แล้วใช้นิ้วหรือพู่กันกระจายให้ธรรมชาติ</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #E91E63;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #F06292;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
            color: #f44;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #E91E63;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image.webp" alt="dasique Cream De Rose Tint #เดซีค ลิปทินท์, ลิปสติก"></div><div class="desktop-cta"><a href="https://s.shopee.co.th/4AqIAoDSyb" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div><div class="product-details"><h2 class="product-name">dasique Cream De Rose Tint #เดซีค ลิปทินท์, ลิปสติก</h2><div class="rating-reviews is-loading"><span class="rating">4.9</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div><div class="review-stats">522 Ratings</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">฿390</div><div class="price-date">04/09/2025 เป็นราคาอ้างอิง และอาจเปลี่ยนแปลงได้ตามช่วงเวลาการขาย</div></div><div class="key-points"><div class="key-points-title">จุดเด่นสินค้า</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">8 เฉดสีกุหลาบสเปกตรัมสำหรับสร้างลุคปากโรแมนติก</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">เนื้อครีมนุ่มนวลทาง่ายและติดทน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">ฟินิชแมตต์นุ่มเหมือนกำมะหยี่ไม่แห้งกร้าน</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">การรับรองมาตรฐานวีแกนเพื่อการบริโภคอย่างมีจริยธรรม</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">คู่มือเลือกสีเฉพาะสำหรับโทนอุ่นและโทนเย็น</span></div></div></div><div class="mobile-cta"><a href="https://s.shopee.co.th/4AqIAoDSyb" class="cta-button" target="_blank" rel="noopener noreferrer">ดูราคาใน Shopee <span class="search-icon">💄</span></a><p class="product-warning-text">💡 แจ้งเตือน: กรุณาตรวจสอบราคาและสต็อกสินค้าล่าสุดที่หน้า Shopee โดยตรง (ราคาอาจเปลี่ยนแปลงตามตัวเลือกและสต็อกสินค้า)</p></div></div></div>
<br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fdf2f8, #fdf2f8);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #E91E63;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCE4EC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-5">
        <h2>รายละเอียดสินค้า</h2>
        <div class="content-wrapper" id="content-product-info-5">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>8 เฉดสีที่รวบรวมทุกช่วงเวลาแห่งกุหลาบเพื่อสร้างปากสุดเย้ายวน</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>แค่แตะเดียวให้สีสันชัดเจนและความคงทนยาวนาน</li><li>เนื้อครีมเบาและนุ่มนวลเหมือนกลีบกุหลาब</li><li>8 เฉดสีกุหลาบสเปกตรัมสำหรับการสร้างลุคที่หลากหลาย</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>รายละเอียด</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เนื้อครีมนุ่มนวล: ปกปิดรอยย่นและเศษผิวหลุดลอกบนปากเพื่อความเรียบเนียน</li><li>ฟินิชนุ่มเหมือนกำมะหยี่: แมตต์ธรรมชาติไม่แห้งกร้าน</li><li>การรับรองวีแกน: ไม่มีส่วนผสมจากสัตว์ ได้รับการรับรองอย่างเป็นทางการจากสหภาพมังสวิรัติแห่งยุโรป</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>คู่มือเลือกสี</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>โทนอุ่น: 01 Nudy Rose, 02 Rose Cream, 04 Redwood</li><li>โทนเย็น: 03 Dreaming, 05 Fuchsia, 06 Ruby Jam, 07 Crimson, 08 Classy</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>วิธีใช้</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เริ่มทาปริมาณเล็กน้อยจากด้านในปาก แล้วใช้นิ้วหรือพู่กันกระจายให้เป็นธรรมชาติ</li><li>สามารถสร้างเอฟเฟกต์ไล่ระดับสีหรือแต่งสีทั้งหมดเพื่อสร้างสไตล์ที่หลากหลาย</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>เคล็ดลับการเลเยอร์</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>โทนอุ่น: ใช้ 01 Nudy Rose เป็นเบส เพิ่มจุดเด่นด้วย 04 Redwood</li><li>โทนเย็น: ใช้ 03 Dreaming เป็นเบส เพิ่มจุดเด่นด้วย 06 Ruby Jam</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>ข้อควรระวัง</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>เมื่อดึงพู่กันออกอาจมีเนื้อผลิตภัณฑ์ไหลออกมาเล็กน้อย กรุณาใช้ทิชชู่เช็ดออก</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-5" onclick="toggleContent('product-info-5')">ดูเพิ่มเติม</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'ดูเพิ่มเติม';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'ย่อ';
        }
    }
    </script>
<br>
<h2 class="prod-gallery-title">แกลเลอรี่รูปภาพสินค้า</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (แตะซ้าย-ขวาเพื่อเลื่อน)"><img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_product_image_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">วิดีโอสินค้า</h2>
        <div id="yt-slider-6971ec5965f5b" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/I92QlDwOkII" data-video-id="I92QlDwOkII" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_youtube_image_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/A-Yaq8mTcEU" data-video-id="A-Yaq8mTcEU" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d195rj0voglqsf.cloudfront.net/dasique%20Cream%20De%20Rose%20Tint/dasique%20Cream%20De%20Rose%20Tint_youtube_image_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 วิดีโอแนะนำผลิตภัณฑ์นี้จะช่วยให้คุณเข้าใจผลิตภัณฑ์ได้ดีขึ้น สำหรับวิดีโอภาษาต่างประเทศ แนะนำให้เปิดซับไตเติล (CC) เพื่อการรับชมที่ดีที่สุด</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-6971ec5965f5b");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-6971ec5965f5b-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-6971ec5965f5b-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-6971ec5965f5b-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    

    <br>

    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #E91E63;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #E91E63;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">คะแนนสินค้า</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</div>
                </div>
                <div class="review-badge" style="background-color:#E91E63;">
                    <div class="badge-emoji">🔥</div>
                    <div class="badge-text">HOT</div>
                    <div class="badge-subtext">500+ รีวิว</div>
                </div>
              </div></div></div>


        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ ข้อดี</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>เนื้อนุ่มและครีมี่ ทาง่าย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>สีชัดเจนและเข้ากันได้ดีกับโทนสีผิวหลากหลาย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>บริการจัดส่งที่รวดเร็วและปลอดภัย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>บรรจุภัณฑ์สวยงามและผลิตภัณฑ์ไม่เสียหาย</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>โปรโมชันและโค้ดส่วนลดเพิ่มเติมทำให้คุ้มค่า</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ ข้อเสีย</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>กลิ่นกุหลาบอาจเป็นภาระสำหรับคนที่ชอบไร้กลิ่น</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>แม้จะเป็นเนื้อแมตต์แต่อาจรู้สึกแห้ง</li></ul></div></div></div></div>
<br>
    <h2 class="product-review-title">รีวิวสินค้า</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">รีวิวลิปทินท์ Dasique</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">ลิปทินท์ Dasique มีเนื้อครีมี่<br>และกลิ่นกุหลาบอ่อนๆ ที่น่าหลงใหล<br>ทาบนปากอย่างนุ่มนวล<br>สีชัดเจนและติดทนนาน<br>บรรจุภัณฑ์น่ารักและจัดส่งเร็ว<br>น่าพอใจมาก</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">แนะนำลิปทินท์โทนชมพูนู้ด</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">ลิปทินท์โทนชมพูนู้ดเนื้อกำมะหยี่นุ่ม<br>ทาเบาสบายและเข้ากับผิวโทนเย็น<br>ได้ดีมาก ได้โปรโมชัน<br>คุ้มค่ามากแนะนำเลย</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">พอใจบรรจุภัณฑ์และสีสัน</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">บรรจุภัณฑ์ผลิตภัณฑ์ห่อหุ้มอย่างปลอดภัย<br>ถึงมือโดยไม่เสียหายระหว่างจัดส่ง<br>สีสันสวยงามและเนื้อครีมี่<br>ทาบนปากไม่หนักค่ะ</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">ดูเพิ่มเติม</button></div><div class="product-review-item"><h3 class="product-review-topic">รีวิวหลังใช้ลิปทินท์ Dasique</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">แม้จะเป็นเนื้อแมตต์<br>แต่ปากไม่แห้ง สีชัดเจน<br>ติดทนนาน จัดส่งเร็วและ<br>บรรจุภัณฑ์น่ารักด้วย น่าพอใจมาก</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">ดูเพิ่มเติม</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(233, 30, 99, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://s.shopee.co.th/4AqIAoDSyb" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                ดูราคาใน Shopee
                <span style="margin-left: 8px;">🛍️</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 ส่งฟรี</span>
                <span class='trust--badge'>🚀 ส่งไว</span>
                <span class='trust--badge'>🔥 ราคาดี</span>
              </div></div></div></div><p>The post <a href="https://thaichicdeals.com/dasique-cream-de-rose-tint/">การแต่งหน้าปากสุดโรแมนติก ความเสน่หาของ dasique Cream De Rose Tint</a> appeared first on <a href="https://thaichicdeals.com">ThaiChicDeals | คู่มือรีวิวความงามและแฟชั่น</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">250</post-id>	</item>
	</channel>
</rss>
