/* Fulmor v62 — unified subpage highlight strips.
 * Product confidence points, information-page metrics, and partner routes now
 * share one compact card language without changing their supplied content.
 */

:is(
  .order-conversion-page.product-order-page .checkout-trust,
  .fulmor-subpage-v2 .fulmor-submetrics,
  .fulmor-reference-page .frp-partner-types
) {
  --highlight-ink: var(--order-ink, var(--sub-ink, var(--frp-ink, #17191b)));
  --highlight-copy: var(--order-copy, var(--sub-copy, var(--frp-copy, #555b5f)));
  --highlight-line: var(--order-line, var(--sub-line, var(--frp-line, #dfe3e5)));
  --highlight-red: var(--order-red, var(--sub-red, var(--frp-red, #ff0033)));
  padding-block: clamp(18px, 2.2vw, 30px);
  border-block: 1px solid var(--highlight-line);
  background: #f2f3f2;
}

:is(
  .order-conversion-page.product-order-page .checkout-trust-grid,
  .fulmor-subpage-v2 .fulmor-submetrics__inner,
  .fulmor-reference-page .frp-partner-grid
) {
  display: grid;
  width: min(1240px, calc(100% - 48px));
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-inline: auto;
  border: 0 !important;
  background: transparent !important;
}

:is(
  .order-conversion-page.product-order-page .checkout-trust-grid,
  .fulmor-subpage-v2 .fulmor-submetrics__inner
) {
  counter-reset: fulmor-subpage-highlight;
}

:is(
  .order-conversion-page.product-order-page .checkout-trust-grid,
  .fulmor-subpage-v2 .fulmor-submetrics__inner
) > article {
  counter-increment: fulmor-subpage-highlight;
}

:is(
  .order-conversion-page.product-order-page .checkout-trust-grid,
  .fulmor-subpage-v2 .fulmor-submetrics__inner,
  .fulmor-reference-page .frp-partner-grid
) > article {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 154px;
  align-content: start;
  gap: 0;
  padding: 22px 22px 20px;
  border: 1px solid var(--highlight-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgb(17 19 21 / 5%) !important;
  overflow: hidden;
}

:is(
  .order-conversion-page.product-order-page .checkout-trust-grid,
  .fulmor-subpage-v2 .fulmor-submetrics__inner
) > article::before {
  display: block;
  width: 34px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  color: var(--highlight-red);
  border-bottom: 2px solid var(--highlight-red);
  content: counter(fulmor-subpage-highlight, decimal-leading-zero);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1;
}

.order-conversion-page.product-order-page .checkout-trust-grid > article {
  min-height: 172px;
}

.order-conversion-page.product-order-page .checkout-trust-grid > article > strong {
  color: var(--highlight-ink);
  font-size: clamp(16px, 1.3vw, 18px);
  font-weight: 560;
  letter-spacing: -.015em;
  line-height: 1.3;
  text-wrap: balance;
}

.order-conversion-page.product-order-page .checkout-trust-grid > article > strong::before {
  display: none !important;
  content: none !important;
}

.order-conversion-page.product-order-page .checkout-trust-grid > article > span {
  display: block !important;
  margin-top: 9px;
  color: var(--highlight-copy);
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.55 !important;
  text-transform: none !important;
  text-wrap: pretty;
}

.fulmor-subpage-v2 .fulmor-submetrics__inner > article > strong {
  color: var(--highlight-ink);
  font-family: inherit;
  font-size: clamp(20px, 1.9vw, 27px);
  font-weight: 560;
  letter-spacing: -.035em;
  line-height: 1.08;
  overflow-wrap: break-word;
}

.fulmor-subpage-v2 .fulmor-submetrics__inner > article > span {
  margin-top: 8px;
  color: var(--highlight-copy);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.45;
  text-transform: uppercase;
}

.fulmor-reference-page .frp-partner-types {
  padding-inline: 0;
}

.fulmor-reference-page .frp-partner-grid > article {
  min-height: 154px;
  justify-content: start;
}

.fulmor-reference-page .frp-partner-grid .frp-partner-icon {
  display: grid;
  width: 36px;
  height: 36px;
  margin-bottom: 22px;
  place-items: center;
  color: var(--highlight-red);
  border: 1px solid rgb(255 0 51 / 18%);
  border-radius: 50%;
  background: rgb(255 0 51 / 5%);
  font-size: 18px;
  line-height: 1;
}

.fulmor-reference-page .frp-partner-grid b {
  color: var(--highlight-ink);
  font-size: 15px;
  font-weight: 560;
  line-height: 1.35;
  text-wrap: balance;
}

@media (max-width: 1099px) {
  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner,
    .fulmor-reference-page .frp-partner-grid
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 959px) {
  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner,
    .fulmor-reference-page .frp-partner-grid
  ) {
    width: calc(100% - 32px) !important;
  }
}

@media (max-width: 599px) {
  :is(
    .order-conversion-page.product-order-page .checkout-trust,
    .fulmor-subpage-v2 .fulmor-submetrics,
    .fulmor-reference-page .frp-partner-types
  ) {
    padding-block: 16px;
  }

  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner,
    .fulmor-reference-page .frp-partner-grid
  ) {
    gap: 10px;
  }

  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner,
    .fulmor-reference-page .frp-partner-grid
  ) > article {
    min-height: 142px;
    padding: 18px 16px 16px;
  }

  .order-conversion-page.product-order-page .checkout-trust-grid {
    grid-template-columns: 1fr !important;
  }

  .order-conversion-page.product-order-page .checkout-trust-grid > article,
  .order-conversion-page.product-order-page .checkout-trust-grid > article:last-child {
    min-height: 142px;
    padding: 18px 16px 16px;
  }

  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner
  ) > article::before {
    margin-bottom: 15px;
    padding-bottom: 8px;
  }

  .fulmor-subpage-v2 .fulmor-submetrics__inner > article > strong {
    font-size: clamp(18px, 5.1vw, 22px);
  }
}

@media (max-width: 359px) {
  :is(
    .order-conversion-page.product-order-page .checkout-trust-grid,
    .fulmor-subpage-v2 .fulmor-submetrics__inner,
    .fulmor-reference-page .frp-partner-grid
  ) {
    grid-template-columns: 1fr !important;
  }
}
