/* Size */
.xleb-card.indent-big {
  --cardIndentTop: var(--gapX7);
  --cardIndentRight: var(--gapX6);
  --cardIndentBottom: var(--gapX6);
  --cardIndentLeft: var(--gapX6);
}
.xleb-card.indent-middle {
  --cardIndentTop: var(--gapX7);
  --cardIndentRight: var(--gapX6);
  --cardIndentBottom: var(--gapX6);
  --cardIndentLeft: var(--gapX6);
}
.xleb-card.indent-small {
  --cardIndentTop: var(--gapX4);
  --cardIndentRight: var(--gapX4);
  --cardIndentBottom: var(--gapX4);
  --cardIndentLeft: var(--gapX4);
}

.xleb-card {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  z-index: 0;
  margin-bottom: 0;
  background-color: var(--cardBgColor);
  /* min-height: var(--cardMinHeight); */
  height: 100%;
  background-repeat: no-repeat !important;
  width: 100%;
  overflow: hidden;
}

/* Roundness */
.xleb-card.roundedXS {
  border-radius: var(--roundedXS);
}

.xleb-card.roundedS {
  border-radius: var(--roundedS);
}

.xleb-card.roundedM {
  border-radius: var(--roundedM);
}

.xleb-card.roundedL {
  border-radius: var(--roundedL);
}

.xleb-card.roundedXL {
  border-radius: var(--roundedXL);
}

/* Accent */

.xleb-card.accent {
  color: var(--onAccentColor);
  background: var(--accentColor);
}

.xleb-card > * {
  padding-right: var(--cardIndentRight);
  padding-left: var(--cardIndentLeft);
}
.xleb-card > *:last-child {
  padding-bottom: var(--cardIndentBottom);
}
.xleb-card > *:first-child {
  padding-top: var(--cardIndentTop);
}

/* Legacy */

.xleb-card > * {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

a.xleb-card {
  text-decoration: unset;
  color: var(--mainColor);
}
.xleb-card > *:last-child,
.xleb-card > *:first-child {
  margin-bottom: 0;
  height: auto;
  flex-grow: 0;
}
.xleb-card > .illustration.grow:last-child {
  padding-bottom: 0;
  justify-content: flex-end;
}

.xleb-card.size-min-height-200,
.xleb-card.size-min-height {
  min-height: 200px;
}
.xleb-card.size-min-height-280 {
  min-height: 280px;
}

.xleb-card > .edge-to-edge {
  padding-right: 0;
  padding-left: 0;
}
.xleb-card > .edge-to-edge:last-child {
  padding-bottom: 0;
}
.xleb-card > *.grow{
  flex-grow: 1;
  justify-content: center;
}
.xleb-card > .illustration.grow {
  padding-right: 0;
  padding-left: 0;
}
.trigger-modal,
.trigger-popup {
  cursor: pointer;
}
.modal-content,
.popup-content {
  position: relative;
  background: #fff;
  padding: 40px 32px;
  width: auto;
  max-width: 720px;
  margin: 20px auto;
}
div.trigger-modal:hover,
div.trigger-popup:hover {
  /* box-shadow: 0 8px 32px rgb(0 0 0 / 10%), 0 16px 64px rgb(0 0 0 / 10%); */
  /* color: var(--mainColor); */
  /* position: relative; */
  /* z-index: 1; */
}
.modal-image,
.popup-image {
  margin: -40px -32px 44px !important;
}
.modal-image img,
.popup-image img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.modal-content .vc_row,
.popup-content .vc_row {
  grid-template-columns: [content-left] repeat(12, 1fr) [content-right];
}

.xleb-card>*:not(img,.vc_row) {
  max-width: 60rem;
}

.xleb-card.delivery-block>*:not(img) {
  max-width: 50rem;
}

.xleb-card.factory-block>*:not(img) {
  max-width: 50rem;
}