/* Payment marks (Puff & Clouds): Visa, Mastercard, Apple Pay, Google Pay as one matching set.
   Used by the footer (hooks/index/payment_icons.post.tpl) and the one-page checkout (card payment option).
   Apple Pay / Google Pay: official acceptance marks, unmodified. Visa / Mastercard: official brand mark / symbol,
   unmodified, on a white badge with the same size, outline and corners as the Apple Pay mark. */
.pc-marks{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pc-mark{display:block;height:34px;width:auto;flex:0 0 auto}
/* The Google Pay file has its required clear space inside it: shown larger so the visible pill matches the others. */
.pc-mark--gpay{height:56px;margin:-11px -13px}
/* Visa / Mastercard frame: img/card-frame.svg has the exact outline of the Apple Pay mark (black, same thickness and corners),
   drawn as a background so theme border rules (e.g. the footer's transparent border-top) cannot change it. */
.pc-cardmark{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:53.1px;height:34px;background:url(img/card-frame.svg) center/100% 100% no-repeat;border:0!important;border-radius:0;flex:0 0 auto;overflow:hidden}
.pc-cardmark img{display:block;width:auto;max-width:none}
.pc-cardmark--visa img{height:25px}
.pc-cardmark--mc img{height:32px}
/* Footer: the new set replaces the theme's Mastercard / VISA images. */
.ty-payment-icons .ty-payment-icons__item.mastercard,.ty-payment-icons .ty-payment-icons__item.visa{display:none!important}
.ty-payment-icons .pc-marks{gap:10px}