/* Beat store — on top of front.css (same look as the sample list) */
#sb{margin-top:28px}
#sb .bhead{padding:18px 10px 4px}
#sb .bhead h2{margin:0;font-size:24px;font-weight:700;color:#fff;letter-spacing:.01em}
#sb .bhead p{margin:4px 0 0;color:var(--mut);font-size:13px}

/* cart chip */
#sb .cartbtn{text-decoration:none}
#sb .cartbtn.has{border-color:var(--acc);color:var(--acc)}
#sb .cartbtn.has i{color:var(--acc);font-weight:700}

/* genre chips */
#sb .gchips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px}
#sb .gchips .kchip i{font-style:normal;font-size:10px;opacity:.6;margin-left:2px}
#sb .gchips .kchip.on i{opacity:.75}

/* advanced search */
#sb .advt,#sb .advt:hover{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--acc);font-size:12px;font-family:inherit;cursor:pointer;padding:2px 0}
#sb .advt svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .15s}
#sb .advt.open svg{transform:rotate(180deg)}
#sb .adv{display:none;flex:1 1 100%;grid-template-columns:repeat(4,1fr);gap:12px;background:#151518;border:1px solid var(--line);border-radius:14px;padding:14px}
#sb .adv.open{display:grid}
#sb .adv label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:600}
#sb .adv label span{display:flex;gap:6px}
#sb .adv input,#sb .adv select{flex:1 1 0;width:100%!important;min-width:0;height:34px;background:var(--field);color:#ddd;border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:13px;font-family:inherit;outline:0;margin:0;box-shadow:none;text-transform:none;letter-spacing:0}
#sb .adv input:focus,#sb .adv select:focus{border-color:var(--acc)}
#sb .advf{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--mut)}
#sb .advf button,#sb .advf button:hover{height:30px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:none;color:#ccc;font-size:12px;font-family:inherit;cursor:pointer}
#sb .advf button:hover{border-color:var(--acc);color:var(--acc)}
@media(max-width:767px){#sb .adv{grid-template-columns:1fr 1fr}}
@media(max-width:420px){#sb .adv{grid-template-columns:1fr}}

/* genre tag in the row */
#sb .tags a.gen{color:var(--acc)}

/* buy button = price */
#sb .buy,#sb .buy:hover{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;margin-left:6px;border:0;border-radius:8px;
  background:var(--acc);color:#111;font-size:12px;font-weight:700;font-family:inherit;white-space:nowrap;cursor:pointer;text-decoration:none;transition:filter .15s}
#sb .buy:hover{filter:brightness(1.08)}
#sb .buy svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#sb .buy s{opacity:.55;font-weight:500}
#sb .buy.in,#sb .buy.in:hover{background:transparent;color:var(--acc);box-shadow:inset 0 0 0 1.5px var(--acc)}
#sb .buy.sold{background:#26262b;color:var(--mut);cursor:default}
#sb .buy.busy{opacity:.6;pointer-events:none}

/* desktop: wider action column for the price */
@media(min-width:768px){
  #sb .head,#sb .row{grid-template-columns:52px 44px minmax(160px,1.3fr) minmax(140px,1fr) 46px 54px 54px 280px}
  #sb .head .ac{width:auto}
  #sb .acts{justify-content:flex-end}
}
@media(max-width:767px){
  #sb .buy{height:32px;font-size:13px}
}

/* toast */
#sb .btoast{position:fixed;left:50%;bottom:80px;transform:translate(-50%,10px);z-index:10000;padding:9px 18px;border-radius:999px;
  background:#26262b;border:1px solid rgba(214,169,60,.4);color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
#sb .btoast.on{opacity:1;transform:translate(-50%,0)}
#sb .adv label>select{flex:none;height:34px!important}
#sb .buy{min-width:150px;justify-content:center}
#sb .buy.in,#sb .buy.sold{min-width:150px}
@media(max-width:767px){#sb .buy,#sb .buy.in,#sb .buy.sold{min-width:0}}
@media(max-width:767px){#sb .buy s{display:none}}
#sb .buy s{font-size:11px}

/* ---- license chooser ---- */
#sb .buy small{font-size:10px;font-weight:600;opacity:.7;margin-right:2px}
#sb .row.licopen{background:#141416}
#sb .licp{grid-column:1/-1;margin:6px 0 4px;background:#151518;border:1px solid var(--line);border-radius:14px;padding:12px;cursor:default;animation:slibLic .18s ease-out}
@keyframes slibLic{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
#sb .lhead{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px;font-size:12px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
#sb .lclose,#sb .lclose:hover{border:0;background:#222227;color:#bbb;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:11px;padding:0}
#sb .lgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sb .lopt{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#0f0f12;border:1px solid var(--line)}
#sb .lopt.x{border-color:rgba(214,169,60,.55);background:radial-gradient(120% 120% at 100% 0,rgba(214,169,60,.14),transparent 60%),#0f0f12}
#sb .lopt .lt{display:flex;align-items:center;justify-content:space-between;gap:8px}
#sb .lopt .lt b{font-size:15px;color:#fff}
#sb .lopt .lt i{font-style:normal;font-size:10px;color:#111;background:var(--acc);border-radius:999px;padding:2px 8px;font-weight:700}
#sb .lopt .lp{font-size:18px;font-weight:800;color:var(--acc)}
#sb .lopt .lp s{font-size:12px;color:var(--mut);font-weight:500}
#sb .lopt .ln{font-size:12px;color:#a9a9b2;min-height:2.4em}
#sb .ladd,#sb .ladd:hover{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border:0;border-radius:9px;
  background:var(--acc);color:#111;font-weight:700;font-size:13px;font-family:inherit;cursor:pointer;text-decoration:none}
#sb .ladd:hover{filter:brightness(1.08)}
#sb .ladd svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#sb .lopt:not(.x) .ladd{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
#sb .lopt:not(.x) .ladd:hover{color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
#sb .ladd.in,#sb .ladd.in:hover{background:transparent!important;color:var(--acc)!important;box-shadow:inset 0 0 0 1.5px var(--acc)!important}
#sb .ladd.busy{opacity:.6;pointer-events:none}
@media(max-width:560px){#sb .lgrid{grid-template-columns:1fr}}
#sb button.buy:focus,#sb button.buy:hover,#sb .lopt.x button.ladd:focus{background-color:var(--acc)}
#sb .lopt:not(.x) button.ladd:focus{background-color:transparent}
/* ---- USD ---- */
#sb .buy small.usd{font-size:10.5px;font-weight:700;opacity:.62;margin-left:6px;margin-right:0;letter-spacing:.01em}
#sb .lopt .lu{font-size:12px;color:#cfcfd6;margin-top:-2px}
@media(min-width:768px){#sb .head,#sb .row{grid-template-columns:52px 44px minmax(160px,1.3fr) minmax(120px,1fr) 46px 54px 54px 320px}}
#sb select#sb-genre.on{color:var(--acc);border-color:var(--acc)}
@media(min-width:768px){#sb select#sb-genre{min-width:150px}}
/* ---- Persian license note + remove from cart ---- */
#sb .lopt .lt b small{font-size:11px;font-weight:600;color:var(--mut);margin-left:4px}
#sb .lopt .lfa{font-size:12.5px;line-height:1.9;color:#d9d9df;background:rgba(255,255,255,.03);border-radius:8px;padding:8px 10px;margin-top:2px;text-align:right;font-family:Vazirmatn,Tahoma,inherit}
#sb .lopt.x .lfa{background:rgba(214,169,60,.07)}
#sb .lhead bdi{font-family:Vazirmatn,Tahoma,inherit;letter-spacing:0;text-transform:none}
#sb .lin{display:flex;gap:8px;margin-top:6px}
#sb .lin .ladd{flex:1;margin-top:0}
#sb .lrm,#sb .lrm:hover{height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:transparent;color:#bbb;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap}
#sb .lrm:hover{color:#ef5b6e;border-color:#ef5b6e}
#sb .incart{display:inline-flex;align-items:center;gap:6px;margin-left:6px}
#sb .incart .buy{margin-left:0}
#sb .bx,#sb .bx:hover,#sb .bx:focus{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:#9b9ba3;font-size:12px;cursor:pointer;padding:0;flex:none;transition:color .15s,border-color .15s}
#sb .bx:hover{color:#ef5b6e;border-color:#ef5b6e}
#sb .bx:disabled,#sb .lrm:disabled{opacity:.5}
@media(max-width:767px){#sb .bx{width:32px;height:32px}}
@media(max-width:767px){
  #sb .row{grid-template-columns:52px 44px minmax(0,1fr)}
  #sb .row .acts{flex-wrap:nowrap;min-width:0}
  #sb .buy{padding:0 10px;font-size:12.5px}
  #sb .buy small:not(.usd){display:none}
  #sb .licp{min-width:0}
  #sb .buy small.usd{display:none}
  #sb .lopt{min-width:0}
}
#sb .lopt .lu .tmn{font-family:Vazirmatn,Tahoma,sans-serif;color:#b9b9c1}

/* ---- cart dropdown ---- */
#sb .cartwrap{position:relative;display:inline-flex}
#sb .cartbtn.open{border-color:var(--acc);color:var(--acc)}
#sb .cartdd{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:340px;max-width:calc(100vw - 32px);padding:12px;border-radius:16px;
  background:#151518;border:1px solid rgba(214,169,60,.45);box-shadow:0 20px 50px rgba(0,0,0,.55);animation:slibLic .16s ease-out}
#sb .cartdd[hidden]{display:none}
#sb .cd-h{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px;font-size:13px;font-weight:700;color:#fff}
#sb .cd-h span{font-weight:500;color:var(--mut);font-size:12px}
#sb .cd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
#sb .cd-list li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#0f0f12;border:1px solid var(--line);transition:opacity .15s}
#sb .cd-list li.busy{opacity:.45}
#sb .cd-img{flex:none;width:40px;height:40px;border-radius:8px;background:#26262b center/cover no-repeat}
#sb .cd-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
#sb .cd-tx b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sb .cd-tx small{font-size:12px;color:var(--acc)}
#sb .cd-x,#sb .cd-x:hover,#sb .cd-x:focus{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:#9b9ba3;font-size:12px;cursor:pointer;padding:0}
#sb .cd-x:hover{color:#ef5b6e;border-color:#ef5b6e}
#sb .cd-f{display:flex;gap:8px;margin-top:10px}
#sb .cd-f a{flex:1;height:38px;line-height:38px;text-align:center;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none}
#sb .cd-cart{border:1px solid #33333a;color:#ddd}
#sb .cd-cart:hover{border-color:var(--acc);color:var(--acc)}
#sb .cd-co{background:var(--acc);color:#111!important}
#sb .cd-empty{padding:16px 8px;text-align:center;color:var(--mut);font-size:13px}
#sb .buy .chg{font-style:normal;font-size:10px;opacity:.8;margin-left:2px}