/* BizHub dashboards — customer, vendor, affiliate (sidebar layout) */
.bm-page:has(> .bm-dash){padding-top:20px}
.bm-dash{display:grid;gap:20px;align-items:start;margin-bottom:40px}
@media(min-width:1024px){.bm-dash{grid-template-columns:268px minmax(0,1fr);gap:26px}}

/* sidebar */
.bm-dside{position:relative;background:linear-gradient(170deg,var(--forest-3) 0%,var(--forest) 55%,var(--night) 100%);color:var(--on-dark);border-radius:22px;padding:16px;overflow:hidden;box-shadow:var(--sh-float)}
.bm-dside::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(142,209,58,.22),transparent 70%);pointer-events:none}
@media(min-width:1024px){.bm-dside{position:sticky;top:calc(var(--bm-hh,92px) + 16px);padding:20px 16px;max-height:calc(100vh - var(--bm-hh,92px) - 32px);overflow-y:auto;scrollbar-width:thin}}
.bm-dside-me{position:relative;display:flex;align-items:center;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--line-dark);margin-bottom:10px}
.bm-dav{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--lime),var(--leaf));color:var(--forest);font-weight:800;font-size:20px;overflow:hidden;box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.bm-dav img{width:100%;height:100%;object-fit:cover}
.bm-dav--lg{width:72px;height:72px;font-size:28px;border-radius:18px}
.bm-dav--xl{width:96px;height:96px;font-size:38px;border-radius:24px;border:4px solid #fff}
.bm-dside-who{display:grid;min-width:0}
.bm-dside-who strong{font-size:15.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-dside-who small{font-size:12px;color:var(--on-dark-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bm-dverified{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--lime)}
.bm-dverified svg{width:13px;height:13px;stroke-width:3}

.bm-dnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px 6px}
.bm-dnav::-webkit-scrollbar{display:none}
.bm-dnav a{position:relative;display:flex;align-items:center;gap:10px;flex:none;padding:10px 13px;border-radius:12px;color:var(--on-dark);font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.bm-dnav a svg{width:19px;height:19px;flex:none;opacity:.85}
.bm-dnav a:hover{background:rgba(255,255,255,.07);color:#fff}
.bm-dnav a.is-active{background:var(--lime);color:var(--forest);box-shadow:0 10px 22px -12px rgba(142,209,58,.8)}
.bm-dnav a.is-active svg{opacity:1}
.bm-dbadge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:11.5px;font-weight:800;display:grid;place-items:center}
.bm-dnav a.is-active .bm-dbadge{background:var(--forest);color:var(--lime)}
.bm-dmeta{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:var(--lime)}
.bm-dnav a.is-active .bm-dmeta{color:var(--forest)}
@media(min-width:1024px){
  .bm-dnav{flex-direction:column;overflow:visible;margin:0;padding:0;gap:3px}
  .bm-dnav a:hover{transform:translateX(3px)}
}
.bm-dside-switch,.bm-dside-help,.bm-dside-out{display:none}
@media(min-width:1024px){
  .bm-dside-switch{display:grid;gap:2px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-dark)}
  .bm-dside-h{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-3);padding:0 13px 6px}
  .bm-dside-switch a{display:flex;align-items:center;gap:10px;padding:8px 13px;border-radius:10px;color:var(--on-dark-2);font-size:13.5px;font-weight:500}
  .bm-dside-switch a svg{width:17px;height:17px}
  .bm-dside-switch a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .bm-dside-help{display:block;margin-top:16px;padding:16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark)}
  .bm-dside-help strong{color:#fff;font-size:15px}
  .bm-dside-help p{margin:4px 0 12px;font-size:13px;color:var(--on-dark-2)}
  .bm-dside-help form{margin:0}
  .bm-dside-help .bm-btn svg{width:17px;height:17px}
  .bm-dside-out{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 13px;border-radius:10px;color:var(--on-dark-2);font-size:13.5px;font-weight:600}
  .bm-dside-out svg{width:18px;height:18px}
  .bm-dside-out:hover{color:#fff;background:rgba(194,40,60,.25)}
}

/* main */
.bm-dmain{min-width:0;display:grid;gap:20px;align-content:start}
.bm-dtop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.bm-dtop h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.bm-dtop h1 em{font-style:normal;color:var(--leaf-deep)}
.bm-dtop p{margin:6px 0 0;color:var(--ink-2);font-size:15px;max-width:62ch}
.bm-dtop-act{display:flex;gap:10px;flex-wrap:wrap}
.bm-dtop-act .bm-btn svg{width:18px;height:18px}

.bm-dstats{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1100px){.bm-dstats{grid-template-columns:repeat(4,minmax(0,1fr))}.bm-dstats--5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1099px){.bm-dstats--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bm-dstat{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card);color:var(--ink);transition:transform .25s var(--spring),box-shadow .25s;min-width:0}
a.bm-dstat:hover{transform:translateY(-3px);box-shadow:var(--sh-float);color:var(--ink)}
.bm-dstat-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--mint);color:var(--leaf-deep)}
.bm-dstat-ic svg{width:23px;height:23px}
.bm-dstat--gold .bm-dstat-ic{background:var(--amber-bg);color:var(--gold-deep)}
.bm-dstat--green .bm-dstat-ic{background:var(--forest);color:var(--lime)}
.bm-dstat-tx{display:grid;min-width:0}
.bm-dstat-tx small{font-size:12.5px;color:var(--ink-2);font-weight:600}
.bm-dstat-tx strong{font-size:clamp(18px,2vw,24px);font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-dstat-tx em{font-style:normal;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:480px){.bm-dstat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.bm-dstat-ic{width:40px;height:40px}}

.bm-dgrid{display:grid;gap:20px}
@media(min-width:1100px){.bm-dgrid--main{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media(min-width:800px){.bm-dgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bm-dcol{display:grid;gap:20px;align-content:start}

.bm-dcard,.bm-dash .bm-panelbox{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:20px;box-shadow:var(--sh-card);min-width:0}
.bm-dash .bm-panelbox{margin:0}
.bm-dcard--soft{background:var(--field)}
.bm-dcard--forest{background:linear-gradient(150deg,var(--forest-3),var(--forest));color:var(--on-dark);border:0;position:relative;overflow:hidden}
.bm-dcard--forest::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(242,178,51,.25),transparent 70%)}
.bm-dcard--forest p{color:var(--on-dark-2);margin:6px 0 14px;font-size:14px;position:relative}
.bm-dcard--forest .bm-btn{position:relative}
.bm-dbig{display:block;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-top:6px;position:relative}
.bm-dcard-h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:17px;font-weight:700;color:var(--ink)}
.bm-dcard-h svg{width:20px;height:20px;color:var(--leaf-deep)}
.bm-dcard-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.bm-dcard-hrow .bm-dcard-h{margin:0}
.bm-dcard-hrow > a{font-weight:700;font-size:13.5px}
.bm-dempty{display:grid;justify-items:center;text-align:center;gap:6px;padding:24px 10px}
.bm-dempty > svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--mint);color:var(--leaf-deep);box-sizing:content-box}
.bm-dempty strong{font-size:17px}
.bm-dempty p{margin:0 0 8px;color:var(--ink-2);max-width:40ch}

/* table rows */
.bm-dtable{display:grid}
.bm-dtr{display:grid;grid-template-columns:1.4fr 1fr .7fr 1fr 1fr;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid var(--hair);color:var(--ink);font-size:14px;border-radius:10px;transition:background .15s}
a.bm-dtr:hover{background:var(--field);color:var(--ink)}
.bm-dtr--h{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:0}
.bm-dtr > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-dtr-prod{display:flex!important;align-items:center;gap:10px}
.bm-dthumb{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;overflow:hidden;background:var(--mint);color:var(--leaf-deep)}
.bm-dthumb img{width:100%;height:100%;object-fit:cover}
.bm-dthumb svg{width:20px;height:20px}
@media(max-width:700px){
  .bm-dtr{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:auto;row-gap:4px;column-gap:12px;padding:12px 6px}
  .bm-dtr--h{display:none}
  .bm-dtr > span:nth-child(1){grid-row:1;grid-column:1}
  .bm-dtr > span:nth-child(2){grid-row:2;grid-column:1;font-size:12.5px;color:var(--ink-2)}
  .bm-dtr > span:nth-child(3){display:none}
  .bm-dtr > span:nth-child(4){grid-row:1;grid-column:2;text-align:right;overflow:visible}
  .bm-dtr > span:nth-child(5){grid-row:2;grid-column:2;text-align:right;overflow:visible}
  .bm-dtr-prod ~ span:nth-child(2){padding-left:50px}
  .bm-dtr > span:nth-child(1) strong{font-size:13.5px}
}

.bm-dquick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bm-dquick a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:14px;background:var(--field);color:var(--ink);font-weight:700;font-size:14px;transition:background .2s,transform .25s var(--spring)}
.bm-dquick a svg{width:22px;height:22px;color:var(--leaf-deep)}
.bm-dquick a:hover{background:var(--mint);transform:translateY(-2px);color:var(--forest)}

/* vendor chips */
.bm-dvendors{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bm-vchip{border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s var(--spring),box-shadow .25s}
.bm-vchip:hover{transform:translateY(-3px);box-shadow:var(--sh-float)}
.bm-vchip-top{position:relative;display:block;height:96px}
.bm-vchip-cover{position:absolute;inset:0;background:linear-gradient(135deg,var(--forest-3),var(--leaf-deep))}
.bm-vchip-cover img{width:100%;height:100%;object-fit:cover;opacity:.85}
.bm-vchip-av{position:absolute;left:14px;bottom:-22px;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--lime);color:var(--forest);font-weight:800;font-size:21px;border:3px solid #fff;overflow:hidden}
.bm-vchip-av img{width:100%;height:100%;object-fit:cover}
.bm-vchip-body{padding:28px 14px 14px}
.bm-vchip-body strong{display:block;font-size:15.5px}
.bm-vchip-body small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}
.bm-vchip-act{display:flex;gap:8px;align-items:center;margin-top:12px}
.bm-vchip-act form{margin:0}
.bm-vchip-act .bm-btn{flex:1;padding:0 12px;min-height:38px;font-size:13.5px}
.bm-icon-round{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--hair);background:#fff;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s,transform .2s var(--spring)}
.bm-icon-round svg{width:18px;height:18px}
.bm-icon-round:hover{background:var(--mint);color:var(--leaf-deep);transform:scale(1.08)}
.bm-icon-round.is-on{background:#fde8ec;border-color:#f6c4cd;color:var(--red)}
.bm-icon-round.is-on svg path{fill:currentColor}

/* track */
.bm-track{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative;counter-reset:s}
.bm-track::before{content:"";position:absolute;left:8%;right:8%;top:15px;height:3px;border-radius:3px;background:var(--hair)}
.bm-track li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}
.bm-track li span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--hair);color:var(--ink-3);font-size:12.5px;font-weight:700}
.bm-track li span svg{width:16px;height:16px;stroke-width:3}
.bm-track li small{font-size:11.5px;color:var(--ink-3);font-weight:600;line-height:1.2}
.bm-track li.is-done span{background:var(--leaf);border-color:var(--leaf);color:#fff}
.bm-track li.is-done::after{content:"";position:absolute;top:15px;left:50%;width:100%;height:3px;background:var(--leaf)}
.bm-track li:last-child::after{display:none}
.bm-track li.is-now span{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);box-shadow:0 0 0 6px rgba(242,178,51,.22);animation:bm-dpulse 1.8s ease-in-out infinite}
.bm-track li.is-done small,.bm-track li.is-now small{color:var(--ink)}
@keyframes bm-dpulse{50%{box-shadow:0 0 0 10px rgba(242,178,51,.08)}}
.bm-dtrack-no{font-size:16px}
.bm-dtrack-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.bm-dtrack-foot form{margin:0}
.bm-dtrack-foot > .bm-muted{flex:1 1 200px}

.bm-chatbtn-f{display:inline;margin:0 0 0 auto}
.bm-chatbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid #bfe8d5;background:#e7fce3;color:#008069;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}
.bm-chatbtn svg{width:16px;height:16px}
.bm-chatbtn:hover{background:#d1f4cc;transform:translateY(-1px)}
.bm-received-vendor{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* forms */
.bm-dform{display:grid;gap:14px}
.bm-dform--2{grid-template-columns:1fr}
@media(min-width:700px){.bm-dform--2{grid-template-columns:1fr 1fr}.bm-dform-wide{grid-column:1/-1}}
.bm-dform textarea{width:100%;border:1px solid var(--hair);border-radius:12px;padding:12px 14px;background:var(--field);font-size:15px}
.bm-dform .bm-btn{justify-self:start}
.bm-dlist{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.bm-dlist li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--hair);font-size:14px}
.bm-dlist li span{color:var(--ink-2)}
.bm-dbtns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bm-dbtns form{margin:0}
.bm-dlogo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}

/* addresses */
.bm-daddrs{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.bm-daddr p{margin:0 0 14px;color:var(--ink-2);line-height:1.6}
.bm-daddr p strong{color:var(--ink)}
.bm-daddr.is-default{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(45,180,90,.15),var(--sh-card)}
.bm-daddr-act{display:flex;gap:8px;flex-wrap:wrap}
.bm-daddr-act form{margin:0}
.bm-daddr-act .bm-btn{min-height:36px;padding:0 12px;font-size:13px}

.bm-dpaycards{display:grid;gap:14px}
@media(min-width:800px){.bm-dpaycards{grid-template-columns:repeat(3,1fr)}}
.bm-dpaycards div{display:grid;gap:4px;padding:14px;border-radius:14px;background:var(--field)}
.bm-dpaycards svg{width:26px;height:26px;color:var(--leaf-deep)}
.bm-dpaycards small{color:var(--ink-2);font-size:13px}

.bm-drate{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--hair)}
.bm-drate-p{display:grid;flex:1 1 200px}
.bm-drate-p small{color:var(--ink-2);font-size:12.5px}

/* vendor */
.bm-dstatus{display:flex;gap:18px;align-items:flex-start}
.bm-dstatus-ic{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:var(--amber-bg);color:var(--gold-deep)}
.bm-dstatus-ic svg{width:28px;height:28px}
.bm-dstatus h3{margin:0 0 6px;font-size:20px}
.bm-dstatus p{margin:0 0 14px;color:var(--ink-2)}
.bm-dchart{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:end;height:220px;padding-top:24px}
.bm-dchart-col{display:grid;grid-template-rows:1fr auto;height:100%;gap:6px;text-align:center}
.bm-dchart-col i{position:relative;align-self:end;display:block;height:max(4px,var(--v));border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--lime),var(--leaf-deep));transform-origin:bottom;animation:bm-dbar .9s var(--ease) both}
.bm-dchart-col:nth-child(odd) i{animation-delay:.05s}
.bm-dchart-col i b{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--ink-2);white-space:nowrap;opacity:0;transition:opacity .2s}
.bm-dchart-col:hover i b{opacity:1}
.bm-dchart-col:hover i{filter:brightness(1.1)}
.bm-dchart-col small{font-size:11px;color:var(--ink-3)}
@keyframes bm-dbar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.bm-dtop-p{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.bm-dtop-p > span:nth-child(2){flex:1;display:grid;min-width:0}
.bm-dtop-p small{color:var(--ink-2);font-size:12.5px}
.bm-dtop-p b{font-size:13px;color:var(--leaf-deep);white-space:nowrap}
.bm-dfilter{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.bm-dfilter a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--hair);color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap}
.bm-dfilter a b{font-size:12px;padding:1px 7px;border-radius:999px;background:var(--field)}
.bm-dfilter a.is-on{background:var(--forest);border-color:var(--forest);color:#fff}
.bm-dfilter a.is-on b{background:var(--lime);color:var(--forest)}
.bm-dash .bm-vorder{display:grid;gap:8px}
.bm-dash .bm-vorder .bm-track{margin:6px 0 8px}

/* affiliate */
.bm-dref{display:grid;gap:18px;padding:22px;border-radius:22px;background:linear-gradient(135deg,var(--forest-3),var(--forest) 60%,var(--night));color:var(--on-dark);box-shadow:var(--sh-float);position:relative;overflow:hidden}
.bm-dref::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(142,209,58,.25),transparent 70%)}
@media(min-width:1000px){.bm-dref{grid-template-columns:1.5fr 1fr;align-items:center}}
.bm-dref-main{position:relative;display:grid;gap:10px}
.bm-dref-main p{margin:0;color:var(--on-dark-2);font-size:14px}
.bm-dref-code{display:inline-block;padding:2px 10px;border-radius:8px;background:rgba(255,255,255,.1);color:var(--lime);letter-spacing:.08em}
.bm-copylink--dark input{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.bm-copylink .bm-btn svg{width:17px;height:17px}
.bm-dref-share{position:relative;display:grid;gap:10px}
.bm-dref-share > span{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-3)}
.bm-dref-share > div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bm-dshare{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;transition:transform .25s var(--spring),background .2s}
.bm-dshare svg{width:24px;height:24px}
.bm-dshare small{font-size:11.5px;color:var(--on-dark-2)}
.bm-dshare:hover{transform:translateY(-3px);color:#fff}
.bm-dshare--whatsapp:hover{background:#25d366}.bm-dshare--facebook:hover{background:#1877f2}.bm-dshare--x:hover{background:#000}.bm-dshare--telegram:hover{background:#229ed9}
.bm-dshare:hover small{color:#fff}
.bm-dgrow ul{list-style:none;margin:10px 0 16px;padding:0;display:grid;gap:10px;position:relative}
.bm-dgrow li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--on-dark)}
.bm-dgrow li svg{width:20px;height:20px;color:var(--lime);flex:none}
.bm-dshare-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.bm-dsp{padding:0;overflow:hidden;display:flex;flex-direction:column}
.bm-dsp-img{display:block;aspect-ratio:16/10;background:var(--mint)}
.bm-dsp-img img{width:100%;height:100%;object-fit:cover}
.bm-dsp-body{padding:14px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.bm-dsp-body small{color:var(--ink-2)}
.bm-copylink--sm input{min-height:38px;font-size:12.5px}
.bm-copylink--sm .bm-btn{min-height:38px;padding:0 12px;flex:0 0 auto;white-space:nowrap;gap:6px}
.bm-copylink--sm{flex-wrap:nowrap;min-width:0;max-width:100%}.bm-copylink--sm input{flex:1 1 0!important;width:0!important;min-width:0!important}.bm-copylink--sm .bm-btn{width:96px;justify-content:center}
.bm-copylink .bm-btn.is-copied{background:var(--pine,#1f7a3d);color:#fff}
.bm-dsp-wa{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:#128c7e}
.bm-dsp-wa svg{width:18px;height:18px}

.bm-dprod{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(min-width:1100px){.bm-dprod{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* vendor store header (shop?seller) */
.bm-store{position:relative;margin:10px 0 26px;border-radius:24px;overflow:hidden;background:var(--forest);color:var(--on-dark);box-shadow:var(--sh-float)}
.bm-store-cover{position:absolute;inset:0}
.bm-store-cover img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(1.1)}
.bm-store-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,36,20,.95),rgba(10,36,20,.55))}
.bm-store-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:30px clamp(18px,4vw,40px)}
.bm-store-tx{flex:1 1 320px;min-width:0}
.bm-store-tx h1{margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.03em;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bm-store-tx h1 .bm-dverified{font-size:12.5px;padding:4px 10px;border-radius:999px;background:rgba(142,209,58,.15)}
.bm-store-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 0;color:var(--on-dark-2);font-size:14px}
.bm-store-meta span{display:inline-flex;align-items:center;gap:5px}
.bm-store-meta svg{width:16px;height:16px}
.bm-store-about{margin:10px 0 0;color:var(--on-dark);max-width:70ch}
.bm-store-act{display:flex;gap:10px;flex-wrap:wrap}
.bm-store-act form{margin:0}
.bm-store-act .bm-btn svg{width:18px;height:18px}

/* product page chat */
.bm-pdp-talk{display:flex;gap:10px;align-items:center;margin:14px 0}
.bm-pdp-talk form{margin:0}
.bm-pdp-talk form:first-child{flex:1}
.bm-pdp-talkbtn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid #bfe8d5;background:#f0fcee;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.bm-pdp-talkbtn:hover{background:#e1f8dc;transform:translateY(-1px);color:var(--ink)}
.bm-pdp-talkbtn > svg{width:28px;height:28px;padding:7px;border-radius:50%;background:#00a884;color:#fff;box-sizing:content-box;flex:none}
.bm-pdp-talkbtn span{display:grid;font-size:13px;color:var(--ink-2)}
.bm-pdp-talkbtn strong{font-size:14.5px;color:var(--ink)}

/* header bits */
.bm-msg-link{position:relative}
.bm-acct-hi small{display:block;font-size:11.5px;font-weight:500;color:var(--ink-3)}
.bm-acct-menu a{display:flex!important;align-items:center;gap:10px}
.bm-acct-menu a svg{width:17px;height:17px;color:var(--leaf-deep);flex:none}
.bm-acct-sep{display:block;height:1px;margin:6px 0;background:var(--hair)}
.bm-hello{background:linear-gradient(90deg,var(--forest-2),var(--forest-3));color:var(--on-dark);border-bottom:1px solid var(--line-dark)}
.bm-hello-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:9px;padding-bottom:9px;font-size:13.5px}
.bm-hello-hi strong{color:#fff}
.bm-hello-links{display:flex;flex-wrap:wrap;gap:8px}
.bm-hello-links a{padding:3px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--on-dark);font-weight:600;font-size:12.5px}
.bm-hello-links a.is-hot{background:var(--gold);color:var(--gold-ink)}
.bm-hello-links a:hover{background:rgba(255,255,255,.16);color:#fff}
.bm-hello-go{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-weight:700}
.bm-hello-go svg{width:16px;height:16px}
.bm-hello-go:hover{color:#fff}
@media(max-width:600px){.bm-hello-links{display:none}}

/* vendor login card */
.bm-vauth .bm-vauth-tabs{max-width:none;margin:0 0 18px;box-shadow:none;background:var(--field)}
.bm-vauth h3{margin:0 0 12px}
.bm-vauth .bm-authx-form{display:grid;gap:14px}
[data-bm-msg-badge][hidden]{display:none!important}
@media(min-width:1200px){.bm-nav a{white-space:nowrap}}
@media(min-width:1024px){.bm-dside{max-height:none;overflow:visible}}
.bm-dgrid{align-items:start}
@media(min-width:701px){.bm-dtr{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,.5fr) minmax(0,.9fr) minmax(0,1.3fr)}}
.bm-dtr .bm-badge{white-space:nowrap;font-size:10.5px;padding:3px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}
@media(max-width:520px){.bm-header-actions{gap:2px}.bm-header-actions .bm-icon-btn{width:38px}}
@media(max-width:420px){.bm-header-actions .bm-icon-btn{width:35px}.bm-header-bar{gap:6px}.bm-acct summary{padding-left:4px;padding-right:4px}}

/* v7.7 — app layout: sidebar flush to the left edge, full height */
.bm-page:has(> .bm-dash){max-width:none;padding:0}
.bm-dash{margin:0;gap:0}
.bm-dmain{padding:22px 16px 40px}
.bm-dside{border-radius:0;box-shadow:none}
@media(min-width:1024px){
  .bm-dash{grid-template-columns:272px minmax(0,1fr)}
  .bm-dside{position:sticky;top:var(--bm-hh,100px);height:calc(100vh - var(--bm-hh,100px));overflow-y:auto;padding:22px 14px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;transition:top .35s var(--ease),height .35s var(--ease)}
  .bm-dmain{padding:30px clamp(24px,3vw,44px) 56px;max-width:1500px}
}
@media(min-width:1600px){.bm-dash{grid-template-columns:300px minmax(0,1fr)}}
.bm-dash + *{margin-top:0}

/* v7.7 — photos, chips, profile meter */
.bm-dupload{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1.5px dashed var(--leaf);background:var(--green-bg);color:var(--leaf-deep);font-weight:700;font-size:13.5px;cursor:pointer;transition:background .2s,transform .2s}
.bm-dupload:hover{background:var(--mint);transform:translateY(-1px)}
.bm-dupload svg{width:17px;height:17px}
.bm-dupload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.bm-dphotos{display:grid;gap:16px}
.bm-dphoto{display:flex;gap:16px;align-items:center;padding:12px;border-radius:16px;background:var(--field)}
.bm-dphoto > div{display:grid;gap:6px;justify-items:start;min-width:0}
.bm-dphoto small{color:var(--ink-2);font-size:12.5px}
.bm-dphoto-img{display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:18px;background:#fff;border:1px solid var(--hair);color:var(--ink-3);overflow:hidden}
.bm-dphoto-img svg{width:28px;height:28px}
.bm-dphoto-img img{width:100%;height:100%;object-fit:cover}
.bm-dphoto--avatar .bm-dphoto-img{border-radius:50%}
.bm-dphoto--cover{flex-direction:column;align-items:stretch}
.bm-dphoto--cover .bm-dphoto-img{width:100%;height:150px;border-radius:14px}
.bm-dchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.bm-dchips label{position:relative;cursor:pointer}
.bm-dchips input{position:absolute;opacity:0;pointer-events:none}
.bm-dchips span{display:inline-block;padding:8px 13px;border-radius:999px;border:1px solid var(--hair);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:all .2s}
.bm-dchips input:checked + span{background:var(--forest);border-color:var(--forest);color:#fff}
.bm-dchips input:focus-visible + span{outline:3px solid var(--gold)}
.bm-dchips--sm span{padding:6px 10px;font-size:12.5px}
.bm-dmeter{height:12px;border-radius:999px;background:var(--field);overflow:hidden}
.bm-dmeter i{display:block;height:100%;width:var(--v);border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--lime),var(--leaf));animation:bm-dgrow 1.1s var(--ease) both}
@keyframes bm-dgrow{from{width:0}}
.bm-dmeter-l{margin:8px 0 10px;color:var(--ink-2)}
.bm-dmeter-l strong{color:var(--ink);font-size:18px}
.bm-dmiss{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bm-dmiss li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.bm-dmiss li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold)}
.bm-dnudge{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:linear-gradient(90deg,var(--amber-bg),#fff);border:1px solid #f1d9a6;color:var(--ink)}
.bm-dnudge:hover{color:var(--ink);box-shadow:var(--sh-card)}
.bm-dnudge > span:nth-child(2){flex:1;display:grid}
.bm-dnudge small{color:var(--ink-2)}
.bm-dnudge > svg{width:20px;height:20px;color:var(--gold-deep)}
.bm-dnudge-ring{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--leaf) calc(var(--v)*1%),var(--hair) 0)}
.bm-dnudge-ring b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;font-size:12.5px}
.bm-dverified--gold{color:var(--gold)!important;background:rgba(242,178,51,.15)!important}

/* store info strip */
.bm-store-info{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;margin:-10px 0 26px;padding:16px 22px;border-radius:18px;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card)}
.bm-store-info:not(:has(div)){display:none}
.bm-store-info small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.bm-store-info p{margin:2px 0 0;font-weight:600;font-size:14px}
.bm-store-owner{display:flex;align-items:center;gap:10px}
.bm-store-owner img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--leaf)}
.bm-store-links{display:flex;flex-wrap:wrap;gap:12px}
.bm-store-links a{display:inline-flex;align-items:center;gap:5px;color:var(--leaf-deep)}
.bm-store-links svg{width:16px;height:16px}

/* vendors directory */
.bm-vdir-hero{position:relative;overflow:hidden;background:radial-gradient(1000px 400px at 85% 0%,rgba(142,209,58,.25),transparent 60%),linear-gradient(135deg,var(--forest-3),var(--forest) 55%,var(--night));color:var(--on-dark)}
.bm-vdir-hero-in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:40px;padding-bottom:44px}
.bm-vdir-hero h1{margin:8px 0 8px;font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.04em;color:#fff}
.bm-vdir-hero h1 em{font-style:normal;color:var(--lime)}
.bm-vdir-hero p{margin:0;max-width:58ch;color:var(--on-dark-2);font-size:16px}
.bm-crumbs--light,.bm-crumbs--light a{color:var(--on-dark-2)}
.bm-vdir-cta .bm-btn svg{width:20px;height:20px}
.bm-vdir{padding-top:0}
.bm-vdir-filters{position:relative;z-index:2;display:grid;gap:10px;margin:-26px 0 14px;padding:14px;border-radius:20px;background:#fff;box-shadow:var(--sh-float);border:1px solid var(--hair)}
@media(min-width:900px){.bm-vdir-filters{grid-template-columns:2fr 1fr 1fr 1fr auto}}
.bm-vdir-filters select,.bm-vdir-q{min-height:46px;border:1px solid var(--hair);border-radius:12px;background:var(--field);padding:0 12px;font-size:14.5px}
.bm-vdir-q{display:flex;align-items:center;gap:8px;color:var(--ink-3)}
.bm-vdir-q svg{width:18px;height:18px}
.bm-vdir-q input{flex:1;border:0;background:none;outline:0;min-width:0;font-size:14.5px}
.bm-vdir-count{margin:0 0 18px;color:var(--ink-2)}
.bm-vdir-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}
.bm-vcard{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card);transition:box-shadow .3s,transform .3s var(--ease)}
.bm-vcard:hover{box-shadow:var(--sh-float)}
.bm-vcard-cover{position:relative;display:block;height:150px;background:linear-gradient(135deg,var(--forest-3),var(--leaf-deep));overflow:hidden}
.bm-vcard-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.bm-vcard:hover .bm-vcard-cover img{transform:scale(1.07)}
.bm-vcard-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,23,12,.55))}
.bm-vcard-type{position:absolute;z-index:1;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--forest);font-size:11.5px;font-weight:700}
.bm-vcard-av{position:absolute;left:18px;top:112px;z-index:2;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--lime);color:var(--forest);font-weight:800;font-size:28px;border:4px solid #fff;overflow:hidden;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}
.bm-vcard-av img{width:100%;height:100%;object-fit:cover}
.bm-vcard-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:44px 18px 18px}
.bm-vcard-body h3{margin:0;font-size:18px;display:flex;align-items:center;gap:6px}
.bm-vcard-body h3 a{color:var(--ink)}
.bm-vcard-body h3 a:hover{color:var(--leaf-deep)}
.bm-vcard-tick{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--leaf);color:#fff;flex:none}
.bm-vcard-tick svg{width:12px;height:12px;stroke-width:3.4}
.bm-vcard-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:13px;color:var(--ink-2)}
.bm-vcard-meta span{display:inline-flex;align-items:center;gap:4px}
.bm-vcard-meta svg{width:15px;height:15px}
.bm-vcard-star{color:var(--ink);font-weight:700}
.bm-vcard-star small{color:var(--ink-3);font-weight:500}
.bm-vcard-new{padding:2px 8px;border-radius:999px;background:var(--amber-bg);color:var(--amber);font-weight:700;font-size:11.5px}
.bm-vcard-about{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.55}
.bm-vcard-tags{display:flex;flex-wrap:wrap;gap:6px}
.bm-vcard-tags span{padding:4px 10px;border-radius:999px;background:var(--green-bg);color:var(--green-ink);font-size:12px;font-weight:600}
.bm-vcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--hair)}
.bm-vcard-foot > span{font-size:13px;color:var(--ink-2)}
.bm-vcard-act{display:flex;align-items:center;gap:6px}
.bm-vcard-act form{margin:0}
.bm-vcard-act .bm-btn{min-height:38px;padding:0 14px;font-size:13.5px}
.bm-pager{display:flex;gap:6px;justify-content:center;margin:10px 0 30px}
.bm-pager a{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--hair);font-weight:700;color:var(--ink)}
.bm-pager a.is-active{background:var(--forest);color:#fff;border-color:var(--forest)}
.bm-crumbs--light span{color:#fff}
.bm-vcard-act .bm-btn,.bm-vcard-foot > span{white-space:nowrap}

/* v7.7.1 — vendor store info in separate blocks */
.bm-store-info{display:none!important}
.bm-sblks{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:-6px 0 34px}
.bm-sblk{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card);transition:transform .25s var(--spring),box-shadow .25s;min-width:0}
.bm-sblk:hover{transform:translateY(-3px);box-shadow:var(--sh-float)}
.bm-sblk-ic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--mint);color:var(--leaf-deep);overflow:hidden}
.bm-sblk-ic svg{width:22px;height:22px}
.bm-sblk-ic.has-img{border-radius:50%;border:2px solid var(--leaf)}
.bm-sblk-ic img{width:100%;height:100%;object-fit:cover}
.bm-sblk > div{min-width:0;display:grid;gap:4px}
.bm-sblk small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.bm-sblk-v{font-weight:700;font-size:15px;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}
.bm-sblk-v small{display:block;font-weight:500;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--ink-2);margin-top:2px}
.bm-sblk-v a{display:flex;align-items:center;gap:6px;color:var(--leaf-deep);font-size:14px;margin-top:2px}
.bm-sblk-v a svg{width:16px;height:16px;flex:none}
.bm-sblk-tag{display:inline-block;margin:2px 6px 2px 0;padding:3px 10px;border-radius:999px;background:var(--green-bg);color:var(--green-ink);font-size:12.5px;font-weight:600}
.bm-sprod-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.bm-sprod-head h2{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.03em}
.bm-sprod-head h2 em{font-style:normal;color:var(--leaf-deep)}
.bm-sprod-head span{color:var(--ink-2);font-weight:600}
.bm-sblk{animation:bm-sblk-in .55s var(--ease) both}
.bm-sblk:nth-child(2){animation-delay:.05s}.bm-sblk:nth-child(3){animation-delay:.1s}.bm-sblk:nth-child(4){animation-delay:.15s}.bm-sblk:nth-child(5){animation-delay:.2s}.bm-sblk:nth-child(6){animation-delay:.25s}.bm-sblk:nth-child(7){animation-delay:.3s}.bm-sblk:nth-child(n+8){animation-delay:.35s}
@keyframes bm-sblk-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.bm-sblks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bm-sblk{animation:none}}

/* v7.9 — long emails / links never spill out of an info block */
.bm-sblk{overflow:hidden}
.bm-sblk-v a{min-width:0;max-width:100%}
.bm-sblk-v a span,.bm-sblk-v a{overflow-wrap:anywhere;word-break:break-word}

/* v7.9 — announcements */
.bm-dann-list{display:grid;gap:14px}
.bm-dann{display:flex;gap:16px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--hair);box-shadow:var(--sh-card);position:relative;overflow:hidden}
.bm-dann.is-new{border-color:#f1d9a6;background:linear-gradient(90deg,#fffaf0,#fff 40%)}
.bm-dann.is-new::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
.bm-dann-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--forest);color:var(--lime)}
.bm-dann-ic svg{width:24px;height:24px}
.bm-dann-tx{flex:1;min-width:0;display:grid;gap:8px;justify-items:start}
.bm-dann-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}
.bm-dann-top strong{font-size:17px}
.bm-dann-top time{margin-left:auto;color:var(--ink-3);font-size:12.5px}
.bm-dann p{margin:0;color:var(--ink-2);line-height:1.6;overflow-wrap:anywhere}
.bm-dann small{color:var(--ink-3);font-size:12px}
.bm-dann .bm-btn{min-height:38px;font-size:13.5px}
.bm-dann .bm-btn svg{width:16px;height:16px}
.bm-dann-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:linear-gradient(120deg,var(--forest-3),var(--forest));color:var(--on-dark);box-shadow:var(--sh-card)}
.bm-dann-banner:hover{color:#fff;transform:translateY(-1px)}
.bm-dann-banner .bm-dann-ic{background:var(--gold);color:var(--gold-ink)}
.bm-dann-banner > span:nth-child(2){flex:1;min-width:0;display:grid}
.bm-dann-banner small{color:var(--gold);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.bm-dann-banner strong{color:#fff;font-size:16px}
.bm-dann-banner em{font-style:normal;color:var(--on-dark-2);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bm-dann-banner > svg{width:20px;height:20px;color:var(--lime)}

/* phone polish */
@media(max-width:520px){
  .bm-track li small{font-size:10px;letter-spacing:-.01em;padding:0 1px;overflow-wrap:anywhere}
  .bm-track li span{width:28px;height:28px}
  .bm-track::before,.bm-track li.is-done::after{top:13px}
  .bm-pcard-form .bm-btn{white-space:nowrap;gap:6px;padding-left:8px;padding-right:8px;font-size:13.5px}
}

/* data tables: neat rows on desktop, stacked cards on phones */
.bm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bm-table{width:100%;border-collapse:collapse;font-size:14px}
.bm-table th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--hair);white-space:nowrap}
.bm-table td{padding:11px 10px;border-bottom:1px solid var(--hair);vertical-align:middle}
@media(max-width:640px){
  .bm-table-wrap{overflow:visible}
  .bm-table,.bm-table tbody,.bm-table tr,.bm-table td{display:block;width:100%}
  .bm-table thead{display:none}
  .bm-table tr{padding:10px 12px;margin-bottom:10px;border:1px solid var(--hair);border-radius:12px;background:#fff}
  .bm-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border:0;text-align:right;overflow-wrap:anywhere}
  .bm-table td::before{content:attr(data-label);flex:none;font-size:12px;font-weight:600;color:var(--ink-3);text-align:left}
  .bm-table td:first-child{font-weight:700;border-bottom:1px dashed var(--hair);padding-bottom:8px;margin-bottom:2px}
}

/* vendor agreement */
.bm-agree-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.bm-agree-head > div{flex:1 1 260px}
.bm-agree-head h3{margin:0 0 4px;font-size:18px}
.bm-agree-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mint);color:var(--leaf-deep);flex:none}
.bm-agree-ic svg{width:24px;height:24px}
.bm-agree-text{margin-top:14px;max-height:340px;overflow:auto;padding:16px 18px;border:1px solid var(--hair);border-radius:14px;background:var(--field);font-size:14px;line-height:1.6}
.bm-agree-text h2{font-size:15px;margin:16px 0 6px}
.bm-agree-text h2:first-of-type{margin-top:8px}
.bm-agree-text ol{margin:0 0 6px;padding-left:22px}
.bm-agree-text li{margin:3px 0}
.bm-agree-form{display:grid;gap:20px}
.bm-req{color:#c0392b;font-weight:700}
.bm-agree-decl{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid #EFDDB4;border-radius:14px;background:#FBF3E2;margin:4px 0 14px;line-height:1.55;font-size:14px;cursor:pointer}
.bm-agree-decl input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--leaf-deep)}
.bm-agree-sign .bm-btn{margin-top:6px}
.bm-in-box select{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;padding:12px 0;outline:0;color:var(--ink)}
/* decline / cancel a part */
.bm-decline{display:inline-block}
.bm-decline > summary{list-style:none;cursor:pointer}
.bm-decline > summary::-webkit-details-marker{display:none}
.bm-decline-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.bm-decline-f input{flex:1 1 200px;min-width:0;border:1.5px solid var(--hair);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px}
.bm-decline small{display:block;margin-top:6px}
.bm-btn--danger{background:#B3261E;color:#fff;border-color:#B3261E}
.bm-btn--danger:hover{background:#8C1D18;color:#fff}
.bm-dnudge--gold{background:linear-gradient(90deg,#FFF1D6,#fff);border-color:#EFC879}
.bm-dnudge--gold .bm-dnudge-ring b svg{width:18px;height:18px}
.bm-agree-text .bm-doc-lead{font-size:14.5px;font-weight:600;line-height:1.55}
.bm-paynote{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bm-paynote form{margin:0}
.bm-storetoggle{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bm-storetoggle > div{flex:1 1 300px}
.bm-storetoggle p{margin:4px 0 0}
.bm-storetoggle.is-closed{background:#FFF5E5;border-color:#EFC879}

/* ───── v2.8.0: icon safety net (an icon can never blow up to full size again) ───── */
.bm-note svg,.bm-received-vendor svg,.bm-vo svg,.bm-paynote svg{width:18px;height:18px;max-width:18px;max-height:18px;flex:none;vertical-align:-3px}
.bm-vo-head svg{width:16px;height:16px}

/* ───── v2.8.0: vendor orders — every order expands / collapses ───── */
.bm-vo-tools{display:flex;gap:8px;justify-content:flex-end;margin:10px 0 6px}
.bm-vo-all{background:none;border:0;color:var(--leaf-deep);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;padding:4px 6px;text-decoration:underline;text-underline-offset:3px}
.bm-vo{border:1px solid var(--hair);border-radius:var(--r,16px);background:#fff;margin-bottom:12px;overflow:hidden}
.bm-vo.is-ask{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,178,51,.16)}
.bm-vo.is-open{border-color:var(--forest);box-shadow:var(--sh)}
.bm-vo-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;width:100%;padding:15px 18px;background:none;border:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.bm-vo-head:hover{background:#FBFBF6}
.bm-vo-no{font-family:var(--disp);font-weight:700;font-size:14px}
.bm-vo-who{color:var(--ink-2);font-size:14px}
.bm-vo-amt{font-weight:800;margin-left:auto}
.bm-vo-date{color:var(--ink-3)}
.bm-vo-tg{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--leaf-deep)}
.bm-vo-tg i{font-style:normal;display:inline-block;transition:transform .2s}
.bm-vo.is-open .bm-vo-tg i{transform:rotate(180deg)}
.bm-vo-less{display:none}.bm-vo.is-open .bm-vo-less{display:inline}.bm-vo.is-open .bm-vo-more{display:none}
.bm-vo-body{display:none;padding:6px 18px 18px;border-top:1px solid var(--hair);background:#F7F8F1}
.bm-vo.is-open .bm-vo-body{display:block}
.bm-vo-body .bm-note,.bm-vo-body .bm-vorder-ship,.bm-vo-body .bm-vorder-actions,.bm-vo-body .bm-vo-answer,.bm-vo-body .bm-photo-strip{margin-top:12px}
.bm-vo-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bm-vo-line .bm-track{flex:1 1 360px;min-width:0}
.bm-vo-answer{display:grid;gap:10px;padding:14px;border:1.5px dashed var(--gold);border-radius:14px;background:#fff}
.bm-vo-accept{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.bm-vo-accept label{display:grid;gap:5px;font-size:13px;font-weight:700;color:var(--ink-2);flex:1 1 170px}
.bm-vo-accept input{border:1.5px solid var(--hair);border-radius:12px;padding:10px 12px;font:inherit;font-size:14.5px;background:#fff;min-width:0}
.bm-vo-answer .bm-decline-f textarea{flex:1 1 260px;min-width:0;border:1.5px solid var(--hair);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px}
.bm-paynote form{margin:0}
.bm-rate-comment{resize:vertical;font-family:inherit}

/* ───── v2.8.0: ratings & reviews text — shown exactly as written ───── */
.bm-vrev-text{white-space:normal;overflow-wrap:anywhere}
.bm-sreviews{margin-top:34px}

/* delivery fee per state */
.bm-dfees{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:10px}
.bm-dfee{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;cursor:pointer}
.bm-dfee:has(input[type=checkbox]:checked){border-color:#1f8f4d;background:#f1faf4}
.bm-dfee-n{flex:1;font-size:14px}
.bm-dfee-i{display:inline-flex;align-items:center;gap:4px;font-size:14px}
.bm-dfee-i input{width:90px;padding:6px 8px;border:1px solid rgba(0,0,0,.18);border-radius:8px;font:inherit}
.bm-dfee-all{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bm-dfee-all input{padding:8px 10px;border:1px solid rgba(0,0,0,.18);border-radius:8px;font:inherit}