.quick-order {
  box-sizing: border-box;
  width: min(510px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  margin: auto;
  padding: 34px;
  overflow: auto;
  border: 1px solid #d8d7cb;
  border-radius: 26px;
  background: #f8f2e7;
  color: #293126;
  font-family: inherit;
  box-shadow: 0 20px 80px #17221640;
}
.quick-order::backdrop {background: #17221680; backdrop-filter: blur(5px)}
.quick-order *, .quick-order *::before, .quick-order *::after {box-sizing: border-box}
.quick-order__close {position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; border: 1px solid #d8d7cb; border-radius: 50%; background: #fffaf1; color: inherit; font-family: inherit; font-size: 28px; line-height: 1; cursor: pointer}
.quick-order__eyebrow {margin: 0 35px 12px 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase}
.quick-order h2 {margin: 0 0 12px; font-size: clamp(28px, 6vw, 36px); line-height: 1.08; letter-spacing: -.035em; font-weight: 500}
.quick-order__intro {margin: 0 0 22px; font-size: 15px; line-height: 1.5; color: #5b6356}
.quick-order__product {display: flex; gap: 15px; align-items: center; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #d8d7cb}
.quick-order__product img {width: 74px; height: 92px; border-radius: 10px; object-fit: cover; flex: 0 0 auto}
.quick-order__product > div {display: grid; gap: 5px; min-width: 0; overflow-wrap: anywhere}
.quick-order__product strong {font-size: 16px; line-height: 1.35}
.quick-order__product span {color: #5b6356; font-size: 13px}
.quick-order__product b {font-size: 16px}
.quick-order__form {display: grid; gap: 16px}
.quick-order__form > label:not(.quick-order__consent) {display: grid; gap: 8px; font-size: 14px; font-weight: 600}
.quick-order__form input:not([type="checkbox"]) {width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #cbcec1; border-radius: 12px; background: #fffdf8; color: inherit; font-family: inherit; font-size: 16px; line-height: 1.4}
.quick-order__consent {display: flex; gap: 10px; align-items: flex-start; font-size: 12px; line-height: 1.5; color: #5b6356}
.quick-order__consent input {appearance: auto; width: 19px; height: 19px; margin: 1px 0 0; flex: 0 0 auto; accent-color: #3e5633}
.quick-order__consent a {color: inherit; text-decoration: underline; text-underline-offset: 2px}
.quick-order__submit {min-height: 50px; padding: 12px 18px; border: 0; border-radius: 28px; background: #293126; color: #fff; font: inherit; font-weight: 600; cursor: pointer}
.quick-order__notice {margin: 0 0 20px; padding: 12px 14px; border-radius: 12px; background: #e8ebdb; color: #47573b; font-size: 13px; line-height: 1.5}
.quick-order__status {margin: 0; color: #47573b; font-size: 14px; line-height: 1.5}
.quick-order__status:empty {display: none}
.quick-order :is(button, input, a):focus-visible {outline: 3px solid #526c3e; outline-offset: 3px}
.quick-order [hidden] {display: none !important}
@media (max-width: 480px) {.quick-order {padding: 28px 22px 22px; border-radius: 22px}.quick-order__close {top: 10px; right: 10px}.quick-order__eyebrow {max-width: 225px; font-size: 10px}.quick-order__product {margin-bottom: 18px}.quick-order__intro {margin-bottom: 16px}}