/* (2026-09-09) ปรับหน้าตาให้เข้าชุดกับตะกร้าบนหัวเว็บ (ไฟล์ 1524)
               เดิมเป็นวงกลมสีน้ำเงินทึบ ซึ่งไม่เข้ากับส่วนอื่นของเว็บ
               เปลี่ยนเป็นวงกลมขาวขอบบาง ไอคอนสีเข้ม เหมือนตะกร้าด้านบน
               ยังคงเป็นวงกลมอยู่ เพราะเป็นปุ่มลอยที่ต้องมองเห็นชัดบนพื้นหลังใดก็ได้ */
            #tms-shop-float-cart {
                position: fixed;
                bottom: 150px;
                right: 20px;
                z-index: 9997;
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: #ffffff;
                color: #2d3436;
                border: 1px solid #eceff1;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 19px;
                text-decoration: none;
                box-shadow: 0 4px 14px rgba(0,0,0,0.14);
            }
            #tms-shop-float-cart:hover {
                color: #2d3436;
                box-shadow: 0 6px 18px rgba(0,0,0,0.2);
            }
            /* ป้ายตัวเลข: ใช้ค่าเดียวกับตะกร้าบนหัวเว็บ (ไฟล์ 1524)
               สี #ff4757 · ตัวอักษร 10px · สูง 16px · ฟอนต์ Prompt
               ต่างกันแค่มีขอบขาวรอบป้าย เพราะปุ่มลอยอยู่บนพื้นหลังใดก็ได้
               ถ้าไม่มีขอบ ป้ายจะกลืนกับพื้นหลังบางสี */
            #tms-shop-float-cart-badge {
                position: absolute;
                top: -3px;
                right: -3px;
                background: #ff4757;
                color: #fff;
                font-size: 10px;
                font-weight: bold;
                line-height: 1;
                min-width: 16px;
                height: 16px;
                padding: 0 3px;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: 'Prompt', sans-serif;
                border: 2px solid #fff;
            }
            #tms-shop-float-cart-badge.is-hidden { display: none; }

            #tms-shop-add-toast {
                position: fixed;
                bottom: 90px; /* เหนือกระดิ่ง แต่ต่ำกว่าปุ่มตะกร้าลอย (150px) เล็กน้อย
                                 ลอยขึ้นชั่วคราวไม่บังปุ่มถาวร */
                left: 50%;
                transform: translateX(-50%) translateY(0);
                background: #2d3436;
                color: #fff;
                font-size: 13px;
                font-weight: 600;
                padding: 10px 20px;
                border-radius: 24px;
                box-shadow: 0 4px 14px rgba(0,0,0,0.25);
                z-index: 9999;
                font-family: 'Prompt', sans-serif;
                white-space: nowrap;
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.25s ease, transform 0.25s ease;
            }
            #tms-shop-add-toast.is-visible {
                opacity: 1;
                transform: translateX(-50%) translateY(-10px);
            }