@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);.package-selection-container,.package-selection-container *{font-family:'Rubik',Arial,sans-serif!important}.package-selection-app{direction:rtl;font-family:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.6;color:#333;max-width:900px;margin:0 auto;padding:20px}.package-selection-app *{box-sizing:border-box}.package-header{background:linear-gradient(180deg,#6EC1E4 0%,#84FAB0 100%);color:#000;padding:24px;border-radius:12px;margin-bottom:24px;text-align:center;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.package-header img{max-height:50px;margin-bottom:12px;background:#fff;padding:8px;border-radius:8px}.package-header h2{margin:0 0 8px 0;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.package-header p{margin:0;font-size:16px;opacity:.9}.main-content{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}@media (max-width:768px){.main-content{grid-template-columns:1fr;gap:16px}}.service-selection{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.service-selection h3{margin:0 0 20px 0;font-size:22px;font-weight:600;color:#2c3e50;border-bottom:2px solid #84FAB0;padding-bottom:8px}.service-group{margin-bottom:28px}.service-group h4{margin:0 0 16px 0;font-size:18px;font-weight:600;color:#34495e;padding:8px 12px;background:#f8f9fa;border-radius:6px;border-right:4px solid #6EC1E4}.service-option{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all 0.3s ease;position:relative}.service-option:hover{border-color:#84FAB0;box-shadow:0 2px 8px rgb(132 250 176 / .15);transform:translateY(-2px)}.service-option.selected{border-color:#84FAB0;background:linear-gradient(180deg,#f8fff9 0%,#f0f9ff 100%);box-shadow:0 4px 12px rgb(132 250 176 / .2)}.service-option.selected::before{content:'✓';position:absolute;top:8px;left:8px;background:#84FAB0;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.service-option h4{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#2c3e50}.service-option p{margin:0;font-size:14px;color:#6c757d}.service-option .price{font-size:18px;font-weight:700;color:#84FAB0}.quantity-controls{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 0}.quantity-controls button{background:#84FAB0;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.quantity-controls button:hover:not(:disabled){background:#5db378;transform:scale(1.1)}.quantity-controls button:disabled{background:#dee2e6;cursor:not-allowed}.quantity-controls span{font-size:16px;font-weight:600;min-width:24px;text-align:center;color:#2c3e50}.price-calculator{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgb(0 0 0 / .1);border:2px solid #6EC1E4}.price-calculator h3{margin:0 0 16px 0;font-size:20px;font-weight:600;color:#2c3e50;text-align:center}.price-breakdown{margin-bottom:16px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f3f4}.price-row:last-child{border-bottom:none}.price-row span{font-size:16px}.price-row .price-value{font-weight:600;color:#84FAB0}.total-price{background:linear-gradient(135deg,#84FAB0 0%,#6EC1E4 100%);color:#000;padding:16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;margin-top:12px}.action-buttons{text-align:center;margin-top:24px}.continue-button{background:linear-gradient(135deg,#84FAB0 0%,#6EC1E4 100%);color:#000;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:200px;box-shadow:0 4px 12px rgb(132 250 176 / .3)}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(132 250 176 / .4)}.continue-button:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;padding:32px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgb(0 0 0 / .2);direction:rtl}.modal-content h3{margin:0 0 24px 0;font-size:22px;font-weight:600;color:#2c3e50;text-align:center;border-bottom:2px solid #84FAB0;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#2c3e50}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;transition:border-color 0.3s ease;direction:rtl}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#84FAB0;box-shadow:0 0 0 3px rgb(132 250 176 / .1)}.form-group.error input,.form-group.error textarea{border-color:#dc3545}.form-error{color:#dc3545;font-size:14px;margin-top:4px;display:block}.form-buttons{display:flex;gap:12px;margin-top:24px}.form-buttons button{flex:1;padding:14px 20px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.cancel-button{background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef}.cancel-button:hover{background:#e9ecef;color:#495057}.submit-button{background:linear-gradient(135deg,#84FAB0 0%,#6EC1E4 100%);color:#000}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgb(132 250 176 / .3)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}.loading-spinner::after{content:'';display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #84FAB0;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-message{background:#f8d7da;color:#721c24;padding:16px;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:20px;text-align:center}.success-message{background:#d4edda;color:#155724;padding:16px;border-radius:6px;border:1px solid #c3e6cb;margin-bottom:20px;text-align:center}@media (max-width:768px){.package-selection-app{padding:16px}.package-header{padding:20px}.package-header h2{font-size:24px}.service-selection,.price-calculator{padding:20px}.modal-content{padding:24px;margin:20px}.form-buttons{flex-direction:column}.continue-button{width:100%;padding:16px}}@media (max-width:480px){.package-selection-app{padding:12px}.service-option{padding:12px}.quantity-controls{justify-content:center}.price-calculator{padding:16px}.modal-content{padding:20px;margin:10px}}.package-selection-container{margin:20px 0;clear:both}.package-selection-app *{box-sizing:border-box}.package-selection-app button{font-family:inherit}.package-selection-app input,.package-selection-app textarea{font-family:inherit}@media (prefers-contrast:high){.service-option{border-width:3px}.service-option.selected{border-width:3px}}@media (prefers-reduced-motion:reduce){.service-option,.continue-button,.quantity-controls button{transition:none}.loading-spinner::after{animation:none}}