/* Contact page — page-specific sections. Loaded after css/style.css. */

.contact{padding:50px 0 50px;}
.contact h1{font-size:56px;color:var(--blue);font-weight:800;margin-bottom:6px;}

.contact-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:54px;
  margin-top:22px;align-items:start;
}

/* Left — form */
.contact-left .lead{color:#000;font-size:15px;line-height:1.7;margin-bottom:26px;}
.contact-form label{display:block;font-weight:700;font-size:15px;color:var(--ink);margin:18px 0 8px;}
.contact-form .field{
  width:100%;padding:14px 18px;border:1.5px solid #cdd6f5;border-radius:26px;
  font-family:inherit;font-size:14px;color:var(--ink);background:#fff;
}
.contact-form .field::placeholder{color:#9aa2b5;}
.contact-form .field:focus{outline:none;border-color:var(--blue);}
.contact-form textarea.field{border-radius:16px;min-height:150px;resize:vertical;}
.contact-form select.field{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234361EE' fill='none' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 18px center;background-size:12px;
}
.contact-form .send-btn{
  margin-top:28px;background:var(--gold);color:#3a2a06;border:none;border-radius:30px;
  padding:16px 44px;font-weight:700;font-size:16px;font-family:inherit;cursor:pointer;
  box-shadow:0 8px 20px rgba(231,169,62,.35);transition:transform .15s ease;
}
.contact-form .send-btn:hover{transform:translateY(-2px);}
.contact-form .send-btn:disabled{opacity:.7;cursor:default;transform:none;}
.form-status{margin-top:18px;font-size:14px;font-weight:600;border-radius:12px;padding:13px 18px;line-height:1.5;}
.form-status.ok{background:#e6f9f0;color:#0d7a4f;}
.form-status.err{background:#fdece9;color:#b23a2a;}

/* Right — get in touch + map */
.touch-card{background:#F1F1EC;border-radius:16px;padding:32px 34px;}
.touch-card h3{font-size:22px;font-weight:700;margin-bottom:24px;}
.touch-row{display:flex;gap:16px;margin-bottom:22px;}
.touch-row:last-child{margin-bottom:0;}
.touch-row .ic{font-size:26px;flex-shrink:0;line-height:1.1;}
.touch-row h4{font-size:16px;font-weight:700;margin-bottom:4px;}
.touch-row p, .touch-row a{font-size:14px;color:var(--ink);line-height:1.5;}
.touch-row a:hover{color:var(--blue);}

.map{margin-top:22px;border-radius:16px;overflow:hidden;border:7px solid #6b6b6b;box-shadow:0 16px 40px rgba(30,40,80,.12);}
.map iframe{width:100%;height:320px;border:0;display:block;}

@media(max-width:900px){
  .contact h1{font-size:40px;}
  .contact-grid{grid-template-columns:1fr;gap:36px;}
  .contact-form .send-btn{width:100%;}
  .map iframe{height:280px;}
}
@media(max-width:600px){
  .contact h1{font-size:32px;}
  .touch-card{padding:26px 22px;}
}