.contact-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr);grid-template-areas:'details form';gap:28px;margin:32px 0 42px;align-items:start}
.contact-form-panel{grid-area:form;background:#fff;border:1px solid #dce6dc;border-radius:15px;padding:30px;box-shadow:0 8px 28px #173b3006}
.contact-form-panel h2{font-size:27px;line-height:1.4;margin:12px 0 10px}
.article-page .contact-form-intro{font-size:16px;line-height:1.8;margin:0 0 24px;color:#627a7b}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-field-wide{grid-column:1/-1}
.contact-field label{font-size:15px;font-weight:600;line-height:1.6;color:#234e53}
.contact-field label>span{color:#718b81;font-weight:400}
.contact-field input,.contact-field textarea{font:inherit;width:100%;min-width:0;border:1px solid #cfdbd2;background:#fcfdfa;color:#173d47;border-radius:7px;font-size:16px;line-height:1.6;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}
.contact-field textarea{resize:vertical;min-height:134px}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#899a93;font-weight:400}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #007e8314;background:#fff}
.contact-consent{display:flex;align-items:flex-start;gap:10px;margin:23px 0;font-size:13px;line-height:1.9;color:#5b7275;cursor:pointer}
.contact-consent input{appearance:auto;flex:0 0 auto;margin:5px 0 0;width:17px;height:17px;accent-color:var(--teal)}
.contact-consent a{font-weight:500}
.contact-submit-row{display:flex;align-items:center;gap:20px}
.contact-submit-row .btn{font-size:17px;min-height:49px;padding:12px 25px;gap:35px;background:#087e80;border-color:#087e80;cursor:pointer}
.contact-submit-row .btn:hover{background:#09696b;transform:none}
.contact-required-note{font-size:12px;color:#7b9188}
.article-page .contact-delivery-note{font-size:12px;line-height:1.7;color:#758d84;margin:12px 0 0}
.contact-details{grid-area:details;min-width:0}
.contact-details .contact-grid{display:flex;flex-direction:column;gap:16px;margin:0}
.contact-details .contact-panel{padding:25px;background:#f1f5ed;border-color:#e1e9da;border-radius:12px}
.contact-details .contact-panel h2{font-size:22px;margin:0 0 15px}
.contact-details .contact-panel p{font-size:16px;line-height:1.9;margin-bottom:12px}
.contact-details .contact-panel>a{font-size:16px;overflow-wrap:anywhere}
.contact-details .contact-panel .contact-phone{font-size:30px;line-height:1.5;margin-bottom:8px}
.contact-details .contact-panel .inline-link{font-size:15px}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;grid-template-areas:'form' 'details';gap:22px}.contact-details .contact-grid{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contact-layout{margin-top:24px;gap:20px}.contact-form-panel{padding:22px 17px;border-radius:12px}.contact-form-panel h2{font-size:24px}.article-page .contact-form-intro{font-size:15px}.contact-fields{grid-template-columns:1fr;gap:17px}.contact-field-wide{grid-column:auto}.contact-field label{font-size:14px}.contact-field input,.contact-field textarea{padding:12px;font-size:16px}.contact-consent{font-size:12px;gap:9px}.contact-submit-row{justify-content:space-between;gap:10px}.contact-submit-row .btn{font-size:16px;flex:1;justify-content:space-between;gap:14px;padding-inline:19px}.contact-required-note{font-size:11px}.contact-details .contact-grid{display:flex}.contact-details .contact-panel{padding:22px}.contact-details .contact-panel h2{font-size:21px}}

.contact-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
