:root{--badge-sale:var(--badge-sale,#dc2626);--badge-new:var(--badge-new,#16a34a);--badge-hot:var(--badge-hot,#f97316);--badge-limited:var(--badge-limited,#7c3aed);--badge-exclusive:var(--badge-exclusive,#6d28d9);--badge-bestseller:var(--badge-bestseller,#7c3aed);--badge-trending:var(--badge-trending,#0891b2);--badge-featured:var(--badge-featured,#0d9488)}.smart-badges-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}.smart-badge{position:absolute;display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--badge-color,var(--color-primary,#0d9488));color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:fit-content;z-index:10;animation:badgeIn .6s cubic-bezier(.34,1.56,.64,1);animation-delay:calc(var(--i,0)*0.1s);animation-fill-mode:both}.badge-group{position:absolute;display:flex;pointer-events:none}.badge-group-top-left{top:12px;left:12px}.badge-group-top-right{top:12px;right:12px}.badge-group-bottom-left{bottom:12px;left:12px}.badge-group-bottom-right{bottom:12px;right:12px}.badge-layout-vertical{flex-direction:column}.badge-layout-horizontal{flex-direction:row}.badge-layout-grid{display:grid;grid-template-columns:repeat(2,1fr)}.badge-layout-compact .smart-badge{position:relative;margin:-.25rem}.badge-group .smart-badge{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.smart-badge.badge-position-top-left{top:12px;left:12px}.smart-badge.badge-position-top-right{top:12px;right:12px}.smart-badge.badge-position-bottom-left{bottom:12px;left:12px}.smart-badge.badge-position-bottom-right{bottom:12px;right:12px}.smart-badge .badge-image{max-width:40px;max-height:40px;object-fit:contain}.badge-icon{font-size:1rem;line-height:1}.badge-new{animation:badgeIn .6s,pulse 2s infinite;animation-delay:calc(var(--i,0)*0.1s),.6s}.badge-sale{animation:badgeIn .6s,glow 2s infinite;animation-delay:calc(var(--i,0)*0.1s),.6s}.badge-limited,.badge-stock{animation:badgeIn .6s,shake 3s infinite;animation-delay:calc(var(--i,0)*0.1s),1s}.badge-hot{animation:badgeIn .6s,bounce 2s infinite;animation-delay:calc(var(--i,0)*0.1s),.6s}.smart-badge:not([style*=background]).badge-new{background:var(--badge-new,#16a34a)}.smart-badge:not([style*=background]).badge-sale{background:var(--badge-sale,#dc2626)}.smart-badge:not([style*=background]).badge-limited,.smart-badge:not([style*=background]).badge-stock{background:var(--badge-limited,#7c3aed)}.smart-badge:not([style*=background]).badge-hot{background:var(--badge-hot,#f97316)}.smart-badge:not([style*=background]).badge-exclusive{background:var(--badge-exclusive,#6d28d9)}.smart-badge:not([style*=background]).badge-bestseller{background:var(--badge-bestseller,#7c3aed)}.smart-badge:not([style*=background]).badge-trending{background:var(--badge-trending,#0891b2)}.smart-badge:not([style*=background]).badge-featured{background:var(--badge-featured,#0d9488)}@keyframes badgeIn{from{opacity:0;transform:translateX(-20px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,100%{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 0 0 0 rgba(220,38,38,0)}50%{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 0 20px 5px rgba(220,38,38,.3)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:1024px){.smart-badge{font-size:11px;padding:7px 11px}.badge-icon{font-size:15px}}@media (max-width:640px){.smart-badge{font-size:10px;padding:5px 8px;gap:4px;border-radius:4px}.badge-icon{font-size:13px}.smart-badge .badge-image{max-width:30px;max-height:30px}}