/* 쿠폰존 스킨 */
#cpz_wrap { max-width: 960px; margin: 0 auto; padding: 15px; }
#cpz_wrap * { box-sizing: border-box; }

/* 헤더 */
.cpz_header { text-align: center; margin-bottom: 24px; padding: 24px 0 16px; }
.cpz_header h2 { font-size: 22px; font-weight: 700; color: #333; margin: 0 0 6px; }
.cpz_header p { font-size: 13px; color: #888; margin: 0; }

/* 카테고리 */
#cpz_cate { margin-bottom: 15px; }
#cpz_cate ul { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; list-style: none; padding: 0; margin: 0; }
#cpz_cate li a { display: inline-block; padding: 6px 16px; border-radius: 20px; background: #f5f5f5; color: #555; font-size: 13px; text-decoration: none; transition: all .2s; }
#cpz_cate li a:hover,
#cpz_cate li a.active { background: #2d6cdf; color: #fff; }

/* 쿠폰 그리드 */
.cpz_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 0 4px; }
@media (min-width: 600px) { .cpz_grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } }

/* 쿠폰 카드 */
.cpz_card { position: relative; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.08); cursor: pointer; transition: transform .2s, box-shadow .2s; }
.cpz_card:active { transform: scale(0.97); }
@media (hover: hover) {
    .cpz_card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.12); }
}
.cpz_card .cpz_img { width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #f8f8f8; display: flex; align-items: center; justify-content: center; }
.cpz_card .cpz_img img { width: 88%; height: auto; max-height: 90%; object-fit: contain; display: block; margin: 0 auto; }
.cpz_card .cpz_name { padding: 12px 10px; text-align: center; font-size: 14px; font-weight: 700; color: #222; letter-spacing: -0.3px; line-height: 1.3; background: #f9f9f9; border-top: 1px solid #eee; }
.cpz_card .cpz_badge { position: absolute; top: 8px; left: 8px; background: #e74c3c; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; }
.cpz_card .cpz_badge.used { background: #999; }

/* 빈 목록 */
.cpz_empty { text-align: center; padding: 60px 20px; color: #aaa; font-size: 15px; }

/* 페이지네이션 */
.cpz_pages { margin-top: 20px; text-align: center; }

/* 관리자 버튼 */
.cpz_admin { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; }
.cpz_admin a { font-size: 12px; color: #666; text-decoration: none; padding: 4px 10px; border: 1px solid #ddd; border-radius: 4px; }

/* ===== 모달 ===== */
.cpz_modal_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 99999; justify-content: center; align-items: center; padding: 20px; }
.cpz_modal_overlay.active { display: flex; }
.cpz_modal { position: relative; max-width: 480px; width: 100%; max-height: 90vh; overflow-y: auto; }
.cpz_modal img { width: 100%; height: auto; border-radius: 10px; display: block; }
.cpz_modal_close { position: absolute; top: -40px; right: 0; background: none; border: none; color: #fff; font-size: 30px; cursor: pointer; padding: 5px 10px; line-height: 1; }
.cpz_modal_title { color: #fff; text-align: center; margin-top: 12px; font-size: 16px; font-weight: 600; }
.cpz_modal_tip { color: rgba(255,255,255,.6); text-align: center; margin-top: 6px; font-size: 12px; }

/* 비회원 안내 */
.cpz_login_wrap { text-align: center; padding: 80px 20px; }
.cpz_login_wrap p { font-size: 16px; color: #555; margin-bottom: 20px; }
.cpz_login_wrap a { display: inline-block; padding: 12px 30px; background: #2d6cdf; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 600; }