/* Camii Hesaplayıcı v3 - Frontend Calculator */
.camii-calculator { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; margin:0 auto; border-radius:16px; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,.12); min-height: 600px}

/* HEADER */
.camii-header { background:linear-gradient(135deg,#062055 0%,#42619f 100%); color:#fff; text-align:center; padding:36px 24px 28px; }
.camii-icon { font-size:60px; margin-bottom:10px; }
.camii-header h2 { font-size:24px; font-weight:700; margin:20px 0 6px; color:#fff; }
.camii-header p { opacity:.85; margin:0; font-size:18px; }

/* PROGRESS */
.camii-progress { height:5px; background:#dce8f0; }
.camii-progress-bar { height:5px; background:linear-gradient(90deg,#2e86c1,#1abc9c); transition:width .4s ease; }

/* STEPS */
.camii-steps { background:#f8fafc; }
.camii-step { display:none; padding:28px 24px; }
.camii-step.active { display:block; }
.camii-step-header { display:flex; align-items:center; gap:12px; font-size:17px; font-weight:700; color:#1a5276; margin-bottom:20px; }
.camii-step-num { width:34px; height:34px; background:#2e86c1; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; flex-shrink:0; }

/* COUNTRY GRID */
.camii-country-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.camii-country-card { background:#fff; border:2px solid #e0e8f0; border-radius:12px; padding:18px 12px; text-align:center; cursor:pointer; transition:all .2s; width:150px; }
.camii-country-card:hover,.camii-country-card.selected { border-color:#2e86c1; transform:translateY(-2px); box-shadow:0 6px 20px rgba(46,134,193,.15); }
.camii-country-card.selected { background:#eaf4fb; }
.camii-country-flag { font-size:30px; margin-bottom:6px; }
.camii-country-name { font-weight:700; font-size:14px; color:#1d2327; }
.camii-country-currency { font-size:11px; color:#888; margin-top:3px; }

/* MODELS GRID */
.camii-models-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
.camii-model-card { background:#fff; border:2px solid #e0e8f0; border-radius:12px; padding:16px 12px; text-align:center; cursor:pointer; transition:all .2s; position:relative; }
.camii-model-card:hover { border-color:#2e86c1; transform:translateY(-2px); box-shadow:0 6px 20px rgba(46,134,193,.15); }
.camii-model-card.selected { border-color:#1abc9c; background:#eafaf1; }
.camii-model-card.selected::after { content:'✓'; position:absolute; top:8px; right:10px; color:#1abc9c; font-weight:700; }
.camii-model-size { font-size:20px; font-weight:700; color:#1a5276; }
.camii-model-area { font-size:12px; color:#666; margin:3px 0 7px; }
.camii-model-price { font-size:15px; font-weight:700; color:#2e86c1; }

/* EXTRAS */
.camii-extras-container { display:flex; flex-direction:column; gap:16px; }
.camii-extra-group { background:#fff; border:1px solid #e0e8f0; border-radius:12px; overflow:hidden; }
.camii-extra-group-title { background:#eaf0f6; padding:10px 16px; font-weight:700; font-size:13px; color:#1a5276; }
.camii-extra-options { display:flex; flex-wrap:wrap; gap:8px; padding:14px 16px; }
.camii-extra-option { border:2px solid #dce8f0; border-radius:8px; padding:8px 14px; cursor:pointer; transition:all .2s; display:flex; align-items:center; gap:8px; font-size:13px; background:#fff; }
.camii-extra-option:hover { border-color:#2e86c1; }
.camii-extra-option.selected { border-color:#1abc9c; background:#eafaf1; }
.camii-extra-price { font-weight:700; color:#27ae60; font-size:12px; }

/* Standart (dahil) özellik satırı */
.camii-extra-standard { display:flex; align-items:center; gap:10px; padding:10px 14px; background:#f0faf4; border:1px solid #c3e6cb; border-radius:8px; color:#2d6a4f; font-size:14px; cursor:default; user-select:none; }
.camii-standard-check { font-size:16px; color:#27ae60; font-weight:700; flex-shrink:0; }
.camii-extra-standard span:nth-child(2) { flex:1; font-weight:500; }
.camii-extra-included { font-size:11px; font-weight:700; text-transform:uppercase; background:#c3e6cb; color:#155724; padding:2px 8px; border-radius:10px; flex-shrink:0; }

/* CUSTOMER FORM */
.camii-customer-form { display:flex; flex-direction:column; gap:16px; }
.camii-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.camii-form-group { display:flex; flex-direction:column; gap:6px; }
.camii-label { font-size:13px; font-weight:600; color:#444; }
.camii-input { border:2px solid #dce8f0; border-radius:8px; padding:10px 14px; font-size:14px; transition:border .2s; width:100%; box-sizing:border-box; }
.camii-input:focus { outline:none; border-color:#2e86c1; }
.camii-input.error { border-color:#e74c3c; }

/* MINI SUMMARY (step 4) */
.camii-mini-summary { background:#f0f7fb; border:1px solid #dce8f0; border-radius:10px; padding:14px 16px; margin-top:4px; }
.camii-mini-row { display:flex; justify-content:space-between; font-size:13px; padding:4px 0; border-bottom:1px solid #e8f0f6; }
.camii-mini-row:last-child { border:none; }
.camii-mini-total { font-weight:700; font-size:15px; color:#1a5276; padding-top:8px; }

/* SUCCESS */
.camii-success { text-align:center; padding:20px 0; }
.camii-success-icon { font-size:56px; margin-bottom:12px; }
.camii-success-msg { font-size:17px; font-weight:600; color:#1a5276; margin-bottom:6px; }
.camii-order-num { font-size:13px; color:#888; margin-bottom:24px; }
.camii-success-actions { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* NAV BUTTONS */
.camii-step-nav { display:flex; justify-content:space-between; margin-top:24px; gap:12px; }
.camii-btn { padding:11px 26px; border-radius:8px; font-size:14px; font-weight:600; border:none; cursor:pointer; transition:all .2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.camii-btn-primary { background:#2e86c1; color:#fff; }
.camii-btn-primary:hover { background:#1a5276; color:#fff; }
.camii-btn-secondary { background:#f0f4f8; color:#444; border:1px solid #dce8f0; }
.camii-btn-secondary:hover { background:#dce8f0; }
.camii-btn:disabled { opacity:.4; cursor:not-allowed; }

.camii-loading { text-align:center; padding:30px; color:#888; }

/* DARK THEME */
.camii-theme-dark .camii-steps { background:#1a2332; }
.camii-theme-dark .camii-step-header { color:#90cdf4; }
.camii-theme-dark .camii-country-card,.camii-theme-dark .camii-model-card,.camii-theme-dark .camii-extra-option,.camii-theme-dark .camii-info-card { background:#243447; border-color:#3a4d63; color:#e0e8f0; }
.camii-theme-dark .camii-input { background:#1e2d3d; border-color:#3a4d63; color:#e0e8f0; }
.camii-theme-dark .camii-mini-summary { background:#1e2d3d; border-color:#3a4d63; }
.camii-theme-dark .camii-extra-group { background:#1e2d3d; border-color:#3a4d63; }
.camii-theme-dark .camii-extra-group-title { background:#1a2332; color:#90cdf4; }

/* RESPONSIVE */
@media(max-width:600px) {
  .camii-country-grid { gap:12px; }
  .camii-country-card { width:calc(50% - 6px); }
  .camii-models-grid { grid-template-columns:repeat(2,1fr); }
  .camii-form-row { grid-template-columns:1fr; }
  .camii-step { padding:18px 14px; }
  .camii-step-nav { flex-direction:column-reverse; }
}