/* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #171717;
        }
        ::-webkit-scrollbar-thumb {
            background: #FACC15;
            border-radius: 5px;
        }
        
        /* Image styling */
        .image-card {
            transition: transform 0.5s ease;
        }
        .group:hover .image-card {
            transform: scale(1.05);
        }

        /* Hero Background handling - Using Placeholder with Black/Yellow theme */
        .hero-bg {
            /* Using black background and yellow text for the gym image placeholder */
            background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url('WhatsApp\ Image\ 2025-12-12\ at\ 5.50.37\ PM\ \(3\).jpeg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .clip-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }

        .text-shadow {
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
         /* Workout Tab Styles */
         .active-day {
            background-color: #FACC15 !important;
            color: black !important;
            box-shadow: 0 4px 15px rgba(250, 204, 21, 0.3);
            transform: scale(1.05);
        }
        .exercise-card {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
        }

        /* Exercise Overlay Transitions */
        #exercise-overlay {
            transition: opacity 0.4s ease, visibility 0.4s;
        }
        #exercise-panel {
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .overlay-hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .overlay-visible {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        .panel-hidden {
            transform: translateX(100%);
        }
        .panel-visible {
            transform: translateX(0);
        }