body .main-header {background-color: rgba(255, 255, 255, 0.98) !important;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1) !important;backdrop-filter: blur(10px) !important;min-height: 60px !important;}body .header-content {display: flex !important;align-items: center !important;justify-content: space-between !important;padding: 8px 0 !important;width: 100%;grid-template-columns: none !important;grid: none !important;}body .logo-section {flex: 0 0 auto;display: flex;align-items: center;gap: 10px;}body .main-header .nav-link {display: none !important;}body .main-header .nav-spacer {display: none !important;}body .main-header .logo {color: #333 !important;font-weight: 700;font-size: 1.5rem !important;}body .header-right-group {display: flex;align-items: center;gap: 12px;margin-left: auto;flex: 0 0 auto;}body .currency-selector {display: flex;align-items: center;gap: 4px;}body .currency-selector select {background: white;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 20px;padding: 4px 8px;color: #333;font-size: 0.8rem;font-weight: 600;cursor: pointer;outline: none;width: auto;min-width: 70px;text-align: center;text-align-last: center;appearance: none;-webkit-appearance: none;transition: all 0.3s ease;}body .currency-selector i {font-size: 0.9rem;color: #333;}body .language-switcher {font-size: 0.8rem;display: flex;align-items: center;gap: 4px;color: #333;padding: 4px 8px;cursor: pointer;border-radius: 20px;transition: all 0.3s ease;user-select: none;}body .language-switcher:hover {background: rgba(0, 0, 0, 0.05);}body .main-header .login-btn {padding: 8px 20px !important;font-size: 0.9rem !important;font-weight: 600 !important;border-radius: 50px;background: #4f9ad1 !important;color: white !important;border: none;transition: all 0.3s ease;text-decoration: none;white-space: nowrap;}body .main-header .login-btn:hover {background: #3c84f6 !important;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(60, 132, 246, 0.3);}body .user-avatar {position: relative;cursor: pointer;}body .avatar-img {width: 36px;height: 36px;border-radius: 50%;background: linear-gradient(135deg, #4f9ad1, #3c84f6);color: white;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 0.9rem;}body .user-menu {position: absolute;top: 45px;right: 0;background: white;border-radius: 8px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);min-width: 180px;padding: 10px 0;display: none;z-index: 1000;border: 1px solid #eee;}body .user-avatar:hover .user-menu {display: block;}body .user-menu a {display: block;padding: 10px 15px;color: #333;text-decoration: none;font-size: 0.9rem;transition: background 0.3s;white-space: nowrap;}body .user-menu a:hover {background: #f5f5f5;color: #3c84f6;}body .user-menu .logout-btn {border-top: 1px solid #eee;color: #d32f2f;margin-top: 5px;}body .user-menu .logout-btn:hover {background: #ffeaea;}body .mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);z-index: 10000;display: none;opacity: 0;transition: opacity 0.3s;}body .mobile-menu-overlay.active {display: block;opacity: 1;}body .mobile-nav {position: fixed;top: 0;right: 0;width: 300px;height: 100%;background: white;padding: 20px;overflow-y: auto;transform: translateX(100%);transition: transform 0.3s;}body .mobile-menu-overlay.active .mobile-nav {transform: translateX(0);}body .close-menu {position: absolute;top: 20px;right: 20px;background: none;border: none;font-size: 2rem;color: #333;cursor: pointer;}body .mobile-nav-link {display: block;padding: 15px 0;color: #333;text-decoration: none;font-size: 1.1rem;border-bottom: 1px solid #eee;}body {padding-top: 60px !important;}body .mobile-login-btn-header {display: none !important;}body .mobile-dashboard-btn {display: none !important;}body .booking-section {padding: 40px 20px;background: #f8f9fa;min-height: calc(100vh - 60px);}body .booking-container {max-width: 1000px;margin: 0 auto;}body .booking-header {text-align: center;margin-bottom: 40px;}body .booking-title {font-size: 2.5rem;color: #333;margin-bottom: 15px;}body .booking-subtitle {color: #666;font-size: 1.1rem;max-width: 600px;margin: 0 auto;}body .booking-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}body .booking-card {background: white;border-radius: 16px;padding: 30px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);border: 1px solid #eaeaea;}body .card-title {font-size: 1.5rem;color: #333;margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid #f0f0f0;}body .calendar-container {margin-bottom: 30px;}body .calendar-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}body .month-year {font-size: 1.2rem;font-weight: 600;color: #333;}body .calendar-nav {display: flex;gap: 10px;}body .calendar-nav button {width: 40px;height: 40px;border-radius: 50%;border: 1px solid #ddd;background: white;cursor: pointer;transition: all 0.3s;}body .calendar-nav button:hover {background: #f0f0f0;border-color: #3c84f6;}body .calendar-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 5px;margin-bottom: 20px;}body .calendar-day-header {text-align: center;padding: 10px;font-weight: 600;color: #666;font-size: 0.9rem;}body .calendar-day {text-align: center;padding: 12px 5px;border-radius: 8px;cursor: pointer;transition: all 0.3s;position: relative;}body .calendar-day:hover {background: #f0f7ff;}body .calendar-day.selected {background: #3c84f6;color: white;}body .calendar-day.disabled {color: #ccc;cursor: not-allowed;}body .calendar-day.today {border: 2px solid #3c84f6;}body .time-slots {max-height: 300px;overflow-y: auto;padding-right: 10px;}body .time-slot {padding: 12px 15px;border: 1px solid #e0e0e0;border-radius: 8px;margin-bottom: 10px;cursor: pointer;transition: all 0.3s;}body .time-slot:hover {border-color: #3c84f6;background: #f0f7ff;}body .time-slot.selected {background: #3c84f6;color: white;border-color: #3c84f6;}body .time-slot.disabled {opacity: 0.5;cursor: not-allowed;}body .time-slot-time {font-weight: 600;}body .time-slot-duration {font-size: 0.9rem;opacity: 0.8;}body .form-group {margin-bottom: 20px;}body .form-label {display: block;margin-bottom: 8px;font-weight: 500;color: #333;}body .form-input, body .form-select, body .form-textarea {width: 100%;padding: 12px 15px;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 1rem;transition: border-color 0.3s;}body .form-input:focus, body .form-select:focus, body .form-textarea:focus {outline: none;border-color: #3c84f6;}body .form-textarea {min-height: 100px;resize: vertical;}body .booking-summary {background: #f8f9fa;padding: 20px;border-radius: 12px;margin-bottom: 25px;}body .summary-item {display: flex;justify-content: space-between;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;}body .summary-item.total {font-weight: 600;font-size: 1.2rem;border-bottom: none;margin-top: 10px;padding-top: 10px;border-top: 2px solid #ddd;}body .btn-booking {width: 100%;padding: 15px;color: white;border: none;border-radius: 8px;font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s;}body .btn-booking:hover {transform: translateY(-2px);box-shadow: 0 10px 25px rgba(60, 132, 246, 0.3);}body .btn-booking:disabled {opacity: 0.5;cursor: not-allowed;transform: none;}body .error-message {background: #ffeaea;color: #d32f2f;padding: 15px;border-radius: 8px;margin-bottom: 20px;display: none;border-left: 4px solid #d32f2f;}body .success-message {background: #e8f5e9;color: #2e7d32;padding: 15px;border-radius: 8px;margin-bottom: 20px;display: none;border-left: 4px solid #2e7d32;}body .loading-slots {text-align: center;padding: 40px;color: #666;}body .loading-slots i {font-size: 2rem;margin-bottom: 15px;color: #3c84f6;}body .no-slots {text-align: center;padding: 40px;color: #666;font-style: italic;}body .error-slots {text-align: center;padding: 30px;background: #ffeaea;border-radius: 10px;color: #d32f2f;}body .error-slots i {font-size: 2rem;margin-bottom: 15px;}body .error-details {font-size: 0.9rem;margin: 10px 0;opacity: 0.8;}body .retry-btn {margin-top: 15px;padding: 10px 20px;background: #3c84f6;color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 0.9rem;transition: background 0.3s;}body .retry-btn:hover {background: #2c74e6;}body .duration-group {display: none;}body .duration-group.visible {display: block;}body .duration-options {display: flex;gap: 10px;flex-wrap: wrap;margin-top: 10px;}body .duration-option {flex: 1;min-width: 80px;padding: 12px 15px;background: #f8f9fa;border: 2px solid #e0e0e0;border-radius: 50px;font-weight: 600;font-size: 0.95rem;color: #555;cursor: pointer;transition: all 0.3s;text-align: center;white-space: nowrap;}body .duration-option:hover {border-color: #4781db;background: #f0f7ff;color: #4781db;}body .duration-option.selected {background: #4781db;border-color: #4781db;color: white;transform: scale(1.05);box-shadow: 0 4px 12px rgba(71, 129, 219, 0.3);}body .location-btn {display: flex;align-items: center;justify-content: center;gap: 8px;flex: 1;min-width: 80px;padding: 12px 15px;background: #f8f9fa;border: 2px solid #e0e0e0;border-radius: 50px;font-weight: 600;font-size: 0.95rem;color: #555;cursor: pointer;transition: all 0.3s;text-align: center;white-space: nowrap;}body .location-btn i {font-size: 1.1rem;}body .location-btn:hover {border-color: #3069c4;background: #f0f7ff;color: #3069c4;}body .location-btn.selected {background: #3069c4;border-color: #3069c4;color: white;transform: scale(1.05);box-shadow: 0 4px 12px rgba(48, 105, 196, 0.3);}body .login-required {background: #fff3cd;border: 1px solid #ffeaa7;color: #856404;padding: 12px;border-radius: 8px;margin-bottom: 15px;text-align: center;}body .login-required a {color: #3c84f6;font-weight: 600;text-decoration: none;}body .login-required a:hover {text-decoration: underline;}body .courses-count-group {margin-bottom: 20px;}body .courses-count-options {display: flex;gap: 10px;flex-wrap: wrap;margin-top: 10px;}body .courses-count-option {flex: 1;min-width: 70px;padding: 12px 10px;background: #f8f9fa;border: 2px solid #e0e0e0;border-radius: 50px;font-weight: 600;font-size: 0.9rem;color: #555;cursor: pointer;transition: all 0.3s;text-align: center;position: relative;overflow: visible !important;}body .courses-count-option:hover {border-color: #3c84f6;background: #f0f7ff;color: #3c84f6;}body .courses-count-option.selected {background: #3c84f6;border-color: #3c84f6;color: white;transform: scale(1.05);box-shadow: 0 4px 12px rgba(60, 132, 246, 0.3);}body .discount-badge {position: absolute;top: -8px;right: -8px;background: #f6ae3b;color: white;font-size: 0.7rem;padding: 2px 6px;border-radius: 10px;font-weight: bold;}body .currency-selector-mobile {padding: 15px 0;border-top: 1px solid #eee;margin-top: 15px;}body .currency-selector-mobile label {display: block;margin-bottom: 8px;font-weight: 600;color: #333;}body .currency-selector-mobile select {width: 100%;padding: 10px;border-radius: 8px;border: 1px solid #ddd;font-size: 0.9rem;}body .mobile-language {padding: 15px 0;display: flex;align-items: center;gap: 10px;color: #333;font-size: 0.9rem;border-top: 1px solid #eee;margin-top: 15px;cursor: pointer;transition: background 0.3s;}body .mobile-language:hover {background: rgba(0, 0, 0, 0.05);}body .mobile-login-btn {margin: 20px 0 10px;padding: 12px;text-align: center;background: #3c84f6;color: white;border-radius: 8px;text-decoration: none;display: block;font-weight: 600;transition: background 0.3s;}body .mobile-login-btn:hover {background: #2c74e6;}body .mobile-summary-card {display: none;}@media (max-width: 768px) {body .booking-section {padding: 30px 15px;min-height: calc(100vh - 60px);}body .booking-grid {grid-template-columns: 1fr;gap: 30px;}body .booking-title {font-size: 2rem;}body .calendar-grid {gap: 3px;}body .calendar-day {padding: 8px 3px;font-size: 0.9rem;}body .booking-card {padding: 25px 20px;}body .duration-options, body .courses-count-options {gap: 8px;}body .duration-option, body .courses-count-option {min-width: 70px;padding: 10px 12px;font-size: 0.9rem;}body .mobile-login-btn-header {display: block !important;background-color: #4f9ad1;color: white;padding: 6px 12px;border-radius: 20px;font-size: 0.85rem;font-weight: 500;text-decoration: none;border: none;cursor: pointer;font-family: 'Inter', sans-serif;}body .header-right-group {display: none;}body .main-header .login-btn {display: none !important;}body .language-switcher {display: none;}body .currency-selector {display: none;}body .user-avatar {display: none;}.mobile-dashboard-btn {display: flex !important;align-items: center !important;gap: 6px;padding: 6px 12px !important;background: #4f9ad1 !important;color: white !important;border-radius: 20px !important;text-decoration: none !important;font-size: 0.85rem !important;font-weight: 600 !important;order: 2 !important;margin-left: auto !important;}.mobile-dashboard-btn .avatar-img {width: 24px;height: 24px;border-radius: 50%;background: linear-gradient(135deg, #3c84f6, #1e88e5);color: white;display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: bold;}.mobile-header-right-group {display: flex !important;align-items: center !important;gap: 8px !important;order: 2;width: auto;justify-content: flex-end !important;flex: 1;}.mobile-header-right-group .mobile-login-btn-header {display: flex !important;}.mobile-header-right-group .mobile-dashboard-btn {display: flex !important;}body .logo-section {position: absolute;left: 50%;transform: translateX(-50%);}body .header-content {justify-content: space-between;}body .mobile-summary-card {display: block;}body #bookingForm .booking-summary, body #submitBooking {display: none !important;}body .mobile-summary-card .booking-summary {display: block !important;}body .booking-grid {grid-template-columns: 1fr;gap: 30px;display: flex;flex-direction: column;}body .booking-card:last-child {order: 1;}body .booking-card:first-child {order: 2;}body .mobile-summary-card {order: 3;}body .mobile-summary-card .booking-card {margin-top: 0;}}@media (max-width: 480px) {body .booking-card {padding: 20px 15px;}body .booking-title {font-size: 1.8rem;}body .card-title {font-size: 1.3rem;}body .btn-booking {padding: 14px;}body .form-input, body .form-select, body .form-textarea {padding: 10px 12px;}body .duration-options, body .courses-count-options {gap: 6px;}body .duration-option, body .courses-count-option {min-width: 60px;padding: 8px 10px;font-size: 0.85rem;}}body .booking-card {animation: fadeInUp 0.5s ease-out;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}body .vip-price-display {color: #000 !important;font-weight: bold !important;position: relative;}body .vip-price-display::before {content: 'VIP ';background: linear-gradient(135deg, #FFD700, #FFA500);color: #000;padding: 2px 8px;border-radius: 10px;font-size: 10px;font-weight: bold;margin-right: 8px;border: 1px solid #FFA500;vertical-align: middle;}body .vip-badge-booking {animation: pulseVIP 2s infinite;}@keyframes pulseVIP {0% {transform: scale(1);}50% {transform: scale(1.05);}100% {transform: scale(1);}}body .summary-item.vip-highlight {background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 165, 0, 0.1));border-left: 4px solid #FFD700;padding-left: 10px;}body .vip-indicator {display: inline-block;background: linear-gradient(135deg, #FFD700, #FFA500);color: #000;padding: 2px 8px;border-radius: 10px;font-size: 10px;font-weight: bold;margin-left: 5px;border: 1px solid #FFA500;vertical-align: middle;}