/* TD-123 ödeme rozeti — ortak stil (sepet, kasa, footer). Bileşen: catalog/view/theme/journal3/template/common/mx_odeme_rozet.twig
   Ürün sayfası aynı kuralları mx-pdp23.css'ten alır; kurallar iki dosyada BİREBİR aynı tutulur (değişince ikisi birlikte).
   Arayüz: wiki/raw/td123/rozet-arayuz.md */
.mx-rozetler{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.mx-rozet{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;min-width:40px;padding:0 8px;border:1px solid #dedad2;border-radius:5px;background:#fff;font-size:11.5px;font-weight:700;line-height:1;color:#38444f;white-space:nowrap}
.mx-rozet svg{width:14px;height:14px;flex:none;fill:none;stroke:#3e7479;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-rozet img{height:16px;width:auto;display:block}
/* küçük boy (dar yan panel, footer): kapsayıcıya .mx-rozetler-k ekleyin */
.mx-rozetler-k{gap:4px}
.mx-rozetler-k .mx-rozet{height:22px;padding:0 6px;font-size:10.5px}
.mx-rozetler-k .mx-rozet svg{width:12px;height:12px}
.mx-rozetler-k .mx-rozet img{height:13px}

/* 28 Eki TEKNİK: kart markası logoları (mx_odeme_rozet mx-rozet-kart). Yükseklikler optik denge: Visa geniş/alçak, Mastercard işareti yuvarlak, troy orta. Özgüllük .mx-rozet img ve .mx-rozetler-k kurallarını geçer. */
.mx-rozet.mx-rozet-kart{gap:7px}
.mx-rozet .mx-kart-logolar{display:inline-flex;align-items:center;gap:6px;flex:none}
.mx-rozet .mx-kart-logolar img{display:block;width:auto;max-width:none}
.mx-rozet .mx-kart-logolar .mx-kl-visa{height:10px}
.mx-rozet .mx-kart-logolar .mx-kl-mc{height:15px}
.mx-rozet .mx-kart-logolar .mx-kl-troy{height:12px}