/* Payment Brand Logos block */
.pbl { margin: 1em 0; }
.pbl .pbl-title { font-weight: 600; margin-bottom: .5em; }

/* レイアウト */
.pbl .pbl-brands { display: grid; gap: .5rem .75rem; align-items: start; }
.pbl-layout-inline .pbl-brands { display: flex; flex-wrap: wrap; gap: .5rem .75rem; }

/* グリッド列数（スマホは2列・上書き） */

/* 新クラス（モバイル優先） */
.pbl-cols-sp-1 .pbl-brands { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.pbl-cols-sp-2 .pbl-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pbl-cols-sp-3 .pbl-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pbl-cols-sp-4 .pbl-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pbl-cols-sp-5 .pbl-brands { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pbl-cols-sp-6 .pbl-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* タブレット: 500px〜 */
@media (min-width: 500px) {
  .pbl-cols-tab-1 .pbl-brands { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .pbl-cols-tab-2 .pbl-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pbl-cols-tab-3 .pbl-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pbl-cols-tab-4 .pbl-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pbl-cols-tab-5 .pbl-brands { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pbl-cols-tab-6 .pbl-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* PC: 900px〜 */
@media (min-width: 900px) {
  .pbl-cols-pc-1 .pbl-brands { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .pbl-cols-pc-2 .pbl-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pbl-cols-pc-3 .pbl-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pbl-cols-pc-4 .pbl-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pbl-cols-pc-5 .pbl-brands { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pbl-cols-pc-6 .pbl-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .pbl-cols-pc-7 .pbl-brands { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .pbl-cols-pc-8 .pbl-brands { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .pbl-cols-pc-9 .pbl-brands { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .pbl-cols-pc-10 .pbl-brands { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .pbl-cols-pc-11 .pbl-brands { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .pbl-cols-pc-12 .pbl-brands { grid-template-columns: repeat(12, minmax(0, 1fr)); }
}

/* グリッドレイアウト */
.pbl-layout-grid .pbd-brand-card{
  padding: 0.5em;
}

/* 既存のカード出力（pbd-...）を内包前提でサイズ調整 */
.pbl .pbd-brand-card { display: flex; align-items: center; gap: .5rem; }
.pbl .pbd-brand-name { font-size: .9em; }

/* 画像サイズスケール */
.pbl-size-s .pbd-brand-logo { width: 28px; height: auto; }
.pbl-size-m .pbd-brand-logo { width: 36px; height: auto; }
.pbl-size-l .pbd-brand-logo { width: 44px; height: auto; }

/* 文字非表示オプション */
.pbl.pbl--no-name .pbd-brand-name { display: none; }

/* 出力部分 */

.pbl-brand .pbd-brand-card{
  max-width: 100%;
}