/* === YUME CONTACT – sekce pod aboutus === */

.yume-contact{
  position:relative; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  width:100vw !important; max-width:100vw !important;
  padding:72px min(4.5vw,64px);
  box-sizing:border-box; background:#fff;
  color:var(--g);
}

.yume-contact__inner{
  max-width:980px; margin:0 auto; text-align:center;
}

.yume-contact h2{
  font-size:clamp(26px,3vw,38px);
  line-height:1.2; font-weight:800; margin:0 0 16px; color:var(--g);
  text-transform:uppercase;
}

.yume-contact .lead{
  font-size:18px; line-height:1.6; margin:0 0 28px; opacity:.95;
}

/* form */
.y-form{ width:100%; margin:0 auto; text-align:left; }
.y-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.y-grid--1{ grid-template-columns:1fr; }

.y-input, .y-textarea{
  width:100%; border:1px solid #e5e7eb; border-radius:10px;
  padding:16px 18px; font-size:16px; outline:0; background:#fff;
  transition:border-color .2s, box-shadow .2s;
}
.y-input:focus, .y-textarea:focus{
  border-color:var(--p); box-shadow:0 0 0 3px rgba(238,30,158,.15);
}
.y-textarea{ min-height:150px; resize:vertical; }

.y-submit{
  display:inline-block; margin-top:18px;
  border:1px solid var(--p); background:var(--p);
  color:#fff; padding:12px 28px; border-radius:28px;
  font-weight:700; cursor:pointer; transition:.25s; font-size:16px;
}
.y-submit:hover{ filter:brightness(.95); }
.y-submit:disabled{ opacity:.6; cursor:not-allowed; }

.y-note{ font-size:13px; opacity:.8; margin-top:8px; }

/* responsive */
@media (max-width:900px){
  .yume-contact{ padding:56px 5vw; }
  .y-grid{ grid-template-columns:1fr; }
  .yume-contact__inner{ text-align:center; }
  .y-form{ text-align:left; }
}