/* B2B SET HOVER V1.3 — public tags + same-origin component thumbs + unfold motion */
.b2bsv13-tags{display:inline-flex!important;align-items:center;gap:4px;margin-left:8px;vertical-align:baseline;white-space:nowrap;transform:translateY(1px)}
.b2bsv13-tag{display:inline-flex;align-items:center;height:15px;padding:0 6px;border:1px solid #bdb7ab;border-radius:999px;background:#f7f4ec;color:#282723;font:700 8px/13px Arial,"Noto Sans KR","Noto Sans SC",sans-serif;letter-spacing:.035em;box-sizing:border-box;white-space:nowrap}
.b2bsv13-set-badge{display:inline-flex!important;align-items:center;gap:4px;height:16px;padding:0 6px;border-radius:2px;background:#151515;color:#fff;font:800 8px/16px Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;cursor:help;box-sizing:border-box;margin-left:7px;vertical-align:middle;transform:translateY(-1px)}
.b2bsv13-set-badge::before{content:"";width:3px;height:3px;border-radius:50%;background:#d9d3c6;display:block}
.b2bsv13-anchor{cursor:help}

#b2b-set-v13-pop{
  position:fixed;z-index:2147483000;width:min(560px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 30px));overflow:auto;
  background:#fbfaf6;color:#171717;border:1px solid #1b1b1b;box-shadow:0 20px 52px rgba(0,0,0,.18);box-sizing:border-box;
  font-family:Arial,"Noto Sans KR","Noto Sans SC",sans-serif;contain:layout paint;
  visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 0 94% 0);transform:translateY(-5px) scale(.985,.955);
  transition:opacity .16s ease,transform .20s cubic-bezier(.22,.8,.24,1),clip-path .22s cubic-bezier(.22,.8,.24,1),visibility 0s linear .22s;
  will-change:transform,opacity,clip-path;
}
#b2b-set-v13-pop.from-left{transform-origin:0 12px}
#b2b-set-v13-pop.from-right{transform-origin:100% 12px}
#b2b-set-v13-pop.open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1);transition-delay:0s}

.b2bsv13-head{padding:15px 16px 12px;border-bottom:1px solid #d8d4cb;background:#f6f3ec}
.b2bsv13-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:#68645c;margin-bottom:5px}
.b2bsv13-title{font-size:14px;line-height:1.42;font-weight:800;margin:0 0 9px;word-break:keep-all}
.b2bsv13-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d8d4cb;background:#fff}
.b2bsv13-metric{padding:8px 9px;border-right:1px solid #e1ddd4;min-width:0}
.b2bsv13-metric:last-child{border-right:0}
.b2bsv13-metric b{display:block;font-size:14px;line-height:1.15;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b2bsv13-metric span{font-size:9px;color:#777268;letter-spacing:.05em}
.b2bsv13-body{padding:4px 16px 11px}
.b2bsv13-row{display:grid;grid-template-columns:58px minmax(0,1fr) 60px;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid #e4e0d8}
.b2bsv13-row:last-child{border-bottom:0}
.b2bsv13-thumb{position:relative;width:56px;height:56px;border:1px solid #d4cfc5;background:linear-gradient(110deg,#efebe3 20%,#f8f6f1 36%,#efebe3 52%);background-size:220% 100%;overflow:hidden;box-sizing:border-box;animation:b2bsv13-shimmer 1.6s linear infinite}
.b2bsv13-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease,transform .24s cubic-bezier(.22,.8,.24,1);transform:scale(1.035)}
.b2bsv13-thumb.loaded{animation:none;background:#f1eee7}
.b2bsv13-thumb.loaded img{opacity:1;transform:scale(1)}
.b2bsv13-thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:4px;text-align:center;font-size:7px;font-weight:800;letter-spacing:.03em;color:#999287;background:#f1eee7;opacity:0}
.b2bsv13-thumb:not(.has-source) .b2bsv13-thumb-fallback,.b2bsv13-thumb.failed .b2bsv13-thumb-fallback{opacity:1}
.b2bsv13-thumb:not(.has-source),.b2bsv13-thumb.failed{animation:none}
.b2bsv13-thumb em{position:absolute;left:3px;bottom:3px;min-width:17px;height:15px;padding:0 3px;display:grid;place-items:center;background:rgba(20,20,20,.88);color:#fff;font:700 7px/15px Arial,sans-serif;font-style:normal;letter-spacing:.04em;z-index:2}
.b2bsv13-name{min-width:0}
.b2bsv13-name strong{display:block;font-size:11px;line-height:1.34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b2bsv13-name small{display:block;margin-top:3px;font-size:9px;color:#777268;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:11px}
.b2bsv13-q{text-align:right;white-space:nowrap}
.b2bsv13-q span{display:block;font-size:8px;color:#8a857a;text-transform:uppercase;letter-spacing:.06em}
.b2bsv13-q b{display:block;font-size:12px;margin-top:3px}
.b2bsv13-foot{border-top:1px solid #d8d4cb;padding:9px 16px;background:#f6f3ec;font-size:9px;color:#6c675e;display:flex;justify-content:space-between;gap:10px}
#b2b-set-v13-bridge{position:fixed;z-index:2147482999;display:none;background:transparent;pointer-events:auto}

@keyframes b2bsv13-shimmer{0%{background-position:110% 0}100%{background-position:-110% 0}}
@media (prefers-reduced-motion:reduce){#b2b-set-v13-pop,.b2bsv13-thumb img{transition:none!important}.b2bsv13-thumb{animation:none!important}}
@media(max-width:760px){
  #b2b-set-v13-pop{width:calc(100vw - 20px);max-height:72vh}
  .b2bsv13-row{grid-template-columns:50px minmax(0,1fr) 52px;gap:8px}
  .b2bsv13-thumb{width:48px;height:48px}
  .b2bsv13-tags{margin-left:5px;gap:3px}.b2bsv13-tag{padding:0 5px}
}
