.product-card.root-drop-card {
  position: relative;
  outline: none;
  container-type: inline-size;
}

.product-card.root-drop-card::after {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid #111;
  z-index: 4;
  pointer-events: none;
}
.root-drop-bar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;height:30px;padding:0 10px;gap:16px;background:#050505;color:#fff;font-family:inherit;font-size:10px;line-height:1.3;text-transform:uppercase;pointer-events:none}
.root-drop-title{display:flex;align-items:center;gap:8px;flex:none;font-weight:700;white-space:nowrap;letter-spacing:.015em}
.root-drop-signal{display:block;width:6px;height:6px;background:#ec2027;flex:none;animation:root-drop-pulse 2.4s ease-in-out infinite}
.root-drop-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}
.root-drop-track{display:flex;width:max-content;animation:root-drop-marquee 48s linear infinite;color:#bfbfbf;font-weight:400}
.root-drop-track>span{display:block;flex:none;white-space:nowrap;padding-right:32px}
.root-drop-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes root-drop-marquee{to{transform:translateX(-50%)}}
@keyframes root-drop-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@container(max-width:360px){
.root-drop-bar{height:46px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:5px 8px;font-size:9px}
.root-drop-window{flex:none;width:100%}
.root-drop-title{gap:6px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
.root-drop-signal,.root-drop-track{animation:none}
.root-drop-bar{height:auto;min-height:46px;flex-direction:column;align-items:stretch;padding:6px 8px;gap:4px}
.root-drop-window{mask-image:none;flex:none}
.root-drop-track{width:auto;display:block;font-size:9px}
.root-drop-track>span{white-space:normal;padding:0}
.root-drop-track>span+span{display:none}
}