/* Admin product photos: the SAME frame the public shop uses (css/product-frame.css): light backdrop that matches the photos,
   one padding, a per-product scale so Band, Card and Slim read at a similar size, and soft edges. Same photo files as the shop.
   Used by the Stock tiles and by Sell a band. Loaded after admin-v2.css and admin-sell.css. */
:root{--pf-bg:#fdfdfd;--pf-band:.68;--pf-card:1.1;--pf-slim:.84}

/* per-product scale, chosen by the photo file (same rules as the shop) */
img[src*="/band-"][src$="-v2.png"]{--pf:var(--pf-band)}
img[src*="bnu-card-v3"]{--pf:var(--pf-card)}
img[src*="/slim-"][src$=".jpg"]{--pf:var(--pf-slim)}

/* Stock tiles */
.stage{background:var(--pf-bg) !important;box-shadow:none}
.stage::after{display:none}
.stage:has(img[src*="/slim-"]){background:#fff !important}
.imgs img,.imgs img.card-i{inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:none;
  transform:scale(calc(var(--pf,1) * .97))}
.imgs img.show{transform:scale(var(--pf,1))}

/* soft edges: the photos carry a faint baked-in box; fade it into the frame */
.imgs img,.sell__pic img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
  mask-composite:intersect}

/* Sell a band: the same framed photo, in small squares */
.sell__pic{display:block;flex:none;width:96px;height:96px;border-radius:14px;background:var(--pf-bg);overflow:hidden;position:relative}
.sell__pic[data-t="slim"]{background:#fff}
.sell__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(var(--pf,1));max-width:none}
.sell__row .sell__pic{width:56px;height:56px;border-radius:10px}
.sell__band .sell__pic{width:96px;height:96px}
.stage .cnt-badge{background:#ececE8;border:1px solid #d4d4ce;color:#14110d}