/* Match AI package body text to its introductory paragraph. */
#samostalna-izrada {
  --vx-ai-body-size: 17px;
}
#samostalna-izrada,
#samostalna-izrada :is(
  p, label, small, button, textarea, input:not([type=checkbox]), select, option,
  dt, dd,
  .vx-selfserve__brand,
  .vx-selfserve__package-number,
  .vx-selfserve__eyebrow,
  .vx-selfserve__facts > span,
  .vx-selfserve__price-label,
  .vx-selfserve__price-link,
  .vx-selfserve__price-note,
  .vx-selfserve__preview-label,
  .vx-selfserve__composer-bottom,
  .vx-selfserve__composer-bottom > span,
  .vx-selfserve__counter > span,
  .vx-selfserve__examples,
  .vx-selfserve__examples > span,
  .vx-selfserve__pages legend,
  .vx-selfserve__pages legend > span,
  .vx-selfserve__pages label > span,
  .vx-selfserve__page-count > strong,
  .vx-selfserve__steps strong,
  .vx-selfserve__status,
  .vx-selfserve__error,
  .vx-selfserve__summary-label
) {
  font-size: var(--vx-ai-body-size) !important;
  line-height: 1.8 !important;
}
#samostalna-izrada p strong,
#samostalna-izrada .vx-selfserve__summary dd :is(strong, a) {
  font-size: inherit !important;
  line-height: inherit !important;
}
#samostalna-izrada :is(
  .vx-selfserve__package-number,
  .vx-selfserve__eyebrow,
  .vx-selfserve__preview-label,
  .vx-selfserve__summary-label,
  .vx-selfserve__summary dt
) {
  letter-spacing: .02em;
}
#samostalna-izrada :is(.vx-selfserve__package-top, .vx-selfserve__workspace-top) {
  flex-wrap: wrap;
}
#samostalna-izrada :is(.vx-selfserve__package-number, .vx-selfserve__preview-label) {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
#samostalna-izrada .vx-selfserve__composer-bottom {
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 6px;
}
#samostalna-izrada #vx-selfserve-brief-hint {
  flex: 1 1 18rem;
  min-width: 0;
}
#samostalna-izrada .vx-selfserve__counter {
  margin-left: auto;
}
#samostalna-izrada .vx-selfserve__pages legend > span {
  display: block;
  margin-left: 0;
  margin-top: 4px;
}
#samostalna-izrada :is(.vx-selfserve__field, .vx-selfserve__steps li > div) {
  min-width: 0;
}
#samostalna-izrada .vx-selfserve__details {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#samostalna-izrada .vx-selfserve__steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#samostalna-izrada :is(.vx-selfserve__steps strong, .vx-selfserve__steps p) {
  overflow-wrap: anywhere;
}
#samostalna-izrada .vx-selfserve__submit {
  min-width: 0;
  white-space: normal;
  text-align: center;
}
#samostalna-izrada .vx-selfserve__submit > span {
  flex-shrink: 0;
}
@media (max-width: 1000px) {
  #samostalna-izrada .vx-selfserve__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  #samostalna-izrada {
    --vx-ai-body-size: 16px;
  }
  #samostalna-izrada .vx-selfserve__submit {
    gap: 12px;
  }
}
@media (max-width: 700px) {
  #samostalna-izrada .vx-selfserve__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  #samostalna-izrada .vx-selfserve__details {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 360px) {
  #samostalna-izrada .vx-selfserve__steps {
    grid-template-columns: minmax(0, 1fr);
  }
}