/* ===================================
           APPLE MAC BOX CARD (FINAL)
           =================================== */

        .mac-window-card {
            width: 100%;
            min-height: auto; 
            margin-top: 10px;
            margin-bottom: 0px;
            
            background: var(--glass-bg);
            backdrop-filter: blur(var(--blur));
            -webkit-backdrop-filter: blur(var(--blur));
            border: 1px solid var(--glass-border);
            border-radius: var(--card-radius);
            box-shadow: var(--glass-shadow);
            overflow: hidden;
            font-family: 'Poppins', sans-serif;
            
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.8s 0.8s forwards;
        }

        .mac-header {
            background: rgba(0, 0, 0, 0.05);
            padding: 12px 16px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid var(--glass-border);
        }

        [data-theme="dark"] .mac-header {
            background: rgba(255, 255, 255, 0.05);
        }

        .mac-dots {
            display: flex;
            gap: 8px;
        }

        .mac-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            display: inline-block;
            transition: transform 0.2s;
            cursor: pointer;
        }

        .dot-red { background-color: #ff5f56; }
        .dot-yellow { background-color: #ffbd2e; }
        .dot-green { background-color: #27c93f; }

        .mac-dots:hover .mac-dot {
            transform: scale(1.1);
        }

        .mac-body {
            padding: 20px;
            background: var(--bg-color); 
            color: var(--text-color);
        }

        .code-block {
            font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
            font-size: 15px;
            line-height: 1.4; 
            color: var(--text-secondary);
            white-space: pre-wrap;
        }

        .php-tag { 
            color: #9c27b0; 
            font-weight: bold;
        }

        .php-keyword { 
            color: #cc3da5; 
            font-weight: bold; 
        }
        [data-theme="dark"] .php-keyword {
            color: #9830ea; 
        }

        .php-string { 
            color: #27ab22; 
        }

        .php-var { 
            color: #005cc5; 
        }
        [data-theme="dark"] .php-var {
            color: #f9a50d; 
        }

        .php-comment { 
            color: #19989b; 
            font-style: italic; 
            opacity: 0.8; 
        }

        .php-func {
            color: #dcdcaa;
        }

        body.is-loading .code-block {
            background-color: var(--sk-base) !important;
            background-image: linear-gradient(
                90deg, 
                var(--sk-base) 25%, 
                var(--sk-shine) 50%, 
                var(--sk-base) 75%
            );
            background-size: 200% 100%;
            animation: smoothShimmer 2.5s infinite ease-in-out;
            
            color: transparent !important;
            border-radius: 8px !important;
            min-height: 140px;
        }

        body.is-loading .code-block span {
            opacity: 0 !important;
        }

        body.is-loading .mac-dot {
            background-color: var(--sk-base) !important;
            background-image: linear-gradient(
                90deg, 
                var(--sk-base) 25%, 
                var(--sk-shine) 50%, 
                var(--sk-base) 75%
            );
            background-size: 200% 100%;
            animation: smoothShimmer 2.5s infinite ease-in-out;

            border-radius: 50% !important;
            transform: none !important;
        }

        @media (max-width: 768px) {
            .mac-window-card {
                margin-top: 10px;
                margin-bottom: 20px;
            }
            
            .mac-body {
                padding: 16px;
            }

            .code-block {
                font-size: 14px;
                line-height: 1.35;
            }
        }

        @media (max-width: 600px) {
            .mac-window-card {
                margin-top: 10px;
                border-radius: 16px; 
            }
            
            .mac-header {
                padding: 10px 14px;
            }
            
            .mac-body {
                padding: 14px;
            }

            .code-block {
                font-size: 12px;
                line-height: 1.3;
            }
        }