พิมพ์น้ำแข็งกลม 2 ช่อง

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>รายละเอียดสินค้าและลิงก์</title>
<style>
/* CSS สำหรับการจัดวางและ Responsive Design */
body {
font-family: sans-serif; /* ตั้งค่าฟอนต์พื้นฐานให้อ่านง่าย */
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f8f8f8; /* สีพื้นหลังอ่อนๆ ให้ดูสบายตา */
}

/* กำหนดความกว้างสูงสุดของส่วนเนื้อหาหลัก */
main {
max-width: 1200px;
margin: 0 auto;
padding: 15px 15px;
box-sizing: border-box;
background-color: #fff; /* พื้นหลังสีขาวสำหรับเนื้อหาหลัก */
box-shadow: 0 0 10px rgba(0,0,0,0.05); /* เพิ่มเงาเล็กน้อยให้ดูมีมิติ */
}

/* สไตล์สำหรับส่วนอธิบายสินค้า */
.product-description h1 {
font-size: 2.2em; /* ขนาดฟอนต์หัวข้อใหญ่ขึ้นเล็กน้อย */
color: #333;
margin-bottom: 10px;
text-align: center; /* จัดกลางหัวข้อหลัก */
padding-bottom: 10px;
border-bottom: 2px solid #eee; /* เพิ่มเส้นใต้เล็กน้อย */
}

.product-description h2 {
font-size: 1.6em; /* ขนาดฟอนต์หัวข้อรอง (สำหรับ "เกี่ยวกับสินค้า") */
color: #444;
margin-top: 0; /* ไม่ต้องมี margin-top เพราะ product-section มี padding อยู่แล้ว */
margin-bottom: 15px; /* ระยะห่างจากเนื้อหาด้านล่าง */
text-align: center; /* จัดกลางหัวข้อนี้ด้วย */
}

.product-description h3 {
font-size: 1.3em; /* ขนาดฟอนต์หัวข้อที่ 3 (สำหรับ คุณสมบัติ, ขนาด, เหมาะสำหรับ) */
color: #555;
margin-top: 25px; /* เพิ่มระยะห่างด้านบนจากส่วนก่อนหน้า */
margin-bottom: 8px;
border-left: 5px solid #ffcc00; /* เพิ่มขีดเหลืองด้านซ้าย */
padding-left: 10px;
}

.product-description p {
font-size: 1.05em; /* ขนาดฟอนต์เนื้อหา */
line-height: 1.7; /* เพิ่มระยะห่างระหว่างบรรทัด */
color: #666;
margin-bottom: 15px; /* เพิ่มระยะห่างด้านล่าง */
}

/* สไตล์สำหรับรายการ (bullet points) */
.product-description ul {
margin-top: 10px;
margin-bottom: 20px;
padding-left: 30px; /* ย่อหน้าจากขอบซ้ายสำหรับ bullet points */
list-style: disc; /* รูปแบบจุดกลมทึบ (default) */
}

.product-description li {
font-size: 1em;
line-height: 1.8; /* เพิ่มระยะห่างระหว่างแต่ละรายการ */
color: #666;
margin-bottom: 8px; /* ระยะห่างระหว่างแต่ละรายการ */
}

/* สไตล์สำหรับกรอบรายละเอียดสินค้าทั้งหมด */
.product-section {
background-color: #fefefe; /* พื้นหลังอ่อนๆ */
border: 1px solid #eee;
border-radius: 8px;
padding: 30px; /* เพิ่ม padding ให้มีพื้นที่หายใจมากขึ้น */
margin-bottom: 25px;
box-shadow: 0 2px 5px rgba(0,0,0,0.03); /* เงาเล็กน้อย */
}

/* สไตล์สำหรับข้อความที่ต้องการเน้นพิเศษ */
.highlight-text {
background-color: #fff9e6; /* สีเหลืองอ่อน */
border-left: 5px solid #ffcc00; /* ขอบซ้ายสีเหลือง */
padding: 15px;
margin: 20px 0;
font-size: 1.1em;
font-weight: bold;
color: #333;
border-radius: 5px;
}

/* สไตล์สำหรับเส้นแบ่ง */
hr.section-divider {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
margin: 30px 0; /* ระยะห่างของเส้นแบ่ง */
}

/* สไตล์สำหรับส่วนแบนเนอร์/ลิงก์ */
.home-subbanners {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 0;
margin-bottom: 60px;
}

.subbanner-item {
flex: 1 1 auto;
min-width: 280px;
max-width: 350px;
text-align: center;
}

.subbanner-img a {
display: block;
}

.subbanner-img img {
max-width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: transform 0.3s ease;
}

.subbanner-img img:hover {
transform: translateY(-5px);
}

/* Media Queries สำหรับปรับแต่งบนหน้าจอขนาดต่างๆ */
@media (max-width: 768px) {
.product-description h1 {
font-size: 1.8em;
}
.product-description h2 {
font-size: 1.3em;
}
.product-description h3 {
font-size: 1.1em;
margin-top: 20px;
}
.product-description p {
font-size: 0.95em;
}
.product-description li {
font-size: 0.95em;
}
.home-subbanners {
flex-direction: column;
align-items: center;
margin-bottom: 40px;
}
.subbanner-item {
max-width: 90%;
}
.product-section {
padding: 20px; /* ลด padding บนมือถือ */
margin-bottom: 20px;
}
.highlight-text {
font-size: 1em;
padding: 10px;
}
hr.section-divider {
margin: 20px 0;
}
}
</style>


<main>
<section class="home-subbanners">
<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://shope.ee/6AO2qcqGT5?share_channel_code=6" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-SHOPEE.png" alt="ปุ่มลิงก์ไปร้าน Paradox Kitchenware บน Shopee">
</a>
</div>
</div>

<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://lin.ee/CPiKHsb" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-line.png" alt="ปุ่มลิงก์ไป Line Official Account ของ Paradox Kitchenware">
</a>
</div>
</div>

<div class="subbanner-item">
<div class="subbanner-img">
<a href="https://www.paradoxtrading.dk/index.php?route=information/information&amp;information_id=11" target="_blank" rel="noopener noreferrer">
<img src="image/catalog/Line button/PARADOX-KIYCHENWARE-branch.png" alt="ปุ่มลิงก์ไปหน้าข้อมูล Paradox Trading Denmark">
</a>
</div>
</div>
</section>

<section class="product-description">
<h1>พิมพ์น้ำแข็งกลม 6 ช่อง</h1>

<div class="product-section">
<h2>เกี่ยวกับสินค้า</h2>
<p>Paradox พาราดอกซ์ พิมพ์น้ำแข็งกลม 2 ช่อง</p>
<p class="highlight-text">เพิ่มความชิคให้แก้วเครื่องดื่มของคุณ ด้วยน้ำแข็งทรงกลมสวยหรูละลายช้า เหมาะสำหรับสายกาแฟ สายน้ำหวาน หรือสายค็อกเทลก็ห้ามพลาด!</p>

<hr class="section-divider"> <h3>คุณสมบัติเด่น</h3>
<ul>
<li>ทำจากซิลิโคนเกรดอาหาร (<strong>Food Grade</strong>) ปลอดภัย ไร้สารตกค้าง</li>
<li>ทนความเย็นได้ดี ใช้งานง่าย ถอดน้ำแข็งออกไม่ติดพิมพ์</li>
<li>ช่องน้ำแข็งกลม 2 ช่อง ขนาดพอเหมาะกับแก้วทุกแบบ</li>
<li>น้ำแข็งละลายช้า เหมาะกับการใส่กาแฟ วิสกี้ หรือค็อกเทล</li>
<li>ทำความสะอาดง่าย ใช้ซ้ำได้หลายครั้ง ประหยัดและคุ้มค่า</li>
</ul>

<hr class="section-divider"> <h3>ขนาดสินค้า</h3>
<p><strong>จำนวนช่อง:</strong>&nbsp;2 ช่อง</p>
<p><strong>ขนาดต่อก้อน:</strong> ประมาณ 6 ซม.</p>
<p><strong>วัสดุ:</strong> ซิลิโคนคุณภาพสูง</p>

<hr class="section-divider"> <h3>เหมาะสำหรับ</h3>
<ul>
<li>คนที่ชอบความเก๋ในแก้วเครื่องดื่ม</li>
<li>ร้านคาเฟ่ ร้านบาร์ หรือสายจัดปาร์ตี้</li>
<li>ผู้ที่ต้องการน้ำแข็งละลายช้า ไม่ทำให้รสชาติเครื่องดื่มเสีย</li>
</ul>

<hr class="section-divider"> <h3>วิธีใช้งานและการดูแลรักษา</h3>
<p>1. เติมน้ำสะอาดลงในพิมพ์ให้เต็มช่อง</p>
<p>2. นำไปแช่ช่องฟรีซจนน้ำแข็งจับตัวเป็นก้อน</p>
<p>3. บิดพิมพ์เบาๆ เพื่อให้น้ำแข็งหลุดออกจากพิมพ์</p>
<p>4. ล้างทำความสะอาดด้วยน้ำยาล้างจานและผึ่งให้แห้งก่อนเก็บ</p>
</div>

</section>
</main>