/* v37: increased EXTERNAL top gap above diagnostics price card */
.workshop-diagnostic-price {
  width: min(1180px, calc(100% - 40px));
  margin: 80px auto 64px !important;
  padding: clamp(38px, 5vw, 56px) clamp(26px, 4vw, 44px) clamp(28px, 4vw, 44px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border: 1px solid rgba(8,122,199,.42);
  border-radius: 24px;
  background: linear-gradient(135deg, #102d43 0%, #0d3a68 55%, #087AC7 100%);
  box-shadow: 0 22px 55px rgba(8,27,44,.3);
  color: #fff;
}

.workshop-diagnostic-price > div { max-width: 790px; }
.workshop-diagnostic-price .label { color: #80caff; }
.workshop-diagnostic-price h2 {
  margin: 8px 0 12px;
  color: #fff;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.08;
}
.workshop-diagnostic-price p { margin: 0; color: #ffffff; line-height: 1.72; }
.workshop-diagnostic-price .btn {
  flex: 0 0 auto;
  white-space: nowrap;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
}

@media (max-width: 760px) {
  .workshop-diagnostic-price {
    width: min(100% - 24px, 1180px);
    margin: 52px auto 42px !important;
    padding: 34px 22px 24px;
    align-items: flex-start;
    flex-direction: column;
  }
  .workshop-diagnostic-price .btn { width: 100%; text-align: center; }
}