/* ═══════════════════════════════════════════════════════════════════════════
 *  v400 · مدال‌های هم‌اندازه — «ویترین افتخار» و «تالار افتخار» نمای عمومی
 *
 *  مشکل (بازخورد مالک): «یکی بزرگ، یکی کوچک، یکی یک اندازهٔ دیگر». در ویترین (.sc234 .hon-row، 335-v398) نشان VIP
 *  قاب ۵۸×۵۸ داشت و بقیه ۵۰×۵۴. تصویرهای مدال (img.hm-img: نشان VIP و مدال‌های با تصویر پنل) دور خودشان جای خالی
 *  شفاف دارند، پس در همان قاب از مدال‌های SVG (svg.hm-medal، viewBox 120×132، تا لبه پر) کوچک‌تر دیده می‌شدند.
 *  همین در تالار تب «مدال‌ها» (.hni234 > .hna393، 329-v388: قاب ۷۲) هم بود.
 *  راه‌حل (فقط CSS):
 *   ۱) همهٔ مدال‌های ویترین، VIP هم، یک قاب مربع ۵۴px با محتوای وسط و contain. ≤۳۶۰px: ۴۶px.
 *   ۲) تصویرهای مدال در ویترین و تالار ۱۶٪ بزرگ‌تر کشیده می‌شوند (transform روی خود img، مثل نشان VIP در جایگاه‌های
 *      تالار، 244: scale 1.15) تا جای خالی دورشان جبران شود و هم‌قد مدال‌های SVG دیده شوند.
 *  انیمیشن و افکت (hon-bob روی قاب، برق VIP، svga) دست نخورده. روانی: بی :has، بی انیمیشن تازه.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۱) ویترین: یک قاب برای همه */
#pv146o .pz234 .sc234 .hon-row .hr-m, #pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:54px; height:54px; align-items:center; justify-content:center }
#pv146o .pz234 .sc234 .hon-row .hr-m > *{ width:100%; height:100%; object-fit:contain }
@media (max-width:360px){
  #pv146o .pz234 .sc234 .hon-row .hr-m, #pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:46px; height:46px }
}

/* ۲) تصویرهای مدال: جبران جای خالی شفاف دورشان (ویترین و تالار) */
#pv146o .pz234 .sc234 .hon-row .hr-m > img.hm-img,
#pv146o .pz234 .hni234 > .hna393 > img.hm-img{ transform:scale(1.16) }