/* DanielChe.xyz personal support: authentic provider artworks, optically normalized.
 *
 * One stable, bounded display slot per logo. Cropped presentation of the publisher-
 * supplied PNGs fixes *internal empty margins* that object-fit:contain alone
 * cannot fix. No original image bytes are cropped, traced or recoloured.
 * Images may extend inside overflow-hidden slots, never outside the card.
 * These rules intentionally override donor-preview legacy image dimensions.
 */
.personal-donate--brand .payment-card-head,
.personal-donate--brand .brand-first-grid .payment-card:nth-child(n) .payment-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:56px;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
}
.personal-donate--brand .payment-mark-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  width:52px;
  height:52px;
  flex:0 0 52px;
  border:0;
  border-radius:0;
  background:transparent;
}
.personal-donate--brand .payment-mark-frame .payment-icon{
  display:block;
  width:46px;
  height:46px;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  flex:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  image-rendering:auto;
}
/* Wise's real wordmark is in the middle 57px of a 250x250 PNG.
   Enlarging its container alone used to leave tiny, illegible lettering. */
.personal-donate--brand .payment-mark-frame--wise-wordmark{
  width:118px;
  flex-basis:118px;
  height:52px;
}
.personal-donate--brand .payment-mark-frame--wise-wordmark .payment-icon{
  width:116px;
  height:116px;
}
/* PayPal's monogram occupies only 220x265 pixels within its 800x533 original.
   Patreon occupies 75x82 of its original 245x138 canvas.
   The large, self-contained image is centered and clipped by its 52px slot. */
.personal-donate--brand .payment-mark-frame--paypal .payment-icon{
  width:122px;
  height:122px;
}
.personal-donate--brand .payment-mark-frame--patreon .payment-icon{
  width:136px;
  height:108px;
}
.personal-donate--brand .payment-mark-frame--tribute .payment-icon{
  width:45px;
  height:45px;
}
.personal-donate--brand .payment-mark-frame--yoomoney .payment-icon{
  width:50px;
  height:50px;
}
.personal-donate--brand .payment-mark-frame--youtube .payment-icon{
  width:49px;
  height:49px;
}
.personal-donate--brand .payment-mark-frame--boosty .payment-icon{
  width:50px;
  height:50px;
}
.personal-donate--brand .payment-mark-frame--vk .payment-icon{
  width:44px;
  height:44px;
}
.personal-donate--brand .payment-mark-frame--monobank .payment-icon{
  width:45px;
  height:45px;
}
.personal-donate--brand .payment-mark-frame--privat24 .payment-icon{
  width:51px;
  height:51px;
}
.personal-donate--brand .payment-card h3{
  font-weight:800;
  letter-spacing:0;
}
.personal-donate--brand .consult-top{
  gap:13px;
  min-height:54px;
}
.personal-donate--brand .consult-mark-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
}
.personal-donate--brand .consult-mark-frame .consult-icon{
  display:block;
  width:46px;
  height:46px;
  max-width:none;
  max-height:none;
  flex:none;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.personal-donate--brand .consult-mark-frame--google-calendar .consult-icon{
  width:68px;
  height:68px;
}
@media(max-width:690px){
  .personal-donate--brand .payment-card-head{gap:10px;min-height:50px}
  .personal-donate--brand .payment-mark-frame{
    width:48px;height:48px;flex-basis:48px;
  }
  .personal-donate--brand .payment-mark-frame .payment-icon{
    width:43px;height:43px;
  }
  .personal-donate--brand .payment-mark-frame--wise-wordmark{
    width:105px;height:48px;flex-basis:105px;
  }
  .personal-donate--brand .payment-mark-frame--wise-wordmark .payment-icon{
    width:104px;height:104px;
  }
  .personal-donate--brand .payment-mark-frame--paypal .payment-icon{
    width:112px;height:112px;
  }
  .personal-donate--brand .payment-mark-frame--patreon .payment-icon{
    width:124px;height:100px;
  }
  .personal-donate--brand .payment-mark-frame--tribute .payment-icon{
    width:42px;height:42px;
  }
  .personal-donate--brand .payment-mark-frame--yoomoney .payment-icon{
    width:46px;height:46px;
  }
  .personal-donate--brand .payment-mark-frame--youtube .payment-icon{
    width:45px;height:45px;
  }
  .personal-donate--brand .payment-mark-frame--boosty .payment-icon{
    width:46px;height:46px;
  }
  .personal-donate--brand .payment-mark-frame--vk .payment-icon{
    width:41px;height:41px;
  }
  .personal-donate--brand .payment-mark-frame--monobank .payment-icon{
    width:42px;height:42px;
  }
  .personal-donate--brand .payment-mark-frame--privat24 .payment-icon{
    width:48px;height:48px;
  }
  .personal-donate--brand .consult-top{gap:11px;min-height:49px}
  .personal-donate--brand .consult-mark-frame{
    width:48px;height:48px;flex-basis:48px;
  }
  .personal-donate--brand .consult-mark-frame .consult-icon{
    width:43px;height:43px;
  }
  .personal-donate--brand .consult-mark-frame--google-calendar .consult-icon{
    width:62px;height:62px;
  }
}
@media(prefers-reduced-motion:reduce){
  .personal-donate--brand .payment-mark-frame,
  .personal-donate--brand .consult-mark-frame{transition:none}
}