/* BN720 - Realistic tag preview on screen (printing is unchanged): the label on a lit work surface, thermal labels on their backing
   liner, paper tags with a reinforced hole and string, zoom for reading small print. Screen only. */
@media screen{
  .tag-page{position:relative;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:center;padding:44px 24px 56px!important;border-radius:18px;
    background:radial-gradient(70% 90% at 30% 0%,#ffffff,#eef1f4 70%),#eef1f4;box-shadow:inset 0 1px 0 #fff,inset 0 -12px 24px -18px rgba(16,24,40,.25),0 1px 2px rgba(16,24,40,.06)}
  .tag-page .price-tag{position:relative;background:#fff;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);
    box-shadow:0 1px 1px rgba(16,24,40,.12),0 6px 10px -4px rgba(16,24,40,.22),0 18px 28px -16px rgba(16,24,40,.3)}
  .tag-page .price-tag::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 35%,rgba(0,0,0,.025) 100%)}
  /* thermal: label on its liner */
  .tag-page .price-tag.bn-label-type-thermal{outline:7px solid #efe4c8;outline-offset:0;box-shadow:0 0 0 8px #e4d6b2,0 2px 2px 8px rgba(16,24,40,.08),0 16px 26px -10px rgba(16,24,40,.28)}
  /* paper hang tag: reinforced hole and string */
  .tag-page .price-tag:not(.bn-label-type-thermal){background:linear-gradient(160deg,#fffdf6,#f6efdf)}
  .tag-page .price-tag:not(.bn-label-type-thermal)::before{content:"";position:absolute;left:10px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#eef1f4;box-shadow:0 0 0 3px #e6d9be,inset 0 1px 2px rgba(0,0,0,.25)}
  .bn720-zoom .tag-page .price-tag{transform:scale(1.6);margin:30px 50px}
  .bn720-bar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:10px 0 0;font-size:13.5px;color:#64748b}
  .bn720-bar button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #d6dae1;background:#fff;font-weight:600;color:#0f172a;cursor:pointer}
  .bn720-bar button[aria-pressed="true"]{background:#0f172a;color:#fff;border-color:#0f172a}
}
@media screen and (max-width:640px){.bn720-zoom .tag-page .price-tag{transform:scale(1.25);margin:18px 26px}}
@media print{.bn720-bar{display:none!important}}
@media (prefers-reduced-motion:reduce){.tag-page .price-tag{transition:none}}