/* 관리자 BANNER 탭 '배너 아래 홍보 줄'(promo-admin.js). 미리보기는 첫 화면과 같은 벽색·글꼴(home-promo.css) */
.promo-admin form { gap: 16px; }
.pa-preview { --wall: #f3f1ec; --ink: #23221f; --muted: #7d7b75; --faint: #a9a7a0; --sans: 'Pretendard Variable', Pretendard, -apple-system, sans-serif; --serif: 'Nanum Myeongjo', 'AppleMyungjo', serif;
  background: var(--wall); border-radius: 12px; padding: 18px 20px 20px; overflow-x: auto; }
.pa-preview .promo { min-width: 760px; }
.pa-tag { margin: 0 0 10px; font: 600 10.5px/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--muted); }
.pa-tag em { font-style: normal; font-weight: 500; letter-spacing: .14em; color: var(--faint); }
.pa-empty { margin: 0; font-size: 13px; color: var(--muted); }
.pa-picks { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-pick { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 600; color: var(--ink); cursor: pointer; }
.pa-pick input { width: auto; margin: 0; }
.pa-pick small { font-weight: 500; color: var(--muted); }
.pa-pick.on { border-color: var(--ink); }
.pa-pick:has(input:disabled) { opacity: .45; cursor: default; }
/* 고른 카드 편집 칸은 2단(2×2, 2026-10-17 사용자): 첫 화면 카드 4장과 같은 차례로 */
#promo-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#promo-rows:empty { display: none; }
.pa-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 14px 14px 16px 10px; border: 1px solid var(--line); border-radius: 12px; }
.pa-order { display: grid; gap: 8px; align-content: start; justify-items: center; }
.pa-order b { font-size: 15px; }
.pa-order button { width: 32px; height: 28px; padding: 0; border-radius: 6px; font-size: 13px; }
/* 빼기(×)는 화살표와 멀리: 터치로 잘못 누르지 않게(2026-10-18 사용자) */
.pa-order button[data-drop] { margin-top: 20px; }
.pa-order button:disabled { opacity: .3; cursor: default; }
.pa-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 10px 12px; }
.pa-fields > div { display: grid; gap: 5px; }
.pa-fields .wide { grid-column: 1 / -1; }
.pa-icons, .pa-colors { display: flex; flex-wrap: wrap; gap: 6px; }
.pa-icons button { width: 32px; height: 32px; padding: 0; display: grid; place-items: center; border-radius: 8px; color: var(--c); }
.pa-icons svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.pa-colors button { width: 26px; height: 26px; padding: 0; border-radius: 50%; background: var(--c); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--line); }
.pa-icons button[aria-pressed="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.pa-colors button[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--ink); }
@media (max-width: 900px) { #promo-rows { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .pa-fields { grid-template-columns: 1fr; } }

/* 번호를 끌어서 순서 바꾸기(2026-10-21) */
.pa-order b { cursor: grab; touch-action: none; user-select: none; padding: 2px 8px; border-radius: 6px; background: var(--chip); }
.pa-row.pa-dragging { opacity: .5; }
.pa-row.pa-over { outline: 2px dashed var(--ink); outline-offset: 2px; }