.trust-bar{background:#0a8800;width:100%;padding:10px 20px;position:sticky;top:0;z-index:1000;font-family:'Segoe UI',Tahoma,sans-serif}
.trust-bar a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#fff;flex-wrap:wrap;gap:10px}
.trust-bar__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.trust-bar__features{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.trust-bar__features .feature{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff}
.trust-bar__divider{width:1px;height:16px;background:rgba(255,255,255,0.35)}
.countdown-banner{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-family:'Segoe UI',Tahoma,sans-serif}
.countdown-banner__label{font-size:14px;color:#f5a623;font-weight:600}
.countdown-timer{display:flex;align-items:center;gap:6px}
.timer-block{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,0.1);border-radius:8px;padding:6px 10px;min-width:48px}
.timer-block__num{font-size:22px;font-weight:700;line-height:1;color:#f5a623;font-variant-numeric:tabular-nums}
.timer-block__label{font-size:9px;color:rgba(255,255,255,0.6);margin-top:2px}
.timer-sep{font-size:20px;font-weight:700;color:#f5a623;margin-bottom:8px}
.card-countdown{background:#fff3cd;border-radius:8px;padding:8px 10px;margin:8px 0;display:flex;align-items:center;gap:8px;font-size:12px;color:#856404}
.card-countdown__timer{font-weight:700;font-size:14px;color:#e53935;font-variant-numeric:tabular-nums}
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skeleton{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:6px}
.skeleton-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.skeleton-img{width:100%;aspect-ratio:1}
.skeleton-body{padding:12px}
.skeleton-line{height:12px;margin-bottom:8px;border-radius:4px}
.skeleton-line.w-80{width:80%}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}
.skeleton-btn{height:36px;width:100%;border-radius:8px;margin-top:10px}
.stock-bar{margin:8px 0}
.stock-bar__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px}
.stock-bar__text{color:#e53935;font-weight:600}
.stock-bar__count{color:#999}
.stock-bar__track{width:100%;height:6px;background:#e0e0e0;border-radius:99px;overflow:hidden}
.stock-bar__fill{height:100%;border-radius:99px;transition:width 0.8s ease}
.stock-bar__fill.high{background:#0a8800}
.stock-bar__fill.medium{background:#f5a623}
.stock-bar__fill.low{background:#e53935}
#toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}
.toast{background:#0d0d0d;color:#fff;padding:12px 20px;border-radius:99px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 6px 24px rgba(0,0,0,0.25);pointer-events:all;white-space:nowrap;opacity:0;transform:translateY(20px) scale(0.95);transition:opacity 0.3s,transform 0.3s}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast.hide{opacity:0;transform:translateY(-10px) scale(0.95)}
.toast__text{flex:1}
.toast__action{background:#f5a623;color:#0d0d0d;border:none;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;cursor:pointer}
.toast.success{border-right:3px solid #0a8800}
.toast.warning{border-right:3px solid #f5a623}
.toast.error{border-right:3px solid #e53935}