.product-miniature{position:relative}
.ts-norms{position:absolute;top:10px;left:10px;z-index:6;outline:none}
.ts-norms-pill{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid #d8dde3;color:#2c3e50;font-size:11px;font-weight:700;letter-spacing:.3px;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:default}
.ts-norms-check{color:#27ae60;font-size:11px}
@media (hover:hover){.ts-norms:hover .ts-norms-pill{border-color:#27ae60}}
@media (hover:none){.ts-norms:focus-within .ts-norms-pill{border-color:#27ae60}}
.ts-norms-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;max-width:260px;background:#fff;border:1px solid #e3e7eb;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.14);padding:10px 12px;z-index:20;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .25s}
.ts-norms-panel::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
@media (hover:hover){.ts-norms:hover .ts-norms-panel{opacity:1;visibility:visible;transition-delay:0s,0s}}
@media (hover:none){.ts-norms:focus-within .ts-norms-panel{opacity:1;visibility:visible;transition-delay:0s,0s}}
.ts-norms-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#7a8794;margin-bottom:6px}
.ts-norms-panel ul{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}
.ts-norms-panel li{font-size:12px;color:#2c3e50;padding:2px 0 2px 14px;position:relative;line-height:1.35}
.ts-norms-panel li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#27ae60}
@media (max-width:767px){.ts-norms-panel{min-width:180px;max-width:210px}}