/* A separate overlay: the existing domain, price, card and action geometry never changes. */
.name-si-listing-label {
  position: fixed; z-index: 3; box-sizing: border-box; pointer-events: none;
  width: max-content; max-width: calc(100vw - 32px); padding: 7px 13px;
  border: 1px solid transparent; border-radius: 999px; margin: 0;
  font: 650 var(--listing-label-size, 12px)/1.35 var(--listing-label-font, Inter, sans-serif);
  letter-spacing: .035em; text-align: center; overflow-wrap: anywhere;
  color: var(--listing-label-color, #17140a); background: var(--listing-label-bg, #FFD52E);
  box-shadow: 0 3px 15px #00000012; isolation: isolate;
}
.name-si-listing-label{pointer-events:auto;cursor:help;appearance:none;-webkit-appearance:none}
.name-si-listing-label:focus-visible{outline:2px solid #ffd52e;outline-offset:5px}
.name-si-listing-label::before{content:"";position:absolute;inset:-7px 0;min-height:44px;border-radius:inherit}
.name-si-label-stars{display:none;position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.name-si-listing-label[data-effect="stars"] .name-si-label-stars{display:block}
.name-si-label-stars i{position:absolute;display:block;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.05);filter:drop-shadow(0 0 3px #ffdd7680)}
.name-si-label-stars i::before,.name-si-label-stars i::after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);background:linear-gradient(145deg,#fffef6 15%,var(--star-ray,#ffe591) 55%,#fffdf2)}
.name-si-label-stars i::after{inset:24%;background:#fff;transform:rotate(45deg)}
.name-si-listing-label[data-effect="pulse"]{animation:name-si-label-breathe 2.25s ease-in-out infinite}
.name-si-listing-label[data-effect="pulse"]::after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1.5px solid #ffe292;border-radius:inherit;box-shadow:0 0 9px #ffd96660;animation:name-si-label-pulse 2.25s ease-out infinite}
.name-si-listing-label[data-effect="shake"]{animation:name-si-label-shake 2.8s ease-in-out infinite;transform-origin:center}
.name-si-listing-label[data-motion-paused="true"],.name-si-listing-label[data-motion-paused="true"]::after{animation-play-state:paused!important}
@keyframes name-si-label-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes name-si-label-pulse{0%{opacity:0;transform:scale(1)}20%{opacity:.8}85%,100%{opacity:0;transform:scale(1.12,1.42)}}
@keyframes name-si-label-shake{0%,42%,100%{transform:translateX(0) rotate(0)}7%{transform:translateX(-3px) rotate(-2deg)}14%{transform:translateX(3px) rotate(2deg)}21%{transform:translateX(-2.5px) rotate(-1.6deg)}28%{transform:translateX(2px) rotate(1.2deg)}35%{transform:translateX(-1px) rotate(-.6deg)}}
@media(prefers-reduced-motion:reduce){.name-si-listing-label,.name-si-listing-label::after,.name-si-label-stars i{animation:none!important}.name-si-label-stars{display:none!important}}
.name-si-listing-label[hidden] { display: none !important; }
.name-si-listing-label[data-look="soft"] { --listing-label-color: #ffe27b; --listing-label-bg: #292415ed; border-color: #ffd52e55; }
.name-si-listing-label[data-look="outline"] { --listing-label-color: #ffe27b; --listing-label-bg: #111318d9; border-color: currentColor; }
.name-si-listing-label[data-look="text"] { --listing-label-color: #ffe27b; --listing-label-bg: transparent; padding: 0 2px; border: 0; border-radius: 0; box-shadow: none; text-shadow: 0 1px 6px #0009; }
.name-si-listing-label[data-case="uppercase"] { text-transform: uppercase; letter-spacing: .12em; }

.name-si-theme-switcher .name-si-label-controls { gap: 10px !important; }
.name-si-theme-switcher .name-si-label-controls .name-si-field { flex: 0 0 auto !important; min-width: 100px !important; }
.name-si-theme-switcher .name-si-label-controls select { width: auto !important; min-width: 132px !important; max-width: none !important; }
.name-si-theme-switcher .name-si-label-note { display: none !important; }
.name-si-all-settings-drawer .name-si-label-note { margin: 0; font-size: 12px; line-height: 1.5; color: #c3c5cc; }
@media(max-width:720px) {
  .name-si-listing-label { font-size: min(var(--listing-label-size,12px),12px); padding: 6px 11px; max-width: calc(100vw - 24px); }
  .name-si-label-controls select { min-height: 44px !important; }
}