/* ================================================
   Block: Partner Marketplace Hero
   Figma Desktop: node 56728-42909
   Figma Mobile:  node 56728-43984
   ================================================ */

.partner-marketplace-hero {
  position: relative;
  overflow: hidden;
  min-height: 684px;
  padding: 56px 0;
  display: flex;
  align-items: center;
  background: linear-gradient(211deg, rgba(245, 56, 56, 0.10) 0%, rgba(255, 212, 96, 0.10) 41.67%, rgba(253, 176, 87, 0.10) 100%);
}

/* ── Background texture ─────────────────────────── */
.partner-marketplace-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.partner-marketplace-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to right, transparent 15%, rgba(0, 0, 0, 0.5) 45%, black 100%);
  mask-image: linear-gradient(to right, transparent 15%, rgba(0, 0, 0, 0.5) 45%, black 100%);
}

/* ── Mask texture ───────────────────────────────── */
.partner-marketplace-hero__mask {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.partner-marketplace-hero__mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

/* ── Container ──────────────────────────────────── */
.partner-marketplace-hero .container {
  position: relative;
  z-index: 1;
  width: 100%;
}

/* ── Inner / Content ────────────────────────────── */
.partner-marketplace-hero__inner {
  position: relative;
  z-index: 1; /* stay above the orbit-wrap if they ever overlap on narrower desktop widths */
  max-width: 546px;
}

.partner-marketplace-hero__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.partner-marketplace-hero__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* ── Title ──────────────────────────────────────── */
.partner-marketplace-hero__title {
  font-family: 'GT Flexa', sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 53px;
  letter-spacing: 0;
  color: #2D4059;
  text-transform: capitalize;
  margin: 0;
}

.partner-marketplace-hero__title * {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
  margin: 0;
  padding: 0;
}

.partner-marketplace-hero__title strong,
.partner-marketplace-hero__title b {
  color: #F7761F;
}

/* ── Subtitle ───────────────────────────────────── */
.partner-marketplace-hero__subtitle {
  font-family: 'Figtree', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
  color: #505869;
  max-width: 500px;
  text-wrap: balance;
  margin: 0;
}

/* ── Orbit animation ────────────────────────────── */
@keyframes pmh-spin-cw  { to { transform: rotate(360deg);  } }
@keyframes pmh-spin-ccw { to { transform: rotate(-360deg); } }

.partner-marketplace-hero__orbit-wrap {
  position: absolute;
  top: calc(50% - 333px); 
  right: -60px;
  width: 100%;
  max-width: 680px; 
  z-index: 0;
  pointer-events: none;
}

.partner-marketplace-hero .orbit-scene {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 651px;
  height: 590px;
  overflow: visible;
}

.pmh-chip {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  box-shadow:
    0 1px 3px rgba(245, 123, 38, 0.05),
    1px 5px 5px rgba(245, 123, 38, 0.06),
    2px 12px 7px rgba(245, 123, 38, 0.02);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* ── Tablet & Mobile ────────────────────────────── */
@media (max-width: 1199px) {
  .partner-marketplace-hero {
    min-height: unset;
    display: block;
    padding: 64px 0 40px;
  }

  .partner-marketplace-hero__bg img {
    -webkit-mask-image: none;
    mask-image: none;
    opacity: 0.4;
  }

  .partner-marketplace-hero .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .partner-marketplace-hero__inner {
    max-width: 100%;
  }

  .partner-marketplace-hero__content {
    gap: 32px;
    align-items: center;
    text-align: center;
  }

  .partner-marketplace-hero__header {
    width: 100%;
		align-items: center;
  }

  .partner-marketplace-hero__title {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }

  .partner-marketplace-hero__subtitle {
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
  }

  .partner-marketplace-hero__btn.btn-main {
    height: 58px;
    border-radius: 8px;
  }

  .partner-marketplace-hero__orbit-wrap {
    position: relative;
    width: 100%;
    max-width: none;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    overflow: visible;
  }

  .partner-marketplace-hero .orbit-scene {
    position: relative;
    left: auto;
    top: auto;
    width: 651px;
    height: 590px;
    margin-top: 40px;
    margin-left: calc(50% - 174px); /* 174 = CX(342) × scale(0.51) */
    margin-bottom: -242px;
    transform: scale(0.51);
    transform-origin: top left;
    overflow: visible;
  }
}


@media (max-width: 1200px) {
  .pmh-ring-5 { display: none; }
}