/* =====================================================
   จุด — ปกติ 10px สีอ่อน / hover และ active ขยายเป็น 16px สีเข้มขึ้น
===================================================== */
.pip-d6k3n9 {
    width: 10px;
    height: 10px;
    background: #FAE8D6;
    transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
}
.dot-d6k3n9:hover .pip-d6k3n9,
.dot-d6k3n9.is-active .pip-d6k3n9 {
    width: 16px;
    height: 16px;
    background: #E4BEA4;
}