/* Buy & Sell Second Hand Bikes — shared by index.html and morya_mobile_app.html */
.bs{--a:var(--amber,var(--red,#ffab3d));--a2:var(--amber-deep,var(--red-dark,#e0861a));--sf:var(--surface,#1c212a);--sf2:var(--surface-2,#232a34);
  --ln:var(--line,rgba(255,255,255,.1));--tx:var(--text,#eef1f5);--td:var(--text-dim,var(--text-muted,#9aa6b5));}
.bs *{box-sizing:border-box}
.bs-tabs{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}
.bs-tab{flex:1;min-width:140px;padding:12px 14px;border-radius:12px;border:1px solid var(--ln);background:var(--sf);color:var(--td);
  font:600 14px 'Inter','Poppins',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}
.bs-tab:hover{color:var(--tx);border-color:var(--a)}
.bs-tab.active{background:var(--a);color:#1a1206;border-color:var(--a)}
.bs-panel{display:none}.bs-panel.active{display:block}

.bs-filters{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.bs-filters select,.bs-filters input{flex:1;min-width:130px;padding:11px 12px;border-radius:10px;border:1px solid var(--ln);background:var(--sf);color:var(--tx);font-size:14px}
.bs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.bs-card{background:var(--sf);border:1px solid var(--ln);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.bs-card:hover{transform:translateY(-3px);border-color:var(--a)}
.bs-photo{aspect-ratio:4/3;background:var(--sf2);display:flex;align-items:center;justify-content:center;color:var(--td);font-size:42px;position:relative}
.bs-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bs-year{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}
.bs-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.bs-title{font:700 18px 'Rajdhani','Poppins',sans-serif;color:#fff;margin:0}
.bs-price{font:700 22px 'Rajdhani','Poppins',sans-serif;color:var(--a)}
.bs-meta{display:flex;flex-wrap:wrap;gap:6px}
.bs-meta span{font-size:12px;color:var(--td);background:var(--sf2);padding:3px 9px;border-radius:20px}
.bs-desc{font-size:13px;color:var(--td);margin:0;line-height:1.5}
.bs-enq{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;background:#25d366;color:#fff!important;
  font-weight:600;font-size:14px;text-decoration:none;border:0;cursor:pointer}
.bs-enq:hover{filter:brightness(1.08)}
.bs-empty{grid-column:1/-1;text-align:center;color:var(--td);padding:36px 16px;border:1px dashed var(--ln);border-radius:16px}
.bs-empty i{font-size:34px;color:var(--a);margin-bottom:10px;display:block}
.bs-empty button{margin-top:14px;padding:10px 20px;border-radius:10px;border:0;background:var(--a);color:#1a1206;font-weight:600;cursor:pointer}

.bs-form{background:var(--sf);border:1px solid var(--ln);border-radius:18px;padding:24px;max-width:820px;margin:0 auto}
.bs-form h3{margin:0 0 4px;font:700 22px 'Rajdhani','Poppins',sans-serif;color:#fff}
.bs-form .bs-sub{color:var(--td);font-size:13.5px;margin:0 0 18px}
.bs-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bs-f{margin-bottom:14px}
.bs-f label{display:block;font-size:12.5px;color:var(--td);margin-bottom:6px;font-weight:500}
.bs-f input,.bs-f select,.bs-f textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--ln);background:var(--sf2);color:var(--tx);font:14px 'Inter','Poppins',sans-serif}
.bs-f input:focus,.bs-f select:focus,.bs-f textarea:focus{outline:none;border-color:var(--a)}
.bs-f textarea{resize:vertical}
.bs-f input[type=file]{padding:9px}
.bs-hp{position:absolute!important;left:-9999px;opacity:0;height:0;width:0}
.bs-submit{width:100%;padding:14px;border:0;border-radius:12px;background:var(--a);color:#1a1206;font:700 15px 'Inter','Poppins',sans-serif;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px}
.bs-submit:hover{background:var(--a2)}.bs-submit:disabled{opacity:.6;cursor:wait}
.bs-note{font-size:12px;color:var(--td);margin-top:10px;text-align:center}
.bs-msg{display:none;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:14px}
.bs-msg.ok{display:block;background:rgba(37,211,102,.12);color:#7ff0a8;border:1px solid rgba(37,211,102,.3)}
.bs-msg.err{display:block;background:rgba(255,80,80,.12);color:#ff9d9d;border:1px solid rgba(255,80,80,.3)}
.bs-sellonly[hidden],.bs-buyonly[hidden]{display:none}
@media(max-width:640px){.bs-row{grid-template-columns:1fr;gap:0}.bs-form{padding:18px 14px}.bs-grid{grid-template-columns:1fr}.bs-tab{min-width:0;font-size:13px;padding:11px 8px}}

.bs-req{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;background:var(--a);color:#1a1206;font-weight:700;font-size:14px;border:0;cursor:pointer}
.bs-req:hover{background:var(--a2)}
.bs-req+.bs-enq{margin-top:0;background:transparent;border:1px solid #25d366;color:#25d366!important}
.bs-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.bs-modal.open{display:flex}
.bs-sheet{background:var(--sf,#1c212a);border:1px solid var(--ln,#2a3140);border-radius:18px;padding:24px;width:100%;max-width:440px;position:relative;margin:auto}
.bs-sheet h3{margin:0 30px 4px 0;font:700 21px 'Rajdhani','Poppins',sans-serif;color:#fff}
.bs-sheet .bs-sub{color:var(--td);font-size:13.5px;margin:0 0 16px}
.bs-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--td);font-size:28px;line-height:1;cursor:pointer}