.find-classic-cover {
  margin: 20px auto;
  padding: 20px;
  max-width: 1200px;
  /* background: url('images/road small_result.webp') no-repeat center/cover; */
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  font-family: Arial, sans-serif;
  color: #222;
  border: 2px solid #d32f2f; /* contur mai vizibil */
}

.find-classic-cover h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
  text-align: center;
  color: #d32f2f; /* titlu roșu, mai contrastant */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.find-classic-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.find-classic-item {
  flex: 1 1 calc(25% - 12px); /* 4 coloane pe desktop */
  display: flex;
  flex-direction: column;
  min-width: 140px;
}

.find-classic-item label {
  font-size: 0.9rem;
  margin-bottom: 6px;
  font-weight: bold;
  color: #444;
}

.find-classic-item input,
.find-classic-item select {
  padding: 8px 10px;
  font-size: 14px;
  border: 2px solid #d32f2f;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  color: #222;
  transition: border 0.3s, box-shadow 0.3s;
}

.find-classic-item input:focus,
.find-classic-item select:focus {
  border-color: #b71c1c;
  box-shadow: 0 0 6px rgba(211, 47, 47, 0.5);
  outline: none;
}

.find-classic-btn {
  margin-top: 15px;
  padding: 12px 18px;
  background: #c00000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.find-classic-btn:hover {
  background: #ff0000;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  
}

/* =========================
   Responsive
========================= */
@media (max-width: 1024px) {
  .find-classic-item { flex: 1 1 calc(33.33% - 12px); } /* 3 coloane */
}

@media (max-width: 768px) {
  .find-classic-item { flex: 1 1 calc(50% - 10px); } /* 2 coloane */
  .find-classic-item input,
  .find-classic-item select { font-size: 13px; padding: 6px 8px; }
  .find-classic-btn { font-size: 15px; padding: 10px 14px; }
}

@media (max-width: 480px) {
  .find-classic-item { flex: 1 1 100%; } /* 1 coloană */
  .find-classic-item input,
  .find-classic-item select { font-size: 12px; padding: 5px 6px; }
  .find-classic-btn { font-size: 14px; padding: 9px 12px; }
}

@media (max-width: 350px) {
  .find-classic-cover { margin: 0; padding: 12px; }
  .find-classic-item input,
  .find-classic-item select { font-size: 11px; padding: 4px 5px; }
  .find-classic-btn { font-size: 13px; padding: 8px 10px; }
}

@media (max-width: 300px) {
  .find-classic-cover { margin: 0; padding: 8px; }
  .find-classic-item input,
  .find-classic-item select { font-size: 10px; padding: 3px 4px; }
  .find-classic-btn { font-size: 12px; padding: 6px 7px; }
}