/* BF Vysota — focused v5 fixes after live visual review. */

/* ---------- Hero: remove the confusing pseudo-link notice ---------- */
#hero .hero-builder-right .builder-notice {
  display: none !important;
}

/* ---------- Team: balanced portrait + compact service layout ---------- */
#team .builder-columns {
  align-items: start !important;
}

#team .builder-columns > .builder-column:first-child .builder-card,
#team .builder-column:first-child .builder-card {
  height: auto !important;
  min-height: 0 !important;
  padding: 26px !important;
}

#team .builder-columns > .builder-column:first-child .builder-image-wrap,
#team .builder-column:first-child .builder-image-wrap {
  width: 100% !important;
  height: clamp(330px, 29vw, 390px) !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #f4f5f5 !important;
  border-radius: 20px !important;
}

#team .builder-columns > .builder-column:first-child .builder-image,
#team .builder-column:first-child .builder-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 22% !important;
}

#team .builder-columns > .builder-column:last-child,
#team .builder-column:last-child {
  align-self: start !important;
}

#team .builder-columns > .builder-column:last-child .builder-grid,
#team .builder-column:last-child .builder-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

#team .builder-columns > .builder-column:last-child .builder-grid > *:first-child,
#team .builder-column:last-child .builder-grid > *:first-child {
  grid-column: 1 / -1 !important;
}

#team .builder-columns > .builder-column:last-child .builder-grid .builder-card,
#team .builder-column:last-child .builder-grid .builder-card {
  min-height: 0 !important;
  height: auto !important;
  padding: 24px !important;
}

#team .builder-columns > .builder-column:last-child .builder-grid > *:first-child .builder-card,
#team .builder-column:last-child .builder-grid > *:first-child .builder-card {
  min-height: 150px !important;
}

#team .builder-columns > .builder-column:last-child .builder-grid > *:not(:first-child) .builder-card,
#team .builder-column:last-child .builder-grid > *:not(:first-child) .builder-card {
  min-height: 178px !important;
}

#team .builder-column:last-child .builder-grid .builder-heading {
  font-size: clamp(23px, 1.85vw, 30px) !important;
  line-height: 1.02 !important;
  max-width: 100% !important;
}

#team .builder-column:last-child .builder-grid .builder-text {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

/* ---------- Donation form: make the QR action feel intentional ---------- */
.donation-generate-btn {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 24px !important;
  border: 1px solid rgba(9, 21, 34, .08) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--vysota-ink-deep), #173653) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 28px rgba(9, 21, 34, .16) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.donation-generate-btn:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #10283f, var(--vysota-blue)) !important;
  box-shadow: 0 17px 34px rgba(9, 21, 34, .20) !important;
}

.donation-generate-btn:active:not(:disabled) {
  transform: translateY(0) !important;
  box-shadow: 0 8px 18px rgba(9, 21, 34, .15) !important;
}

.donation-generate-btn:disabled {
  opacity: .55 !important;
  cursor: wait !important;
  box-shadow: none !important;
}

.donation-generate-note {
  margin-top: 11px !important;
  padding: 0 2px !important;
  color: #74808a !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

@media (max-width: 980px) {
  #team .builder-columns > .builder-column:first-child .builder-image-wrap,
  #team .builder-column:first-child .builder-image-wrap {
    height: clamp(340px, 58vw, 460px) !important;
    object-position: 50% 20% !important;
  }
}

@media (max-width: 640px) {
  #team .builder-columns > .builder-column:first-child .builder-image-wrap,
  #team .builder-column:first-child .builder-image-wrap {
    height: 340px !important;
  }

  #team .builder-columns > .builder-column:last-child .builder-grid,
  #team .builder-column:last-child .builder-grid {
    grid-template-columns: 1fr !important;
  }

  #team .builder-columns > .builder-column:last-child .builder-grid > *:first-child,
  #team .builder-column:last-child .builder-grid > *:first-child {
    grid-column: auto !important;
  }

  #team .builder-column:last-child .builder-grid .builder-card {
    min-height: 0 !important;
  }

  .donation-generate-btn {
    min-height: 54px !important;
    font-size: 12.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .donation-generate-btn {
    transition: none !important;
  }
}
