/* ---------- Contact ---------- */
  .contact{ padding:44px 0; }
  .contact-inner{
    display:grid; grid-template-columns:5fr 6fr; gap:var(--space-10);
    background:var(--contact-bg); color:var(--contact-text); border-radius:var(--radius-lg); padding:var(--space-10); box-shadow:var(--shadow-lg);
  }
  .contact-info{ min-width:0; }
  .contact-form-wrap{
    min-width:0; padding-left:var(--space-10); border-left:1px solid rgba(255,255,255,.12);
  }
  .contact h2{ font-size:36px; margin-bottom:14px; color:var(--contact-text); }
  .contact-form-wrap h3{ color:var(--contact-text); font-size:28px; margin-bottom:var(--space-5); }
  .products-head h2, .advantages-head h2, .about h2, .certs h2, .contact h2{
    font-family:var(--font-sans); font-weight:600; letter-spacing:-.03em; line-height:1.12;
  }
  .products-head h2, .advantages-head h2, .about h2, .certs h2{ color:var(--accent); }
  @media (max-width:600px){
    .advantages, .about, .contact{ padding:40px 0; }
    .advantages-head{ margin-bottom:34px; }
    .certs{ padding-bottom:48px; }
  }
  .contact-lede{ color:var(--contact-muted); max-width:430px; margin-bottom:28px; font-size:14.5px; }
  .contact-list{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:22px var(--space-6); }
  .contact-list li{ display:flex; min-width:0; flex-direction:column; gap:6px; padding:0; }
  .contact-list .label{
    font-family:var(--font-sans); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--contact-label);
  }
  .contact-list .value{ color:var(--contact-text); font-size:15px; overflow-wrap:anywhere; }
  .contact-list address{ font-size:13.5px; line-height:1.55; font-style:normal; color:var(--contact-muted); white-space:pre-line; }
  .contact-list a.value{ transition:color .2s ease; }
  .contact-list a.value:hover{ color:var(--accent-2); }
  .contact :focus-visible{ outline-color:var(--white); outline-offset:3px; }
  .messenger-links{ display:flex; flex-wrap:wrap; gap:var(--space-2); margin-top:7px; }
  .messenger-link{
    padding:6px 10px; border:1px solid rgba(255,255,255,.24); border-radius:var(--radius-pill);
    color:var(--contact-text); font-size:11.5px; transition:border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
  }
  .messenger-link:hover{ border-color:rgba(255,255,255,.65); color:var(--white); background:rgba(255,255,255,.1); transform:translateY(-1px); }

  .contact-form{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); }
  .field{ display:grid; align-content:start; gap:6px; min-width:0; }
  .field-full{ grid-column:1 / -1; }
  .field label{ color:var(--contact-label); font-size:12px; font-weight:600; }
  .field .optional{ color:var(--contact-label); font-weight:400; }
  .field input, .field select, .field textarea{
    width:100%; height:44px; padding:9px var(--space-3); border:1px solid var(--contact-border); border-radius:12px;
    background-color:var(--contact-field); color:var(--white); font:inherit; font-size:14.5px;
    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  }
  .field select{
    appearance:none; -webkit-appearance:none; padding-right:40px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f2f4f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:right 12px center;
  }
  .field select option{ color:#14181c; background:#f2f4f5; }
  .field textarea{ height:auto; min-height:96px; resize:vertical; }
  .field input::placeholder, .field textarea::placeholder{ color:rgba(255,255,255,.5); opacity:1; }
  .field input:focus, .field select:focus, .field textarea:focus{
    border-color:#fff; outline:0; box-shadow:0 0 0 3px rgba(255,255,255,.3);
  }
  .field input[aria-invalid="true"], .field select[aria-invalid="true"], .field textarea[aria-invalid="true"]{ border-color:var(--contact-error); }
  .field-error{ min-height:18px; color:var(--contact-error); font-size:12px; }
  .contact-form input:-webkit-autofill,
  .contact-form input:-webkit-autofill:hover,
  .contact-form input:-webkit-autofill:focus{
    -webkit-text-fill-color:#fff; caret-color:#fff;
    -webkit-box-shadow:0 0 0 1000px #202428 inset; box-shadow:0 0 0 1000px #202428 inset;
  }
  .request-actions{ grid-column:1 / -1; display:flex; align-items:center; gap:var(--space-4); }
  .request-submit{
    min-width:180px; min-height:44px; padding:10px 20px; border:0; border-radius:var(--radius-pill);
    background:var(--contact-text); color:var(--contact-bg); font-size:14px; font-weight:600;
    transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
  }
  .request-submit:hover{ background:var(--white); transform:translateY(-1px); box-shadow:0 8px 18px -12px rgba(255,255,255,.55); }
  .request-submit[disabled]{ cursor:wait; opacity:.7; transform:none; }
  .form-fallback{ color:var(--contact-text); font-size:13px; font-weight:500; text-decoration:underline; text-underline-offset:3px; }
  .form-fallback:hover{ color:var(--white); }
  .form-status{ grid-column:1 / -1; min-height:22px; color:var(--contact-muted); font-size:13px; }
  .form-status[data-state="success"]{ color:var(--contact-success); }
  .form-status[data-state="error"]{ color:var(--contact-error); }

  @media (max-width:820px){
    .contact-inner{ grid-template-columns:1fr; gap:32px; padding:36px 32px; }
    .contact-form-wrap{ padding:32px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.12); }
  }
  @media (max-width:600px){
    .contact-inner{ padding:30px 22px; }
    .contact h2{ font-size:32px; }
    .contact-form-wrap h3{ font-size:25px; }
    .contact-list, .contact-form{ grid-template-columns:1fr; }
    .field, .field-full{ grid-column:1; }
    .request-actions{ align-items:stretch; flex-direction:column; }
    .request-submit{ width:100%; }
    .form-fallback{ align-self:flex-start; }
  }