/* ─── MARKET PAGE STYLES ─────────────────────────────────────────────── */ :root{ --gold:#E8B53A; } .mkt-hero{background:linear-gradient(115deg,#0a0e1c 0%,#0f1836 55%,#172040 100%); color:#fff;padding:46px 18px 38px;position:relative;overflow:hidden} .mkt-hero:before{content:"";position:absolute;right:-100px;top:-100px;width:480px;height:480px; background:radial-gradient(circle,rgba(225,20,20,.28),transparent 65%);pointer-events:none} .mkt-hero:after{content:"";position:absolute;left:-60px;bottom:-60px;width:320px;height:320px; background:radial-gradient(circle,rgba(143,197,70,.12),transparent 65%);pointer-events:none} .mkt-hero .wrap{position:relative} .mkt-eyebrow{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.22em; font-weight:700;font-size:13px;color:var(--red);margin-bottom:10px} .mkt-hero h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(32px,6vw,52px); line-height:1.02;letter-spacing:-.025em;margin-bottom:12px} .mkt-hero h1 span{color:#ff5a5a} .mkt-sub{color:#aeb6c6;font-size:16px;max-width:50ch;line-height:1.55;margin-bottom:28px} .mkt-search{display:flex;max-width:580px;background:#fff;border-radius:14px;overflow:hidden; box-shadow:0 18px 48px -18px rgba(0,0,0,.5);margin-bottom:28px} .mkt-search input{flex:1;border:none;padding:15px 17px;font-size:15px;outline:none;font-family:'Barlow',sans-serif} .mkt-search select{border:none;border-left:1px solid #e5e7eb;padding:15px 13px;font-size:14px; font-family:'Barlow',sans-serif;background:#fff;color:#6b7280;outline:none;cursor:pointer} .mkt-search button{background:var(--red);color:#fff;border:none;padding:15px 24px; font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14.5px; letter-spacing:.06em;text-transform:uppercase;cursor:pointer} .mkt-search button:hover{background:#c41010} .mkt-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px} .mkt-chip{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff; cursor:pointer;border-radius:999px;padding:7px 15px;font-size:13px; font-family:'Barlow',sans-serif;font-weight:500;transition:.14s} .mkt-chip:hover,.mkt-chip.on{background:var(--red);border-color:var(--red)} .mkt-stats{display:flex;gap:0;flex-wrap:wrap;background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:4px;max-width:640px} .mkt-stat{flex:1;min-width:120px;padding:12px 14px;text-align:center; border-right:1px solid rgba(255,255,255,.10)} .mkt-stat:last-child{border-right:none} .mkt-stat .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:24px;color:var(--green)} .mkt-stat .l{color:#8a93a6;font-size:12px;margin-top:2px} /* brands strip */ .brands-strip{background:#fff;padding:22px 18px;border-bottom:1px solid #e5e7eb} .brands-strip .bl{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase; letter-spacing:.14em;font-size:12px;color:#6b7280;margin-bottom:12px;font-weight:700} .brands-row{display:flex;gap:8px;flex-wrap:wrap} .bbrand{background:#f7f8fa;border:1.5px solid #e5e7eb;border-radius:9px;padding:7px 16px; font-weight:600;font-size:13.5px;cursor:pointer;transition:.14s} .bbrand:hover{border-color:var(--red);color:var(--red)} /* tabs */ .mkt-tabs{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 18px; position:sticky;top:0;z-index:80} .mkt-tabs .wrap{display:flex;gap:2px;overflow-x:auto} .mtab{padding:13px 18px;font-family:'Barlow Condensed',sans-serif;font-weight:700; text-transform:uppercase;letter-spacing:.08em;font-size:13.5px;color:#6b7280;cursor:pointer; border-bottom:3px solid transparent;transition:.14s;border-top:none;border-left:none; border-right:none;background:none;white-space:nowrap} .mtab.on{color:var(--red);border-bottom-color:var(--red)} .mtab:hover:not(.on){color:#141414} /* filter strip */ .fstrip{background:#fff;padding:10px 18px;border-bottom:1px solid #e5e7eb} .fstrip .wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .fstrip .fl{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.08em;font-size:12px;color:#6b7280} .fchip{cursor:pointer;border:1.5px solid #e5e7eb;background:#fff;border-radius:999px; padding:6px 13px;font-size:13px;font-weight:500;color:#444;transition:.14s} .fchip:hover{border-color:#bbb}.fchip.on{background:#0a0e1c;border-color:#0a0e1c;color:#fff} .sort-s{margin-left:auto;border:1.5px solid #e5e7eb;border-radius:9px;padding:6px 11px; font-size:13px;font-family:'Barlow',sans-serif;outline:none;background:#fff} /* panels */ .mpanel{display:none}.mpanel.on{display:block} /* listing grid */ .lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px} .sec-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap} .sec-head h2{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px} .sec-head .sc{color:#6b7280;font-size:14px} .sec-head .ml{margin-left:auto} /* listing card */ .lcard{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb; display:flex;flex-direction:column;transition:.16s} .lcard:hover{box-shadow:0 12px 36px -16px rgba(0,0,0,.20);transform:translateY(-2px)} .lcard-img{height:178px;overflow:hidden;position:relative;background:#f7f8fa} .lcard-img img{width:100%;height:100%;object-fit:cover;display:block} .lcard-img .fb{position:absolute;inset:0;display:flex;align-items:center; justify-content:center;font-size:44px;background:#f0f2f5} .cond-abs{position:absolute;top:10px;left:10px} .vbadge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.60);color:#8FC546; font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px; padding:3px 8px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase} .lcard-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:7px} .lcard h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;line-height:1.2} .ldesc{font-size:13px;color:#6b7280;line-height:1.45;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .lmeta{display:flex;gap:8px;font-size:12px;color:#9ca3af;flex-wrap:wrap} .lcard-footer{padding:11px 14px;border-top:1px solid #f0f2f5;display:flex; align-items:center;justify-content:space-between} .lprice{font-family:'Archivo',sans-serif;font-weight:900;font-size:19px} .lprice .orig{font-size:11.5px;font-weight:500;color:#9ca3af;text-decoration:line-through;margin-left:3px} .wa-buy{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;border:none; cursor:pointer;border-radius:8px;padding:8px 12px;font-family:'Barlow Condensed',sans-serif; font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;transition:.14s} .wa-buy:hover{background:#1ebe5d} /* tag pills */ .ptag{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700; text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;padding:3px 8px;border-radius:999px} .c-rubber{background:#fff1f1;color:#c41010;border:1px solid #fecaca} .c-blade{background:#faf5ff;color:#7c3aed;border:1px solid #ddd6fe} .c-shoes{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa} .c-bag{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0} .c-acc{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe} .cond-new{background:#dcfce7;color:#166534;border:1px solid #bbf7d0} .cond-ln{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe} .cond-good{background:#fef9c3;color:#854d0e;border:1px solid #fde68a} .cond-fair{background:#f0f2f5;color:#374151;border:1px solid #e5e7eb} /* seller grid */ .sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px} .scard{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:18px; display:flex;gap:14px;align-items:flex-start;transition:.14s} .scard:hover{box-shadow:0 8px 28px -12px rgba(0,0,0,.16)} .sav{width:52px;height:52px;border-radius:50%;background:#0a0e1c;color:#fff; font-family:'Archivo',sans-serif;font-weight:900;font-size:20px; display:flex;align-items:center;justify-content:center;flex-shrink:0} .sinfo h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:15.5px;margin-bottom:2px} .sinfo .srole{font-size:13px;color:#6b7280;margin-bottom:7px} .sinfo .specs{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0} .sinfo .smeta{font-size:12px;color:#9ca3af;margin-bottom:10px} .sbtns{display:flex;gap:7px;flex-wrap:wrap} /* academy grid */ .agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px} .acard{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;transition:.14s} .acard:hover{box-shadow:0 8px 28px -12px rgba(0,0,0,.16)} .ahead{height:110px;background:linear-gradient(135deg,#0a0e1c,#1a2b5a); display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden} .ahead:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px; background:radial-gradient(circle,rgba(225,20,20,.35),transparent 65%)} .ahead .al{font-family:'Archivo',sans-serif;font-weight:900;font-size:32px;color:#fff;position:relative} .ahead .aplan{position:absolute;top:9px;right:9px} .abody{padding:16px} .abody h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;margin-bottom:3px} .abody .acit{font-size:13px;color:#6b7280;margin-bottom:9px} .abody .adesc{font-size:13.5px;line-height:1.5;color:#374151;margin-bottom:10px} .afooter{padding:0 16px 16px;display:flex;gap:8px;flex-wrap:wrap} .plan-pro{background:var(--gold);color:#3d2e00} .plan-free{background:#f0f2f5;color:#374151} /* pricing */ .pricing-wrap{background:linear-gradient(135deg,#0a0e1c,#0f1836);color:#fff;border-radius:18px;padding:40px;margin-bottom:32px} .pricing-wrap h2{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(26px,4vw,38px); letter-spacing:-.02em;margin-bottom:8px} .pricing-wrap h2 span{color:#ff5a5a} .pricing-wrap p{color:#aeb6c6;font-size:15px;margin-bottom:32px} .pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:820px} .pcard{border-radius:16px;padding:26px;position:relative;overflow:hidden} .pcard-free{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)} .pcard-pro{background:linear-gradient(135deg,#E8B53A,#d4950a);color:#1a0f00} .pcard-pro:before{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px; background:rgba(255,255,255,.15);border-radius:50%} .pcard h3{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;margin-bottom:6px;position:relative} .pcard .pa{font-family:'Archivo',sans-serif;font-weight:900;font-size:38px;line-height:1; margin:12px 0 4px;position:relative} .pcard .pa sub{font-size:16px;font-weight:600;vertical-align:middle} .pcard .pp{font-size:13px;opacity:.7;margin-bottom:18px;position:relative} .pcard ul{list-style:none;display:flex;flex-direction:column;gap:8px;position:relative;margin-bottom:22px} .pcard li{font-size:14px;display:flex;gap:7px;align-items:flex-start} .pcard-free li{color:#c8d0e0}.pcard-pro li{color:#3d2800} .pcard li:before{content:"✓";font-weight:700;flex-shrink:0} .pcard-free li:before{color:var(--green)}.pcard-pro li:before{color:#3d2800} .phot{position:absolute;top:14px;right:14px;background:var(--red);color:#fff; font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.08em; font-size:11px;padding:3px 9px;border-radius:999px;text-transform:uppercase} /* how it works */ .how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px} .how-step .num{width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff; font-family:'Archivo',sans-serif;font-weight:900;font-size:17px; display:flex;align-items:center;justify-content:center;margin-bottom:11px} .how-step h4{font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;margin-bottom:6px} .how-step p{color:#6b7280;font-size:14px;line-height:1.5} /* modal */ .mmodal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200; align-items:center;justify-content:center;padding:16px} .mmodal-bg.open{display:flex} .mmodal{background:#fff;border-radius:18px;max-width:520px;width:100%;max-height:92vh;overflow-y:auto;padding:26px} .mmodal h2{font-family:'Archivo',sans-serif;font-weight:900;font-size:21px;margin-bottom:3px} .mmodal .msub{color:#6b7280;font-size:13.5px;margin-bottom:18px;border-bottom:1px solid #e5e7eb;padding-bottom:13px} .mfield{margin-bottom:13px} .mfield label{display:block;font-weight:600;font-size:13.5px;margin-bottom:5px} .mfield input,.mfield select,.mfield textarea{width:100%;border:1.5px solid #e5e7eb; border-radius:9px;padding:10px 12px;font-size:14px;font-family:'Barlow',sans-serif;outline:none;transition:.14s} .mfield input:focus,.mfield select:focus,.mfield textarea:focus{border-color:var(--red)} .mfield textarea{resize:vertical;min-height:70px} .mfr{display:grid;grid-template-columns:1fr 1fr;gap:11px} .upz{border:2px dashed #e5e7eb;border-radius:11px;padding:16px;text-align:center; color:#6b7280;cursor:pointer;background:#f7f8fa;transition:.14s;font-size:14px} .upz:hover{border-color:var(--red);color:var(--red)} .mactions{display:flex;gap:9px;margin-top:6px} .mok{display:none;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0; border-radius:9px;padding:11px 14px;font-size:13.5px;font-weight:600;margin-top:10px} @media(max-width:580px){.mfr{grid-template-columns:1fr}.mkt-search{flex-direction:column;border-radius:12px} .mkt-search select{border-left:none;border-top:1px solid #e5e7eb}}
Pre-loved rubbers, blades, shoes and bags — listed by players and coaches. Verified before going live.
Listing gear is always free. Academies pay ₹99/month to be featured in the directory.
Fill a short form with item details, condition, price and a photo. Under 2 minutes.
The Spinart team reviews every listing within 24 hours. Approved? It goes live.
Buyers tap the WhatsApp button and message you directly. No middleman.
Once sold, WhatsApp us and we'll remove the listing. Clean and simple.
Reviewed & published within 24 hrs. Buyers contact you directly on WhatsApp.
₹99/month. Cancel anytime. Published within 24 hrs after payment.