/* Consistent supports, original brand colors and no stretching/clipping. */
.payment-brand {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:76px;
  height:50px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #e5d9ca;
  border-radius:7px;
  background:#fff;
  vertical-align:middle;
}
.payment-brand .payment-logo-art { display:block; width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; border:0; border-radius:0; box-shadow:none; stroke:none; }
.payment-brand img { display:block; width:100%; height:100%; object-fit:contain; }
.payment-brand.elo { background:#000; border-color:#000; }
.payment-brand.amex img { width:66px; height:66px; max-width:none; max-height:none; }
.payment-brand.pix { width:128px; height:50px; padding:7px 9px; }
.payment-brand.large { width:84px; height:56px; }
.payment-brand.large.pix { width:140px; height:58px; padding:8px 10px; }
.payment-brand.small { width:54px; height:36px; border-radius:5px; }
.payment-brand.small.amex img { width:47px; height:47px; }
.payment-brand.small.pix { width:98px; height:38px; padding:5px 7px; }
.pay-brands-logos { gap:8px !important; }
.pay-method-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.pay-method-content { flex-wrap:wrap; }
.admin-payment-brands-list { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.refined-footer-bottom { align-items:center; justify-content:flex-start; gap:14px 30px; }
.footer-credit { display:flex; align-items:center; gap:10px; margin-left:auto; }
.footer-credit > span:first-child { font-size:10px; color:var(--muted); }
/* EngSites footer mark: transparent artwork, sized to sit naturally on the warm footer. */
.engsites-mark {
  display:block;
  flex:0 0 120px;
  width:120px;
  height:40px;
  object-fit:contain;
  object-position:center;
}
.footer-credit > a { display:block; line-height:0; }
@media(max-width:560px) {
  .payment-brand { width:72px; height:48px; }
  .payment-brand.amex img { width:62px; height:62px; }
  .payment-brand.pix { width:128px; height:50px; }
  .payment-brand.large.pix { width:128px; height:54px; }
  .payment-brand.small { width:54px; height:36px; }
  .payment-brand.small.amex img { width:47px; height:47px; }
  .payment-brand.small.pix { width:98px; height:38px; }
  .approved-product-page .pay-card-pix { gap:12px; }
  .refined-footer-bottom { align-items:flex-start; gap:9px; }
  .footer-credit { margin:8px 0 0; padding-top:14px; border-top:1px solid #dfc9b2; width:100%; justify-content:space-between; }
}
