﻿.product-assistant{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 6%;align-items:center;margin:0 auto 52px;padding:30px 34px;background:#e7eef1;border-left:4px solid #d95727;border-radius:5px}
.product-assistant h2{font-size:clamp(25px,2.7vw,36px);line-height:1.2;letter-spacing:-.035em;margin:9px 0 12px}
.product-assistant p{font-size:16px;line-height:1.6;color:#465b66;margin:0}
.product-assistant form{grid-column:2;grid-row:1}
.product-assistant label{display:block;font-size:14px;font-weight:800;margin-bottom:9px}
.assistant-form-row{display:flex;gap:10px}
.assistant-form-row input{flex:1;min-width:0;border:1px solid #aebec5;background:#fff;color:#172936;padding:12px 14px;font:inherit;font-size:16px}
.assistant-form-row input:focus-visible{outline:2px solid #d95727;outline-offset:2px}
.assistant-form-row button{flex:none}
.assistant-answer{grid-column:2;background:#fff;border:1px solid #d4dfe3;padding:17px 20px;font-size:16px;line-height:1.6;white-space:pre-wrap;color:#172936}
.assistant-answer[hidden]{display:none}
.assistant-contact{grid-column:2;color:#9e3e1b;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.assistant-off{grid-template-columns:1fr auto}
.assistant-off .button{align-self:center}
@media(max-width:900px){.product-assistant,.assistant-off{grid-template-columns:1fr}.product-assistant form,.assistant-answer,.assistant-contact{grid-column:1;grid-row:auto}}
@media(max-width:600px){.product-assistant{padding:22px 20px}.assistant-form-row{flex-direction:column}.assistant-form-row button{width:100%}.assistant-off .button{width:100%}}
