/* Custom Utilities */
        body { background-color: #f8f8f8; }
        .hide-scroll::-webkit-scrollbar { display: none; }
        .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
        
        .coupon-ticket {
            mask-image: radial-gradient(circle at 0 50%, transparent 10px, black 10.5px), radial-gradient(circle at 100% 50%, transparent 10px, black 10.5px);
            -webkit-mask-image: radial-gradient(circle at 0 50%, transparent 10px, black 10.5px), radial-gradient(circle at 100% 50%, transparent 10px, black 10.5px);
        }

        .modal { transition: opacity 0.3s ease, visibility 0.3s ease; }
        .modal.hidden-modal { opacity: 0; visibility: hidden; pointer-events: none; }
        .modal.visible-modal { opacity: 1; visibility: visible; pointer-events: auto; }
        
        @keyframes slideUpFade {
            0% { transform: translate(-50%, 100%); opacity: 0; }
            10% { transform: translate(-50%, -20px); opacity: 1; }
            90% { transform: translate(-50%, -20px); opacity: 1; }
            100% { transform: translate(-50%, 100%); opacity: 0; }
        }
        .toast-active { animation: slideUpFade 3s forwards; }