
.v10-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .3s ease;display:none;padding:10px 16px}
.v10-sticky-bar.show{transform:translateY(0);display:block}
.v10-sticky-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:10px}
.v10-sticky-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}
.v10-sticky-info{flex:1;min-width:0}
.v10-sticky-name{font-size:.82rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.v10-sticky-price-row{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.v10-sticky-price{font-size:1.05rem;font-weight:800;color:#dc2626}
.v10-sticky-orig{font-size:.72rem;color:#9ca3af;text-decoration:line-through}
.v10-sticky-save{font-size:.72rem;color:#059669;font-weight:700;background:#ecfdf5;padding:1px 6px;border-radius:4px}
.v10-sticky-cta{flex-shrink:0;background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff;padding:10px 18px;border-radius:10px;font-size:.85rem;font-weight:800;text-decoration:none;box-shadow:0 4px 12px rgba(220,38,38,.3);animation:v10stickyPulse 2.2s ease-in-out infinite}
@keyframes v10stickyPulse{0%,100%{box-shadow:0 4px 12px rgba(220,38,38,.3)}50%{box-shadow:0 4px 20px rgba(220,38,38,.6)}}
.v10-sticky-close{flex-shrink:0;width:28px;height:28px;background:#f3f4f6;border:none;border-radius:50%;font-size:.9rem;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}
.v10-related{margin-top:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px}
.v10-related h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1.05rem;font-weight:800;color:#0f172a}
.v10-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.v10-rel-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;text-decoration:none;color:inherit;transition:all .2s;display:flex;flex-direction:column}
.v10-rel-card:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 4px 14px rgba(249,115,22,.14)}
.v10-rel-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;margin-bottom:6px}
.v10-rel-name{font-size:.82rem;font-weight:700;color:#0f172a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.v10-rel-price{font-size:.92rem;font-weight:800;color:#dc2626;margin-top:4px}
.v10-rel-sales{font-size:.7rem;color:#9ca3af}
.v10-rel-vote{font-size:.72rem;color:#f97316;font-weight:700;margin-top:4px}
.v10-live-inline{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:8px;padding:6px 12px;font-size:.75rem;color:#065f46;font-weight:600;margin:8px 0}
.v10-live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:live-dot-blink 1.5s infinite}
.v10-urgency-inline{display:inline-flex;align-items:center;gap:4px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:6px;margin-left:6px;animation:urgency-blink 2s infinite}
@keyframes live-dot-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes urgency-blink{0%,100%{opacity:1}50%{opacity:.65}}
