/* --- ส่วนที่ 1: ข้อความโหลดโพสต์เพิ่มเติม (Load Post More..) --- */
.philips-loader {
    background: linear-gradient(to right, #00d9ff, #004aad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
    font-family: ct_font_kvc_computer, sans-serif !important;
    font-weight: 600;
    font-size: 20px;
    margin: 30px auto;
    letter-spacing: 1px;
    animation: philips-breathe 2s infinite ease-in-out;
    display: block !important;
}

@keyframes philips-breathe {
    0%   { opacity: 1; }
    50%  { opacity: 0.4; }
    100% { opacity: 1; }
}

/* --- ส่วนที่ 2: แถบคั่น (Separator) --- */
.philips-separator-wrap {
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
    width: 100%;
    display: block;
    clear: both;
}

.philips-separator-wrap .philips-separator-bg {
    background-color: transparent;
    background-image: radial-gradient(circle, #88888870 1.2px, transparent 1.4px);
    background-size: 7px 7px;
    background-position: center center;
    background-repeat: repeat;
    min-height: 50px;
    width: 100%;
    display: block;
    border: none;
    opacity: 1;
}

/* --- ส่วนที่ 3: เพิ่มตัวหมุน (Spinner) ข้างหน้าข้อความ โหลดโพสต์ถัดไป --- */
.philips-loader::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 12px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0%, #004aad 30%, #00d9ff 100%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff calc(100% - 3.5px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #fff calc(100% - 3.5px));
    border: none;
    animation: philips-spin 0.8s linear infinite;
    vertical-align: middle;
    margin-bottom: 4px;
}

@keyframes philips-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}