/* Shared portfolio request dialog for the cosmetics and ingredients pages. */
.portfolio-dialog {
  position:fixed;inset:0;margin:auto;width:min(31rem,calc(100% - 2rem));
  max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1.5rem,4vw,2.25rem);
  border:1px solid var(--line-2);border-radius:18px;background:var(--surface);
  color:var(--text);box-shadow:0 24px 80px rgba(4,30,41,.3);
}
.portfolio-dialog:not([open]),.portfolio-dialog [hidden] { display:none !important; }
.portfolio-dialog::backdrop { background:rgba(4,30,41,.62); }
.portfolio-dialog__close {
  position:absolute;right:.65rem;top:.65rem;display:grid;place-items:center;
  width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;
  color:var(--muted);font-size:1.6rem;line-height:1;
}
.portfolio-dialog__close:hover { color:var(--text-strong);background:var(--bg-alt); }
.portfolio-dialog .eyebrow { padding-right:1.5rem;margin-bottom:1rem;font-size:.68rem; }
.portfolio-dialog h2 { font-size:clamp(1.65rem,5vw,2rem);padding-right:1rem; }
.portfolio-dialog__intro { margin:1rem 0 1.4rem;color:var(--muted);font-size:.95rem; }
.portfolio-dialog .field input { min-width:0;width:100%;font-size:1rem; }
.portfolio-dialog__note { margin:0 0 1.4rem;font-size:.76rem;color:var(--muted);line-height:1.6; }
.portfolio-dialog .btn { width:100%;justify-content:center;white-space:normal;text-align:center; }
.portfolio-dialog .btn:disabled { opacity:.65;cursor:wait;transform:none; }
.portfolio-dialog__error { margin-top:1rem;font-size:.85rem;color:var(--text); }
.portfolio-dialog__error a { text-decoration:underline;overflow-wrap:anywhere; }
.portfolio-dialog__success { margin-top:1.5rem; }
.portfolio-dialog__success h3 { font-size:1.25rem; }
.portfolio-dialog__success p { margin:.8rem 0 1.5rem;color:var(--muted);font-size:.95rem; }