.product-ai, .product-ai * { box-sizing: border-box; }
.product-ai { clear: none; width: 100%; max-width: 100%; margin: 0; padding: 16px; border: 1px solid #d7e4e6; border-radius: 8px; background: #f7fbfb; }
.product-ai h2 { margin: 0 0 8px; color: #126b75; font-size: 18px; line-height: 1.25; }
.product-ai__intro { margin: 0 0 16px; color: #475b60; line-height: 1.5; }
.product-ai label { display: block; margin: 0 0 6px; font-weight: 700; }
.product-ai__question { display: block !important; position: static !important; float: none !important; clear: none !important; width: 100% !important; max-width: 100% !important; min-height: 86px; height: 86px; margin: 0 !important; padding: 10px; border: 1px solid #a9c3c7; border-radius: 4px; background: #fff; resize: vertical; }
.product-ai__submit { display: inline-block; margin-top: 10px; padding: 10px 18px; border: 0; border-radius: 4px; background: #126b75; color: #fff; cursor: pointer; }
.product-ai__submit[disabled] { opacity: .65; cursor: wait; }
.product-ai__answer { margin-top: 16px; padding: 12px; border-left: 4px solid #126b75; background: #fff; white-space: pre-line; }