.daa-qc-body{font-family:Inter,Arial,sans-serif;background:#f5f7fb;margin:0}
.daa-qc-wrap{max-width:1200px;margin:40px auto;background:#fff;padding:40px;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.08)}
.daa-qc-title{text-align:center;font-size:32px;margin-bottom:8px}
.daa-qc-sub{text-align:center;color:#6b7280;margin-bottom:35px}

.daa-qc-section{margin-bottom:40px}
.daa-qc-section h3{font-size:22px;margin-bottom:6px}
.daa-qc-desc{color:#6b7280;margin-bottom:20px}

.daa-qc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.daa-qc-field label{font-weight:600;display:block;margin-bottom:6px}
.daa-qc-field input,
.daa-qc-field select,
.daa-qc-field textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px}

.daa-qc-card{border:1px solid #e5e7eb;border-radius:16px;padding:25px;margin-bottom:25px}
.daa-qc-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.daa-qc-badge-one{background:#16a34a;color:#fff;padding:5px 14px;border-radius:20px;font-size:13px}
.daa-qc-badge-month{background:#2563eb;color:#fff;padding:5px 14px;border-radius:20px;font-size:13px}

.daa-qc-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.daa-qc-option{border:1px solid #d1d5db;border-radius:12px;padding:14px;cursor:pointer}
.daa-qc-option input{margin-right:6px}

.daa-qc-result{background:#0f172a;color:#fff;padding:30px;border-radius:18px;margin-top:40px}
.daa-qc-result h4{margin-top:0;font-size:24px}
.daa-qc-price{font-size:20px;margin:10px 0}
.daa-qc-note{font-size:14px;color:#cbd5f5}

.daa-qc-btn{width:100%;margin-top:30px;background:#f97316;color:#fff;border:none;padding:18px;font-size:18px;border-radius:16px;cursor:pointer}
.daa-qc-btn:hover{background:#ea580c}

/* ===== Add-on Card Design ===== */

.daa-qc-addon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:10px;
}

.daa-qc-addon-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border:1.5px solid #d1d5db;
  border-radius:14px;
  cursor:pointer;
  background:#ffffff;
  transition:all 0.2s ease;
  position:relative;
}

.daa-qc-addon-card input{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border:2px solid #9ca3af;
  border-radius:4px;
  position:relative;
  cursor:pointer;
}

.daa-qc-addon-card input:checked{
  background:#2563eb;
  border-color:#2563eb;
}

.daa-qc-addon-card input:checked::after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

.daa-qc-addon-text{
  font-weight:500;
  color:#111827;
}

/* Selected state */
.daa-qc-addon-card:has(input:checked){
  border-color:#2563eb;
  background:#eff6ff;
}

/* ===== Estimate Modal ===== */

.daa-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.daa-modal-box{
  background:#ffffff;
  padding:35px;
  width:100%;
  max-width:420px;
  border-radius:18px;
  text-align:center;
  animation:fadeInUp .3s ease;
}

.daa-modal-box h3{
  margin-top:0;
  font-size:24px;
}

.daa-modal-price{
  margin:20px 0;
  font-size:18px;
}

.daa-modal-note{
  font-size:14px;
  color:#6b7280;
}

.daa-modal-close{
  margin-top:20px;
  background:#f97316;
  color:#fff;
  border:none;
  padding:14px 20px;
  border-radius:14px;
  font-size:16px;
  cursor:pointer;
}

@keyframes fadeInUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}