body {
            background: linear-gradient(rgba(15, 23, 42, 0.15), rgba(15, 23, 42, 0.25)), 
                        url('../image/background.jpg') no-repeat center center fixed;
            background-size: cover;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px 10px;
            box-sizing: border-box;
        }

        .randevu-card {
            width: 100%;
            max-width: 620px;
            background: rgba(255, 255, 255, 0.40) !important;
            backdrop-filter: blur(25px) saturate(190%);
            -webkit-backdrop-filter: blur(25px) saturate(190%);
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: 24px;
            padding: 35px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), 0 0 15px rgba(255, 255, 255, 0.2) inset;
        }

        .uk-form-label {
            color: #0f172a !important;
            font-weight: 700 !important;
            text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9);
        }
        
        .uk-card-title {
            color: #0f172a !important;
            text-shadow: 0 2px 4px rgba(255, 255, 255, 0.9);
        }

        .vurgulu-aciklama {
            color: #0f172a !important;
            font-weight: 700 !important;
            font-size: 1rem !important;
            text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9);
        }

        .uk-input {
            background: rgba(255, 255, 255, 0.85) !important;
            border: 1px solid rgba(255, 255, 255, 0.9) !important;
            border-radius: 10px;
            color: #0f172a !important;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            transition: all 0.25s ease;
        }
        .uk-input:focus {
            background: #ffffff !important;
            box-shadow: 0 6px 15px rgba(30, 135, 240, 0.25);
            border-color: #1e87f0 !important;
        }

        .site-logo {
            max-width: 120px;
            height: auto;
            margin: 0 auto 15px auto;
            display: block;
            transition: transform 0.3s ease;
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
        }
        .site-logo:hover {
            transform: scale(1.04);
        }

        @media (max-width: 640px) {
            .randevu-card {
                padding: 22px 16px;
            }
            .site-logo {
                max-width: 150px;
            }
        }

        .saat-btn {
            border-radius: 10px !important;
            font-weight: 600;
            background: rgba(255, 255, 255, 0.9) !important;
            border: 1px solid rgba(255, 255, 255, 1) !important;
            color: #0f172a !important;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            transition: all 0.2s ease;
        }
        .saat-btn:not(.dolu):hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
        }
        .saat-btn.uk-button-primary {
            background: #1e87f0 !important;
            color: #ffffff !important;
            box-shadow: 0 6px 16px rgba(30, 135, 240, 0.4);
        }

        .saat-btn.dolu {
            background-color: #ef4444 !important;
            color: #ffffff !important;
            border: 1px solid #dc2626 !important;
            cursor: not-allowed !important;
            opacity: 0.75 !important;
            box-shadow: none !important;
            transform: none !important;
        }

        .btn-whatsapp {
            background-color: #25D366;
            color: #fff !important;
            border-radius: 10px;
            font-weight: 600;
            box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
            transition: all 0.2s ease;
        }
        .btn-whatsapp:hover {
            background-color: #20ba5a;
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(37, 211, 102, 0.45);
        }

        .btn-telefon {
            background-color: #0f172a;
            color: #fff !important;
            border-radius: 10px;
            font-weight: 600;
            box-shadow: 0 6px 18px rgba(15, 23, 42, 0.35);
            transition: all 0.2s ease;
        }
        .btn-telefon:hover {
            background-color: #1e293b;
            transform: translateY(-2px);
            box-shadow: 0 8px 22px rgba(15, 23, 42, 0.45);
        }

        #btn_submit:disabled,
        .uk-button:disabled:not(.dolu) {
            background-color: rgba(15, 23, 42, 0.65) !important;
            color: rgba(255, 255, 255, 0.85) !important;
            border: 1px solid rgba(255, 255, 255, 0.3) !important;
            opacity: 1 !important;
            cursor: not-allowed;
            box-shadow: none !important;
        }

        #btn_submit:not(:disabled) {
            background-color: #0284c7 !important;
            color: #ffffff !important;
            font-weight: 700 !important;
            letter-spacing: 0.5px;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(2, 132, 199, 0.4) !important;
            transition: all 0.25s ease;
        }
        #btn_submit:not(:disabled):hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(2, 132, 199, 0.55) !important;
        }

        .gizlilik-kutusu {
            background: rgba(255, 255, 255, 0.65);
            border: 1px solid rgba(15, 23, 42, 0.12);
            border-radius: 12px;
            padding: 12px 15px;
            margin-top: 18px;
            font-size: 0.85rem;
            color: #1e293b;
            line-height: 1.45;
        }

        .admin-link {
            display: inline-flex;
            align-items: center;
            color: #64748b;
            font-weight: 600;
            font-size: 0.78rem;
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .admin-link:hover {
            color: #0284c7;
            text-decoration: underline;
        }

        .uk-text-meta, 
        #saat_container .uk-text-meta {
            color: #0f172a !important;
            font-weight: 700 !important;
            text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
        }
		.sosyal-medya-kutusu {
    padding-top: 10px;
    border-top: 1px dashed #e5e5e5;
}

/* İkon boyutunu ve alanını yaklaşık %50 küçültme */
.social-icon-sm {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
    color: #fff !important;
}

.social-icon-sm span {
    width: 13px;
    height: 13px;
}

.social-icon-sm:hover {
    transform: scale(1.15);
    opacity: 0.9;
}

/* Orijinal Renkler */
.social-icon-sm.instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.social-icon-sm.facebook  { background-color: #1877f2; }
.social-icon-sm.twitter   { background-color: #000000; }
.social-icon-sm.linkedin  { background-color: #0a66c2; }
.social-icon-sm.youtube   { background-color: #ff0000; }