/* สำหรับ iPad / มือถือ */
@media (max-width: 991px) {
    section.slider_section #customCarousel1 ol.carousel-indicators {
        bottom: 80px !important;
        justify-content: center !important;
        padding-left: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* ปรับแต่งเนื้อหาใน Slide ให้รองรับข้อความยาว */
.detail-box p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- จุดที่ปรับปรุงใหม่: ลดขนาดหัวข้อให้พอดี --- */
.slider_section .detail-box h1 {
    font-size: 2rem !important;
    /* ลดจาก 2.5rem ให้ดูเล็กลงและคลีนขึ้น */
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    /* ใส่เงาบางๆ ให้ตัวหนังสือชัดขึ้นบนพื้นหลัง */
}

.slider_section .detail-box p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #fefefe;
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* จำกัดรายละเอียดเหลือ 2 บรรทัดพอเพื่อให้ Slide ดูไม่แน่น */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.slider_section .btn-box a {
    font-size: 0.9rem;
    padding: 8px 25px;
    border-radius: 30px;
    /* ทำปุ่มขอบมนให้ดูทันสมัย */
}

/* ปรับขนาดสำหรับหน้าจอมือถือ */
@media (max-width: 768px) {
    .slider_section .detail-box h1 {
        font-size: 1.5rem !important;
        /* ขนาดหัวข้อบนมือถือ */
    }

    .slider_section .detail-box p {
        font-size: 0.85rem;
    }
}