/* [전아람 11/5] 행사 칩 · 그리는 곳 js/gs_evchip.js · 주인 = 관리자 «메인페이지 상품진열» «[자사몰] 행사 칩 …» 진열(outline/_footer.html #gsAdmEv)
   [김수현 11/9] 사진 딱지 = 왼쪽 위 한 자리 · 하나만(마켓컬리 «멤버스특가» 느낌) · 시안 data/작업/김수현/썸네일딱지/
     꼬리표(.gs-pack «N종 골라담기»·«N팩»·«세트 옵션 N»)와 행사 칩(.gs-evc)이 같은 자리 · 같은 뼈대 · 무엇을 보일지는 js/gs_evchip.js(차례 ① 특가·이벤트 ② 골라담기 ③ 그 밖 ④ 세트 옵션)
     뼈대 = 사진 안쪽 5px(11/9 김수현 «좌/상 여백 40% 줄여» 8 → 5 · 큰 사진 12 → 7 · 핫딜 판 6 → 4) · 높이 24 · 13px 굵게 · 모서리 4 · 흰 글자 · 바탕 85~88%(«약간 투명도»)
     색 = 특가·이벤트 → 핫딜 빨강(css/gs_v16_list.css .gs-hdt 타이머와 같은 그라데이션) · 골라담기 → 상단 탭 선택 민트(--gs-accent-ink #00785F) · 그 밖·세트 옵션 → 진갈색
     전(11/5~11/9): 오른쪽 위 흰 알약 [색 행사 글 | 흰 꼬리표] · 11px · 모서리 8 · 반투명 · 꼬리표 자리 = css/gs_v16.css:51·100 · gs_v20.css:338 · gs_v16_list.css:98 (이 파일이 맨 뒤라 같은 세기로 덮는다) */
#wrap .gs-pack, #wrap .gs-evc {
  position: absolute; top: 5px; left: 5px; right: auto; bottom: auto; z-index: 2;
  display: block; max-width: calc(100% - 10px); height: 24px; padding: 0 8px; box-sizing: border-box;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-style: normal; font-size: 13px; font-weight: 700; line-height: 24px; letter-spacing: -0.02em;
  color: #fff; background: rgba(61, 46, 34, .85); border-radius: 4px; box-shadow: none;
}
#wrap .gs-pack[data-gs-pk="pick"] { background: rgba(0, 120, 95, .88); }   /* 상단 탭 선택 민트 #00785F(--gs-accent-ink) · 88% */
#wrap .gs-pack[data-gs-pk="none"] { display: none; }
#wrap .gs-evc { font-weight: 800; background: rgba(22, 160, 122, .88); }
#wrap .gs-evc.gs-evc-red { background: linear-gradient(120deg, rgba(196, 0, 27, .88) 0%, rgba(232, 19, 46, .88) 50%, rgba(255, 74, 28, .88) 100%); }   /* 핫딜 빨강 · 88% */

/* 하나만: top = 특가·이벤트 칩만 · etc = 칩(꼬리표 숨김) · under = 골라담기(칩 숨김) */
#wrap [data-gs-ev="top"] > .gs-pack, #wrap [data-gs-ev="etc"] > .gs-pack { display: none; }
#wrap [data-gs-ev="under"] > .gs-evc { display: none; }

/* 메인 «인기 스푼» 큰 사진 카드: 안쪽 7px · 맛·양 마크(css/gs_v20.css:337 14px)는 딱지 바로 아래로 */
#wrap .gs-hot-card .gs-pack, #wrap .gs-hot-card .gs-evc { top: 7px; left: 7px; right: auto; }
#wrap .gs-hot-img:has(> .gs-pack:not([data-gs-pk="none"]), > .gs-evc) .gs-v18-marks { top: 37px; }

/* 핫딜 화면 빨강 판(작은 사진 · css/gs_v16_list.css:98 모서리 탭 → 안쪽 4px 작은 딱지) */
#wrap .gs-pg-event-in .gs-hdbox .gs-pd-item .gs-card-img > :is(.gs-evc, .gs-pack) {
  top: 4px; left: 4px; right: auto; max-width: calc(100% - 8px); height: 22px; padding: 0 6px; font-size: 12px; line-height: 22px; border-radius: 4px;
}
/* 390 미만 핫딜 TOP3 옛 숫자 딱지 밑 자리(css/gs_v18t.css:34 · 숫자는 11/8 제거) → 같은 8px */
@media (max-width: 389px) {
  #wrap .gs-pd-item .gs-card-img > .gs-pack { top: 5px; }
}