/* ===== Create Your Cake questionnaire ===== */

.ihero{padding-block:var(--space-2xl) var(--space-xl);text-align:center}
.ihero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:44rem;margin-inline:auto}
.ihero__title{font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:1.08}
.ihero__title em{color:var(--color-gold-text)}
.ihero__body{color:var(--color-muted);font-size:var(--fs-lead);line-height:1.7;max-width:36rem}

.iform{padding-bottom:var(--space-2xl)}
.iform__wrap{max-width:46rem}
.iform__group{border:0;margin:0 0 var(--space-lg);padding:0}
.iform__group legend{display:flex;align-items:baseline;gap:1rem;padding:0 0 1rem;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);width:100%}
.iform__n{font-family:var(--font-serif);font-weight:300;color:var(--color-gold-text);font-size:1.05rem}
.iform__legend{font-size:.75rem;font-weight:600;letter-spacing:var(--track-ui);text-transform:uppercase}
.iform__hint{color:var(--color-text);font-size:.9375rem;margin:-.25rem 0 var(--space-sm);line-height:1.5}

.iform__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md)}
.iform__field{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}
.iform__field span{color:var(--color-text);font-weight:700;letter-spacing:.03em}
.iform__field--wide{grid-column:1/-1}
.iform__field input,.iform__field select,.iform__field textarea{
  font:inherit;font-size:1.0625rem;color:var(--color-text);background:var(--color-bg);
  border:1.5px solid var(--color-border);border-radius:999px;padding:.9rem 1.3rem;
  transition:border-color var(--dur-fast);width:100%
}
.iform__field select{cursor:pointer}
.iform__field input:hover,.iform__field select:hover,.iform__field textarea:hover{border-color:var(--color-gold-text)}
.iform__field input:focus,.iform__field select:focus,.iform__field textarea:focus{outline:none;border-color:var(--color-olive);box-shadow:0 0 0 3px rgba(48,58,44,.12)}
.iform__field textarea{resize:vertical;min-height:6rem;border-radius:1.5rem}

.iform__pills{display:flex;flex-wrap:wrap;gap:.6rem}
.iform__pill{position:relative}
.iform__pill input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.iform__pill span{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.iform__pill input:checked+span{background:var(--color-olive);border-color:var(--color-olive);color:var(--color-on-dark)}
.iform__pill input:focus-visible+span{outline:2px solid var(--color-gold-text);outline-offset:2px}
.iform__pill .pay-icon,.iform__pill .pay-logo{flex:none;width:1.1rem;height:1.1rem}
.iform__pill .pay-logo{fill:currentColor}
.iform__pill .pay-badge{flex:none;width:1.1rem;height:1.1rem;border-radius:5px;display:block;object-fit:cover}
.iform__pill[data-provider="tabby"] input:checked+span{background:#6cff93;border-color:#6cff93;color:#1a1919}
.iform__pill[data-provider="ziina"] input:checked+span{background:#ce54ff;border-color:#ce54ff;color:#fff}

.iform__submit{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md)}
.iform__note{color:var(--color-muted);font-size:.8125rem;max-width:30rem;line-height:1.6}
.iform__note--sent{color:var(--color-olive);font-weight:600}

@media (max-width:600px){
  .iform__row{grid-template-columns:1fr}
  .iform__submit .btn{width:100%}
}