.field { display: flex; flex-direction: column; min-width: 0 }

@media (max-width: 640px) { .form-grid { grid-template-columns: 1fr;
gap: 12px }  }


#order .wrap { padding: 0 10px }

.field input,
.field select,
.field textarea { font-size: 13px;
padding: 10px 11px }

.btn-send { font-size: 14px;
min-height: 48px }

@media (max-width: 768px) { body { padding-bottom: calc(58px + env(safe-area-inset-bottom) + 16px) }  }



.sticky-order-cta { display: none }

.sticky-order-cta { display: none }

.desc-wrap { flex: 0 0 auto;
margin-bottom: 6px }

.desc-more-btn { margin-top: 1px;
display: block }

@media (max-width: 768px) { #howPopover { position: fixed;
top: auto;
bottom: calc(64px + env(safe-area-inset-bottom));
right: 12px;
left: 12px;
width: auto;
max-width: 100%;
transform: translateY(12px) scale(.97);
transform-origin: bottom center;
border-radius: 16px;
max-height: 80vh;
overflow-y: auto } #howPopover.visible { transform: translateY(0) scale(1) } #howPopover::before,
#howPopover::after { display: none }  }