/* ===== extracted from ./marketplace.php ===== */
.mkp_pub_page { padding:0 0 32px;box-sizing:border-box;max-width:1300px;margin:0 auto; }
.mkp_hero { background:linear-gradient(135deg,#0F172A,#4B0687,#6A11CB);padding:36px 28px;position:relative;overflow:hidden; }
.mkp_hero_orb { position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none; }
.mkp_orb1 { width:300px;height:300px;right:-80px;top:-100px; }
.mkp_orb2 { width:150px;height:150px;left:40%;bottom:-60px; }
.mkp_hero_inner { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap; }
.mkp_hero_badge { display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:30px;font-size:12px;font-weight:700;color:white;margin-bottom:14px; }
.mkp_hero h1 { font-size:32px;font-weight:900;color:white;margin:0 0 10px;line-height:1.2; }
.mkp_hero p  { font-size:14px;color:rgba(255,255,255,.78);margin:0 0 22px;max-width:460px;line-height:1.7; }
.mkp_hero_actions { display:flex;gap:12px;flex-wrap:wrap; }
.mkp_post_btn { height:46px;padding:0 22px;background:white;color:#4B0687;border-radius:14px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s; }
.mkp_post_btn:hover { transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2);color:#4B0687; }
.mkp_my_btn { height:46px;padding:0 22px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:white;border-radius:14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s; }
.mkp_my_btn:hover { background:rgba(255,255,255,.25);color:white; }
.mkp_hero_stats { background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:16px 24px;border-radius:18px;backdrop-filter:blur(8px);flex-shrink:0;text-align:center; }
.mkp_hero_stat strong { display:block;font-size:28px;font-weight:900;color:white; }
.mkp_hero_stat span   { font-size:12px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.5px; }
/* FILTER */
.mkp_filter_bar { display:flex;flex-direction:column;gap:10px;padding:18px 24px;background:white;border-bottom:1px solid #EAECF0; }
.mkp_search_row { display:flex;gap:10px;align-items:center; }
.mkp_search_wrap { position:relative;flex:1;min-width:0; }
.mkp_search_wrap i { position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#9CA3AF;pointer-events:none; }
.mkp_search_input { width:100%;height:46px;border:1.5px solid #E5E7EB;border-radius:14px;padding:0 14px 0 42px;font-size:14px;outline:none;background:#F9FAFB;color:#111827;box-sizing:border-box;font-family:inherit; }
.mkp_search_input:focus { border-color:#4B0687;background:white; }
.mkp_type_tabs { display:flex;gap:6px;background:#F3F4F6;border-radius:14px;padding:4px; }
.mkp_type_tab { height:38px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:700;color:#6B7280;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap; }
.mkp_type_tab:hover { color:#4B0687; }
.mkp_tab_active { background:linear-gradient(135deg,#4B0687,#6A11CB)!important;color:white!important; }
.mkp_filter_btn { height:46px;padding:0 20px;background:linear-gradient(135deg,#4B0687,#6A11CB);color:white;border:none;border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;white-space:nowrap;transition:.2s; }
.mkp_filter_btn:hover { transform:translateY(-1px);box-shadow:0 6px 16px rgba(75,6,135,.3); }
.mkp_reset_btn { height:46px;width:46px;background:#F9FAFB;border:1.5px solid #E5E7EB;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#6B7280;text-decoration:none;transition:.2s;flex-shrink:0; }
.mkp_reset_btn:hover { background:#FEE2E2;color:#DC2626; }
/* GRID */
.mkp_grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:22px; }
/* CARD */
.mkp_card { background:white;border-radius:20px;border:1px solid #EAECF0;box-shadow:0 4px 14px rgba(0,0,0,.05);overflow:hidden;transition:.25s;display:flex;flex-direction:column;text-decoration:none;color:inherit; }
.mkp_card:hover { transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.1);border-color:#C4B5FD; }
.mkp_card_img_wrap { position:relative;height:190px;overflow:hidden;background:#F3F4F6;flex-shrink:0; }
.mkp_card_img_wrap img { width:100%;height:100%;object-fit:cover;transition:.3s; }
.mkp_card:hover .mkp_card_img_wrap img { transform:scale(1.05); }
/* TOP LEFT BADGE */
.mkp_badge_tl { position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px; }
.mkp_physical { background:rgba(5,150,105,.9);color:white; }
.mkp_digital  { background:rgba(37,99,235,.9);color:white; }
.mkp_card_body { padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:8px; }
.mkp_card_body h4 { font-size:15px;font-weight:800;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mkp_card_body p  { font-size:13px;color:#6B7280;margin:0;line-height:1.5;flex:1; }
.mkp_card_footer { display:flex;align-items:center;justify-content:space-between;margin-top:6px; }
.mkp_card_price { font-size:17px;font-weight:900;color:#4B0687; }
.mkp_view_btn { height:34px;padding:0 14px;background:rgba(75,6,135,.08);color:#4B0687;border-radius:10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:.2s; }
.mkp_card:hover .mkp_view_btn { background:linear-gradient(135deg,#4B0687,#6A11CB);color:white; }
/* EMPTY */
.mkp_empty { text-align:center;padding:80px 24px; }
.mkp_empty_icon { width:90px;height:90px;border-radius:28px;background:rgba(75,6,135,.07);display:flex;align-items:center;justify-content:center;margin:0 auto 20px; }
.mkp_empty_icon i { font-size:44px;color:#4B0687; }
.mkp_empty h3 { font-size:22px;font-weight:800;color:#111827;margin:0 0 8px; }
.mkp_empty p  { font-size:14px;color:#6B7280;margin:0; }
/* PAGINATION */
.mkp_pagination { display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px 8px;flex-wrap:wrap; }
.mkp_pg_btn,.mkp_pg_num { width:40px;height:40px;border-radius:12px;background:white;border:1px solid #EAECF0;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:700;color:#374151;transition:.2s; }
.mkp_pg_btn:hover,.mkp_pg_num:hover { background:rgba(75,6,135,.08);color:#4B0687; }
.mkp_pg_active { background:linear-gradient(135deg,#4B0687,#6A11CB)!important;color:white!important;border-color:transparent!important; }
@media(max-width:768px){ .mkp_hero { padding:24px 18px; } .mkp_hero h1 { font-size:24px; } .mkp_grid { grid-template-columns:1fr 1fr;gap:12px;padding:14px; } .mkp_filter_bar { padding:12px 14px; } }
@media(max-width:480px){ .mkp_grid { grid-template-columns:1fr 1fr; } .mkp_hero h1 { font-size:20px; } .mkp_hero p { display:none; } .mkp_type_tabs { width:100%; } }