/* GI Home brand card compact mode + adjustable bottom icon v1.0.2 */

/* The icon stays in normal document flow. Width and visual offset are card-specific CSS variables. */
.gi-home .gi-brand-card__bottom-icon {
  display: block;
  flex: 0 0 auto;
  width: var(--gi-brand-bottom-icon-width-desktop, 42px);
  max-width: 100%;
  height: auto;
  margin: 14px auto 0;
  object-fit: contain;
  transform: translate(
    var(--gi-brand-bottom-icon-x-desktop, 0px),
    var(--gi-brand-bottom-icon-y-desktop, 0px)
  );
}

/* ponytail: keep the proven card min-height/Grid/mobile track unchanged.
   Compact mode only rearranges existing inner items; offsets are visual-only and capped server-side. */
.gi-home .gi-brand-card--compact,
.gi-home .gi-brand-card--compact:link,
.gi-home .gi-brand-card--compact:visited {
  justify-content: center;
}

.gi-home .gi-brand-card--compact .gi-brand-card__logo {
  width: 132px;
  height: 108px;
  margin-bottom: 20px;
}

.gi-home .gi-brand-card--compact .gi-brand-card__logo img {
  max-height: 108px;
}

.gi-home .gi-brand-card--compact .gi-brand-card__logo b {
  width: 82px;
  height: 82px;
  font-size: 36px;
}

.gi-home .gi-brand-card--compact .gi-brand-card__name {
  margin-bottom: 12px;
  font-size: clamp(23px, 1.8vw, 32px);
  line-height: 1.35;
}

.gi-home .gi-brand-card--compact .gi-brand-card__subtitle {
  min-height: 0;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.5;
}

.gi-home .gi-brand-card--compact .gi-brand-card__bottom-icon {
  margin-top: 28px;
}

@media (max-width: 768px) {
  .gi-home .gi-brand-card__bottom-icon {
    width: var(--gi-brand-bottom-icon-width-mobile, 36px);
    margin-top: 12px;
    transform: translate(
      var(--gi-brand-bottom-icon-x-mobile, 0px),
      var(--gi-brand-bottom-icon-y-mobile, 0px)
    );
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__logo {
    width: 118px;
    height: 96px;
    margin-bottom: 18px;
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__logo img {
    max-height: 96px;
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__logo b {
    width: 76px;
    height: 76px;
    font-size: 33px;
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__name {
    margin-bottom: 10px;
    font-size: 25px;
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__subtitle {
    font-size: 16px;
  }

  .gi-home .gi-brand-card--compact .gi-brand-card__bottom-icon {
    margin-top: 24px;
  }
}