.pl-dynamic-order { display: grid; gap: 20px; margin-block: 24px; padding: clamp(16px, 3vw, 32px); background: var(--pl-color-surface); color: var(--pl-color-text); border: 1px solid var(--pl-color-border); border-radius: var(--pl-radius-lg, 16px); }
.pl-dynamic-order[hidden], .pl-dynamic-order__field[hidden], #prestijQuestionFlowApp[hidden], .order-price-status-shell[hidden] { display: none; }
.pl-dynamic-order h1, .pl-dynamic-order p { margin: 0; }
.pl-dynamic-order form { display: grid; gap: 20px; }
.pl-dynamic-order__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pl-dynamic-order__field { display: grid; gap: 8px; min-width: 0; font-weight: 600; }
.pl-dynamic-order__field input, .pl-dynamic-order__field select { width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: 12px; font: inherit; font-size: 16px; border: 1px solid var(--pl-color-border); border-radius: 8px; background: var(--pl-color-background); color: var(--pl-color-text); }
.pl-dynamic-order__price { font-size: 1.2rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.pl-dynamic-order :is(input,select,button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 600px) { .pl-dynamic-order__grid { grid-template-columns: minmax(0, 1fr); } }