/* =====================================================================
   COMMUNITY MARKETPLACE  (/used-phones/*)
   Member-to-member listings. Same design language as the store: white, ink, gold, hairlines, Poppins titles.
   Loaded only on /used-phones pages (see includes/header.php). Selectors start with "body" so they win over
   the pages' own inline <style> blocks without !important.
   ===================================================================== */
:root{--cmk-ink:#1a1710;--cmk-gold:#b8963e;--cmk-gold-d:#8a6d1f;--cmk-gold-l:#e6c77a;--cmk-line:#ece6d3;--cmk-muted:#7a7468;--cmk-pop:'Poppins','Noto Sans Bengali',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}

/* ───────── Hero (landing) ───────── */
body .up-hero{background:#fff;padding:40px 0 34px;border-bottom:1px solid var(--cmk-line)}
body .up-hero::before,body .up-hero::after{display:none}
body .up-hero-center{text-align:center;max-width:840px;margin:0 auto}
body .up-crumb{justify-content:center}
body .up-crumb a,body .up-crumb .sep{color:#a39b84}
body .up-crumb a:hover{color:var(--cmk-gold-d)}
body .up-crumb .cur{color:var(--cmk-ink);font-weight:500}
body .up-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--cmk-gold);margin-bottom:12px}
body .up-hero h1{font-family:var(--cmk-pop);font-weight:600;font-size:clamp(1.7rem,3.3vw,2.6rem);letter-spacing:-.02em;line-height:1.2;color:var(--cmk-ink);margin:0 0 14px}
body .up-hero h1 em{font-style:normal;color:var(--cmk-gold)}
body .up-hero-lead{font-size:14.5px;line-height:1.75;color:#5f5a4d;max-width:660px;margin:0 auto 16px}
body .up-hero-sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:0 0 22px;color:var(--cmk-muted)}
body .up-hero-sub span{font-size:12px;letter-spacing:.06em;color:var(--cmk-muted)}
body .up-hero-sub .dot{width:4px;height:4px;background:var(--cmk-gold);transform:rotate(45deg);border-radius:0;display:inline-block}
body .up-hero-stats{display:inline-flex;margin:0 auto 22px;border:1px solid var(--cmk-line);background:#fff}
body .up-hero-stat{padding:14px 30px;border-right:1px solid var(--cmk-line);text-align:center}
body .up-hero-stat:last-child{border-right:0}
body .up-hero-stat strong{display:block;font-family:var(--cmk-pop);font-size:1.4rem;font-weight:600;color:var(--cmk-ink);line-height:1.1}
body .up-hero-stat span{display:block;margin-top:4px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cmk-muted)}
body .up-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
body .up-btn-sell,body .up-btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:0;padding:13px 26px;font-family:var(--cmk-pop);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:none;transition:background .15s,color .15s}
body .up-btn-sell{background:var(--cmk-ink);color:var(--cmk-gold-l);border:1px solid var(--cmk-ink)}
body .up-btn-sell:hover{background:#000;color:#fff;transform:none;box-shadow:none}
body .up-btn-ghost{background:#fff;color:var(--cmk-ink);border:1px solid var(--cmk-ink)}
body .up-btn-ghost:hover{background:var(--cmk-ink);color:var(--cmk-gold-l);border-color:var(--cmk-ink)}

/* "how it works" */
.up-how{background:#fff;border-bottom:1px solid var(--cmk-line)}
.up-how-inner{max-width:1320px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr)}
.up-how-step{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-right:1px solid var(--cmk-line)}
.up-how-step:last-child{border-right:0}
.up-how-step>i{font-size:1.5rem;color:var(--cmk-gold);flex-shrink:0;margin-top:1px}
.up-how-step b{display:block;font-family:var(--cmk-pop);font-weight:600;font-size:13.5px;color:var(--cmk-ink);margin-bottom:2px}
.up-how-step span{font-size:12.5px;color:var(--cmk-muted);line-height:1.55}
@media(max-width:767px){
  .up-how-inner{grid-template-columns:1fr}
  .up-how-step{border-right:0;border-bottom:1px solid var(--cmk-line);padding:16px 8px}
  .up-how-step:last-child{border-bottom:0}
  body .up-hero-stat{padding:12px 16px}
}

/* ───────── Brand strip, filters, sort, pager ───────── */
body .up-brand-strip{background:#fff;border-bottom:1px solid var(--cmk-line)}
body .up-brand-chip{border-radius:0;border:1px solid #e9e2cc;background:#fff;color:#3a362b;font-family:var(--cmk-pop);font-size:12px;font-weight:500;letter-spacing:.04em}
body .up-brand-chip:hover{border-color:var(--cmk-gold);color:var(--cmk-ink);background:#fff}
body .up-brand-chip.on{background:var(--cmk-ink);border-color:var(--cmk-ink);color:var(--cmk-gold-l)}
body .up-filter-panel{border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;background:#fff}
body .up-filter-top{border-bottom:1px solid var(--cmk-line)}
body .up-fs-title,body .up-filter-top-left{font-family:var(--cmk-pop);font-weight:600;letter-spacing:.04em}
body .up-fsel,body .up-sort-sel,body .up-price-in,body .up-mob-sort-sel{border-radius:0;border:1px solid #e9e2cc;background:#fff}
body .up-fsel:focus,body .up-sort-sel:focus,body .up-price-in:focus{border-color:var(--cmk-gold);box-shadow:0 0 0 3px rgba(184,150,62,.12);outline:0}
body .up-cond-pills label,body .up-price-presets button,body .up-type-seg button{border-radius:0}
body .up-filter-bottom-cta a{background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
body .up-mob-filter-btn{border-radius:0}
body .up-pager-btn{border-radius:0;border:1px solid #e9e2cc;background:#fff;color:var(--cmk-ink);font-family:var(--cmk-pop)}
body .up-pager-btn:hover{border-color:var(--cmk-gold);color:var(--cmk-gold-d)}
body .up-pager-cur{background:var(--cmk-ink);border-color:var(--cmk-ink);color:var(--cmk-gold-l)}
body .up-results-head,body .up-count{font-family:var(--cmk-pop)}
body .up-empty{border:1px dashed #d9bc6a;border-radius:0;background:#fff}
body .up-empty h4{font-family:var(--cmk-pop);font-weight:600}

/* ───────── Listing cards (same language as the product cards) ───────── */
body .up-grid{gap:18px}
body .up-card{background:#fff;border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .25s}
body .up-card:hover{border-color:#c9a64c;box-shadow:0 14px 34px rgba(26,23,16,.09);transform:translateY(-3px)}
body .up-card-img{background:#fafafa;border-radius:0}
body .up-card-img img{object-fit:cover}
body .up-cond-badge{border-radius:0;font-family:var(--cmk-pop);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;box-shadow:none}
body .up-feat-badge{background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}
body .up-auc-badge{background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px}
body .up-save-btn{border-radius:0;background:#fff;border:1px solid var(--cmk-line);color:var(--cmk-ink);box-shadow:none}
body .up-save-btn:hover{background:var(--cmk-ink);color:var(--cmk-gold-l);border-color:var(--cmk-ink)}
body .up-card-body{padding:14px 16px 12px}
body .up-card-brand{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cmk-gold-d)}
body .up-card-age{font-size:11px;color:#a39b84}
body .up-card-name{font-family:var(--cmk-pop);font-size:13.5px;font-weight:500;line-height:1.45;margin:4px 0 8px}
body .up-card-name a{color:var(--cmk-ink)}
body .up-card-storage{font-weight:400;color:var(--cmk-muted)}
body .up-spec-pill{border-radius:0;border:1px solid #e9e2cc;background:#fff;color:#5f5a4d;font-size:10.5px;font-weight:500;padding:2px 8px}
body .up-card-price2{font-family:var(--cmk-pop);font-size:1.1rem;font-weight:600;color:var(--cmk-ink)}
body .up-tag-cod,body .up-tag-auc{border-radius:0;background:#fff;border:1px solid #d9bc6a;color:var(--cmk-gold-d);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body .up-card-footer{border-top:1px solid #f1ede0;margin-top:10px;padding-top:10px}
body .up-loc-row{color:var(--cmk-muted);font-size:11.5px}
body .up-new-seller{font-size:10.5px;font-weight:500;letter-spacing:.04em;color:var(--cmk-muted);background:none}
body .up-new-seller i{color:var(--cmk-gold)}
body .up-card-cta{display:block;text-align:center;background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:13px 10px;text-decoration:none;transition:background .15s,color .15s}
body .up-card-cta:hover{background:#000;color:#fff}
body .up-card-cta--auction{background:linear-gradient(135deg,#c9a64c,#a8872c);color:#fff}

/* ───────── Listing page ───────── */
body .lp-page{background:#fff}
body .lp-bc{background:#fff;border-bottom:1px solid var(--cmk-line)}
body .lp-bc a{color:#8a8576}
body .lp-bc a:hover{color:var(--cmk-gold-d)}
body .lp-bc .cur{color:var(--cmk-ink);font-weight:500}
body .lp-main-wrap{border:1px solid var(--cmk-line);border-radius:0;background:#fafafa;box-shadow:none}
body .lp-thumb{border:1px solid var(--cmk-line);border-radius:0}
body .lp-thumb.active{border-color:var(--cmk-gold)}
body .lp-ta{border-radius:0;border:1px solid #e0cd92;background:#fff;color:var(--cmk-ink)}
body .lp-ta:hover{background:var(--cmk-ink);color:var(--cmk-gold-l)}
body .lp-cond-pill{border-radius:0;font-family:var(--cmk-pop);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body .lp-brand-pill{border-radius:0;border:1px solid #d9bc6a;background:#fff;color:var(--cmk-gold-d);font-family:var(--cmk-pop);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;text-decoration:none}
body .lp-type-pill{border-radius:0;border:1px solid var(--cmk-line);background:#fff;color:#5f5a4d;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body .lp-title{font-family:var(--cmk-pop);font-weight:600;font-size:1.65rem;letter-spacing:-.015em;line-height:1.3;color:var(--cmk-ink)}
@media(max-width:600px){body .lp-title{font-size:1.3rem}}
body .lp-price-box{background:#fff;border:1px solid var(--cmk-line);border-left:3px solid var(--cmk-gold);border-radius:0;padding:16px 18px;box-shadow:none}
body .lp-price-sym,body .lp-price-num{font-family:var(--cmk-pop);font-weight:600;color:var(--cmk-ink)}
body .lp-neg-chip{border-radius:0;background:#fff;border:1px solid #d9bc6a;color:var(--cmk-gold-d);font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px}
body .lp-loc{color:#5f5a4d}

.lp-member-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #e6d8a8;background:#fff;padding:13px 15px;margin:0 0 16px;font-size:12.5px;line-height:1.65;color:#4a463d}
.lp-member-note>i{font-size:1.25rem;color:var(--cmk-gold);margin-top:1px;flex-shrink:0}
.lp-member-note b{color:var(--cmk-ink);font-weight:600}
.lp-safety{border:1px solid var(--cmk-line);background:#fff;padding:13px 15px;font-size:12px;color:#5f5a4d;line-height:1.75;margin-top:6px}
.lp-safety strong{display:block;margin-bottom:4px;color:var(--cmk-ink);font-weight:600}
.lp-safety strong i{color:var(--cmk-gold);margin-right:4px}
.lp-safety-link{display:inline-block;margin-top:6px;color:var(--cmk-gold-d);font-weight:600;text-decoration:underline}

/* sidebar cards */
body .sb-c{border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;background:#fff}
body .sb-h{font-family:var(--cmk-pop);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cmk-ink);background:#fff;border-bottom:1px solid var(--cmk-line);padding:13px 16px}
body .sb-price-head{background:#fff;border-bottom:1px solid var(--cmk-line)}
body .sb-price-big{font-family:var(--cmk-pop);font-weight:600;color:var(--cmk-ink)}
body .sb-price-note{color:var(--cmk-muted)}
body .sb-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--cmk-ink);color:var(--cmk-gold-l);border:0;border-radius:0;font-family:var(--cmk-pop);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:14px 16px;text-decoration:none;transition:background .15s,color .15s}
body .sb-cta-btn:hover{background:#000;color:#fff}
body .sb-call-btn{background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body .sb-phone-row{border:1px solid var(--cmk-line);border-radius:0;background:#fff}
body .sb-phone-num{font-family:var(--cmk-pop);font-weight:600;letter-spacing:.02em}
body .sb-seller-av{border-radius:0;background:var(--cmk-ink);color:var(--cmk-gold-l);font-family:var(--cmk-pop);font-weight:600}
body .sb-login-box{border-radius:0;border:1px dashed #d9bc6a;background:#fff}

/* locked seller card (signed-out visitors) */
body .sb-locked .sb-b{text-align:center;padding:24px 18px 20px}
.sb-lock-av{position:relative;width:68px;height:68px;margin:0 auto 14px;border:1px solid var(--cmk-line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#d3ccb8}
.sb-lock-badge{position:absolute;right:-9px;bottom:-9px;width:27px;height:27px;background:var(--cmk-ink);color:var(--cmk-gold-l);display:flex;align-items:center;justify-content:center;font-size:12px}
.sb-lock-t{font-family:var(--cmk-pop);font-weight:600;font-size:15px;color:var(--cmk-ink);margin-bottom:5px}
.sb-lock-s{font-size:12.5px;color:var(--cmk-muted);line-height:1.6;margin-bottom:14px}
.sb-lock-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}
.sb-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #e9e2cc;background:#fff;color:#5f5a4d;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:4px 9px}
.sb-chip i{font-size:11px;color:var(--cmk-gold)}
.sb-chip.ok{border-color:var(--cmk-gold);color:var(--cmk-gold-d)}

/* chat widget */
body .chat-widget{border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;background:#fff}
body .chat-widget-head{background:var(--cmk-ink);border-radius:0}
body .chat-seller-av,body .chat-av{border-radius:0;background:var(--cmk-gold);color:var(--cmk-ink);font-family:var(--cmk-pop);font-weight:600}
body .chat-bubble{border-radius:0}
body .chat-qr{border-radius:0;border:1px solid #e9e2cc;background:#fff;color:#3a362b}
body .chat-qr:hover{border-color:var(--cmk-gold);color:var(--cmk-ink)}
body .chat-inp{border-radius:0;border:1px solid #e9e2cc}
body .chat-send-btn{border-radius:0;background:var(--cmk-ink);color:var(--cmk-gold-l)}

/* specs / description */
body .spec-card{border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;background:#fff}
body .spec-head{font-family:var(--cmk-pop);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cmk-ink);background:#fff;border-bottom:1px solid var(--cmk-line)}
body .spec-row{border-bottom:1px solid #f4f0e4}
body .spec-key{color:var(--cmk-muted)}
body .spec-val{color:var(--cmk-ink);font-weight:500}

/* related / latest listing cards */
body .rp-section{margin-top:46px}
body .rp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--cmk-line);padding-bottom:12px;margin-bottom:18px}
body .rp-title{display:flex;align-items:center;gap:10px;font-family:var(--cmk-pop);font-size:1.05rem;font-weight:600;color:var(--cmk-ink);border:0;padding:0}
body .rp-title::before{content:'';width:7px;height:7px;background:var(--cmk-gold);transform:rotate(45deg);flex-shrink:0;border:0;border-radius:0}
body .rp-viewall{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cmk-ink);background:none;border:0;border-bottom:1px solid var(--cmk-gold);border-radius:0;padding:0 0 2px;text-decoration:none}
body .rp-viewall:hover{color:var(--cmk-gold-d)}
body .rp-card{background:#fff;border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .25s}
body .rp-card:hover{border-color:#c9a64c;box-shadow:0 14px 34px rgba(26,23,16,.09);transform:translateY(-3px)}
body .rp-img{background:#fafafa}
body .rp-cond,body .rp-new-badge{border-radius:0;font-family:var(--cmk-pop);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
body .rp-new-badge{background:var(--cmk-ink);color:var(--cmk-gold-l)}
body .rp-brand{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cmk-gold-d)}
body .rp-name{font-family:var(--cmk-pop);font-size:13px;font-weight:500;color:var(--cmk-ink);line-height:1.45}
body .rp-price{font-family:var(--cmk-pop);font-size:1.02rem;font-weight:600;color:var(--cmk-ink)}
body .rp-loc{color:var(--cmk-muted)}
body .rp-btn{display:block;text-align:center;background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;font-family:var(--cmk-pop);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:12px 8px}
body .rp-card:hover .rp-btn{background:#000;color:#fff}

/* ───────── Homepage "Community Marketplace" block (index.php) ───────── */
body .used-mkt-home-section{background:#fff;border-top:1px solid var(--cmk-line);border-bottom:1px solid var(--cmk-line)}
body .used-mkt-home-section::before{display:none}
body .um-home-tag{border-radius:0;border:1px solid #d9bc6a;background:#fff;color:var(--cmk-gold-d);font-family:var(--cmk-pop);font-size:11px;font-weight:600;letter-spacing:.08em}
body .um-home-h{font-family:var(--cmk-pop);font-weight:600;letter-spacing:-.015em;color:var(--cmk-ink)}
body .um-home-h span{color:var(--cmk-gold)}
body .um-stats{border-radius:0;border:1px solid var(--cmk-line);box-shadow:none;background:#fff}
body .um-stat-val{font-family:var(--cmk-pop);font-weight:600}
body .um-home-feat-icon{border-radius:0;border:1px solid #e6d8a8;background:#fff;color:var(--cmk-gold)}
body .um-cta-btn{background:var(--cmk-ink);color:var(--cmk-gold-l);border-radius:0;box-shadow:none;font-family:var(--cmk-pop);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body .um-cta-btn:hover{background:#000;color:#fff;transform:none;box-shadow:none}
body .um-phone-card{border:1px solid var(--cmk-line);border-radius:0;box-shadow:none;background:#fff}
body .um-phone-card:hover{border-color:#c9a64c;box-shadow:0 14px 34px rgba(26,23,16,.09);transform:translateY(-3px)}
body .um-phone-card-img{border-radius:0;background:#fafafa}
body .um-phone-card-badge{border-radius:0;font-family:var(--cmk-pop);font-weight:600;letter-spacing:.06em}
body .um-phone-card-verified{border-radius:0}
body .um-phone-card-brand{color:var(--cmk-gold-d);letter-spacing:.16em}
body .um-phone-card-name{font-family:var(--cmk-pop);font-weight:500;color:var(--cmk-ink)}
body .um-phone-card-price{font-family:var(--cmk-pop);font-weight:600;color:var(--cmk-ink)}