@keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }


    .special-deals-container {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }


    .special-deals-container.is-visible {
        animation: fadeInUp 0.8s ease forwards;
    }


    .special-group {
        margin: 20px 0 auto 0;
        position: relative;
        /* หรือ absolute */
        left: -70px;
        /* ปรับค่าตามต้องการ */
    }


    .special-deals-container {
        text-align: center;
        line-height: 0.8;
        margin: 100px auto;
        /* ทำให้กล่องอยู่ตรงกลางหน้าจอ */
        width: 100%;
    }

    .special-text {
        font-family: 'Daughter';
        font-size: 120px;
        color: #5CB823;
    }

    .deals-for-you-text {
        font-family: 'Daughter';
        font-size: 60px;
    }

    .chefs-special-text {
        font-family: 'Brunson';
        font-size: 100px;
        color: #FFC600;
        letter-spacing: 1.5px;
    }




    /* Responsive สำหรับ Tablet */
    @media (max-width: 1024px) {
        .special-text {
            font-size: 120px;
        }

        .special-group {
            margin: 20px 0 auto 0;
            position: relative;
            /* หรือ absolute */
            left: -125px;
            /* ปรับค่าตามต้องการ */
        }

        .deals-for-you-text {
            font-size: 40px;
        }

        .chefs-special-text {
            font-size: 110px;
        }
    }

    /* Responsive สำหรับ Mobile */
    @media (max-width: 768px) {
        .special-text {
            font-size: 80px;
        }

        .special-deals-container {
            margin: 0 auto;
        }

        .deals-for-you-text {
            font-size: 30px;
        }

        .chefs-special-text {
            font-size: 70px;
            letter-spacing: 2px;
        }

        .special-group {
            left: -80px;
            /* ชิดกลางมือถือ */
        }
    }


      @media (max-width: 425px) {
            .special-group {
        left: -45px;
    }
      }
    /* Responsive สำหรับจอเล็กพิเศษ */
    @media (max-width: 480px) {
        .special-deals-container {
            margin: 20px auto;
        }

        .special-text {
            font-size: 50px;
        }

        .deals-for-you-text {
            font-size: 20px;
        }

        .chefs-special-text {
            font-size: 40px;
        }
    }