/* NoorQuran pricing calculator — Sacred Luxury */
:root {
  --nq-cream: #FAF6EB;
  --nq-cream-deep: #F0EBD8;
  --nq-deep-green: #0B2E24;
  --nq-mid-green: #1A4D3E;
  --nq-gold: #C9A14B;
  --nq-text: #1A1A1A;
  --nq-muted: #8A8A7A;
}

.nq-pc {
  background: var(--nq-cream);
  border: 1px solid rgba(221,214,191,0.5);
  border-radius: 16px;
  padding: 24px;
  font-family: 'DM Sans', system-ui, sans-serif;
  max-width: 560px;
  margin: 0 auto;
  box-shadow: 0 4px 24px rgba(11,46,36,0.06);
}
.nq-pc__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px;
  color: var(--nq-deep-green);
  margin: 0 0 16px;
  font-weight: 600;
}
.nq-pc__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
@media (max-width: 480px) { .nq-pc__row { grid-template-columns: 1fr; } }
.nq-pc__label {
  display: block; font-size: 12px; color: var(--nq-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px;
}
.nq-pc__input {
  width: 100%; padding: 12px 14px; min-height: 48px; font-size: 15px; color: var(--nq-text);
  background: var(--nq-cream-deep); border: 1px solid rgba(221,214,191,0.7); border-radius: 8px;
  font-family: inherit; appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%231A4D3E' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.nq-pc__input:focus { outline: 2px solid var(--nq-mid-green); outline-offset: 2px; }
.nq-pc__result {
  background: var(--nq-cream-deep); border-radius: 12px; padding: 16px; margin-top: 12px;
}
.nq-pc__result-row {
  display: flex; justify-content: space-between; align-items: baseline; padding: 8px 0;
  border-bottom: 1px solid rgba(221,214,191,0.5); font-size: 14px; color: var(--nq-text);
}
.nq-pc__result-row:last-child { border-bottom: none; }
.nq-pc__result-row strong {
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; color: var(--nq-deep-green); font-weight: 600;
}
.nq-pc__warning { color: #D4930D; font-size: 13px; margin: 8px 0 0; }
.nq-pc__note { color: var(--nq-muted); font-size: 12px; margin: 12px 0 0; text-align: center; }