/* BluePos Campaign CSS - responsive, blue theme */
.bluepos-campaign-box{max-width:980px;margin:18px auto;padding:14px;border-radius:12px;background:linear-gradient(180deg, #e9f3ff 0%, #f7fbff 100%);position:relative;box-shadow:0 8px 20px rgba(3,30,60,0.08);overflow:hidden;border:3px solid rgba(0,132,255,0.12)}
.bluepos-campaign-box::before{content:'';position:absolute;inset:0;border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px rgba(0,132,255,0.06) inset;animation:bp-glow 4s linear infinite}
@keyframes bp-glow{0%{box-shadow:0 0 0 2px rgba(0,132,255,0.03) inset}50%{box-shadow:0 0 0 8px rgba(0,132,255,0.08) inset}100%{box-shadow:0 0 0 2px rgba(0,132,255,0.03) inset}}
.bluepos-badge{position:absolute;top:12px;right:12px;background:#004ea8;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;font-family:inherit;box-shadow:0 6px 18px rgba(0,78,168,0.18)}
.bluepos-inner{display:flex;gap:16px;align-items:center}
.bluepos-media{flex:0 0 220px;display:flex;align-items:center;justify-content:center}
.bluepos-media img{max-width:100%;height:auto;border-radius:10px;display:block;object-fit:cover}
.bluepos-placeholder{width:200px;height:120px;background:#dbeeff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#235; font-weight:600}

.bluepos-content{flex:1;min-width:0}
.bluepos-title{margin:0 0 8px 0;font-size:20px;color:#063a6b;line-height:1.2}
.bluepos-prices{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.bluepos-price-new{display:inline-block;font-size:22px;font-weight:800;color:#0b8a2a} /* green wealthy */
.bluepos-price-old{font-size:16px;color:#d32f2f;text-decoration:line-through;background:transparent;padding-left:8px}

.bluepos-stock{font-size:14px;color:#083a65;margin-bottom:10px}
.bluepos-progress-wrap{margin-top:10px}
.bluepos-progress{width:100%;height:12px;background:linear-gradient(90deg,#dbeeff,#f0f7ff);border-radius:10px;overflow:hidden;border:1px solid rgba(3,30,60,0.05)}
.bluepos-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#00b050,#00ff7a);transition:width 800ms cubic-bezier(.2,.9,.3,1)}
.bluepos-progress-labels{display:flex;justify-content:space-between;font-size:13px;color:#0b4b78;margin-bottom:6px}
.bluepos-timer{margin-top:10px;font-weight:700;color:#063a6b;background:rgba(255,255,255,0.6);display:inline-block;padding:6px 10px;border-radius:8px}

.bluepos-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.bluepos-btn{background:#0072ff;color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.bluepos-btn-secondary{background:transparent;color:#0072ff;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,114,255,0.12);text-decoration:none;font-weight:700}

/* responsive */
@media (max-width:800px){
  .bluepos-inner{flex-direction:column;align-items:stretch}
  .bluepos-media{flex:0 0 auto;width:100%;display:block;text-align:center}
  .bluepos-media img, .bluepos-placeholder{max-height:220px;margin:0 auto}
  .bluepos-title{font-size:18px}
}

/* small devices */
@media (max-width:480px){
  .bluepos-price-new{font-size:18px}
  .bluepos-price-old{font-size:14px}
  .bluepos-badge{top:8px;right:8px;padding:6px 10px}
}