.ocbs-wrap{
  max-width:100%;
}

.ocbs-card{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:22px;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  padding:24px;
  margin:0 0 22px;
}

.ocbs-headline{
  margin:0 0 22px;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.12;
  color:#1a1a1a;
  font-weight:800;
}

.ocbs-form{
  display:block;
}

.ocbs-grid{
  display:grid;
  grid-template-columns:minmax(280px,2.2fr) repeat(4, minmax(150px,1fr)) 170px;
  gap:14px;
  align-items:end;
}

.ocbs-grid.ocbs-grid--map{
  grid-template-columns:minmax(240px,1.8fr) minmax(110px,.8fr) minmax(160px,.9fr) minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1.4fr) minmax(110px,.7fr) 170px;
}

.ocbs-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ocbs-field label,
.ocbs-sortbar label{
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  color:#2a2a2a;
}

.ocbs-field input,
.ocbs-field select,
.ocbs-sortbar select{
  width:100%;
  min-height:56px;
  border:1px solid #d8d8d8;
  border-radius:14px;
  background:#fff;
  padding:0 16px;
  font-size:17px;
  color:#1f2937;
  box-sizing:border-box;
}

.ocbs-field input::placeholder{
  color:#a7a7a7;
}

.ocbs-btn{
  width:100%;
  min-height:58px;
  border:none;
  border-radius:16px;
  background:#ef0d0d;
  color:#fff;
  font-size:24px;
  font-weight:800;
  cursor:pointer;
  transition:transform .12s ease, opacity .12s ease;
}

.ocbs-btn:hover{
  opacity:.94;
  transform:translateY(-1px);
}

.ocbs-sortbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:16px;
}

.ocbs-sortbar select{
  max-width:260px;
  min-height:48px;
}

.ocbs-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 14px;
}

.ocbs-result-count{
  font-size:15px;
  font-weight:700;
  color:#444;
}

.ocbs-reset{
  color:#111;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
}

.ocbs-reset:hover{
  text-decoration:underline;
}

.ocbs-company-title{
  margin:0 0 18px;
  font-size:24px;
  line-height:1.25;
  font-weight:700;
}

.ocbs-company-title a{
  color:#e2b800;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}

.ocbs-kv{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:10px 24px;
  font-size:18px;
  line-height:1.45;
  color:#1f2937;
}

.ocbs-key{
  font-weight:800;
  color:#111827;
}

.ocbs-excerpt{
  margin-top:18px;
  font-size:17px;
  line-height:1.65;
  color:#3f3f46;
}

.ocbs-excerpt p:last-child{
  margin-bottom:0;
}

.ocbs-empty p{
  margin:0;
  font-size:17px;
}

@media (max-width:1280px){
  .ocbs-grid,
  .ocbs-grid.ocbs-grid--map{
    grid-template-columns:repeat(3, minmax(180px,1fr));
  }

  .ocbs-field--submit{
    grid-column:1 / -1;
  }

  .ocbs-btn{
    max-width:320px;
  }
}

@media (max-width:782px){
  .ocbs-card{
    padding:18px;
    border-radius:18px;
  }

  .ocbs-grid,
  .ocbs-grid.ocbs-grid--map{
    grid-template-columns:1fr;
  }

  .ocbs-sortbar,
  .ocbs-meta-row{
    flex-direction:column;
    align-items:flex-start;
  }

  .ocbs-kv{
    grid-template-columns:1fr;
    gap:6px;
  }

  .ocbs-company-title{
    font-size:21px;
  }

  .ocbs-field input,
  .ocbs-field select,
  .ocbs-sortbar select,
  .ocbs-btn{
    min-height:52px;
    font-size:16px;
  }

  .ocbs-btn{
    font-size:21px;
  }
}