/* =========================================================
   DE-CAMP PREMIUM - BOOKING PAGE STYLES (GLOBAL.CSS MATCH)
   ========================================================= */

.book-canvas { 
    background-color: var(--light-bg); 
    border-top-left-radius: 50px; border-top-right-radius: 50px; 
    margin-top: -80px; position: relative; z-index: 5; 
    box-shadow: 0 -20px 50px rgba(0,0,0,0.05);
}

/* Sol Taraf: Neden Ziyaret Etmelisiniz? (Bento Grid) */
.book-info-box {
    background: #ffffff; border-radius: 24px; padding: 40px;
    border: 1px solid var(--border-color); box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    height: fit-content; display: flex; flex-direction: column; justify-content: flex-start; 
}
.book-info-title { font-size: 2rem; font-weight: 800; color: var(--primary-color); margin-bottom: 30px; }
.book-feature-list { list-style: none; padding: 0; margin: 0; }
.book-feature-list li {
    display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px;
    font-size: 1.15rem; font-weight: 600; color: var(--text-main); line-height: 1.5;
}
.book-feature-icon {
    width: 45px; height: 45px; border-radius: 12px; flex-shrink: 0;
    background: color-mix(in srgb, var(--accent-color) 10%, transparent);
    color: var(--accent-color); display: flex; align-items: center; justify-content: center; font-size: 1.3rem;
}

/* Sağ Taraf: Randevu Formu */
.book-form-card {
    background: #ffffff; border-radius: 24px; padding: 50px;
    border: 1px solid var(--border-color); box-shadow: 0 15px 40px rgba(0,0,0,0.03);
}

/* Tarih ve Saat Seçici (Premium Input) */
.premium-input[type="date"], .premium-input[type="time"] {
    text-transform: uppercase; letter-spacing: 1px; color: var(--primary-color); font-weight: 700;
}
.premium-input::-webkit-calendar-picker-indicator {
    cursor: pointer; opacity: 0.6; transition: var(--transition-smooth);
}
.premium-input::-webkit-calendar-picker-indicator:hover { opacity: 1; }

@media (max-width: 992px) { .book-info-box { padding: 30px; } .book-form-card { padding: 30px; } }