/* Electromania Promotions Frontend v1.0.5-final-clean */
.electromania-promotions-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:18px;
  justify-content:center; /* центрира грида */
}
@media (max-width:1600px){ .electromania-promotions-grid{ grid-template-columns: repeat(3, minmax(0,1fr)) } }
@media (max-width:1024px){ .electromania-promotions-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) } }
@media (max-width:768px){ .electromania-promotions-grid{ grid-template-columns: 1fr } }

.promo-card{ background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.08); display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .18s ease }
.promo-card:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.10) }

.promo-image{ position:relative; background:#f3f4f6 }
.promo-image img{ width:100%; height:auto; display:block; }
.promo-image img, .noimg-placeholder{ aspect-ratio:4/3; object-fit:cover }
.noimg-placeholder{ background:linear-gradient(180deg,#f3f4f6,#e5e7eb) }

.promo-badge{ position:absolute; top:10px; right:10px; background:#ef4444; color:#fff; font-weight:800; padding:4px 10px; border-radius:8px; font-size:.82rem; box-shadow:0 3px 8px rgba(239,68,68,.35) }
.discount-badge{ position:absolute; bottom:10px; right:10px; background:#111827; color:#fff; font-weight:700; padding:4px 8px; border-radius:6px; font-size:.82rem; opacity:.95 }

.promo-content{ padding:12px 14px 14px }
.promo-title{ margin:2px 0 6px; font-size:1.02rem; font-weight:800; color:#111827 }
.promo-card-desc{ color:#4b5563; font-size:.92rem; line-height:1.5; margin-bottom:6px }

.promo-prices{ display:flex; flex-direction:column; gap:4px; margin-top:2px }
.price-row{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap }
.price-row .bgn{ font-weight:700; color:#111827 }
.price-row .eur{ color:#6b7280 }
.price-row .sep{ width:1px; height:14px; background:#e5e7eb; display:inline-block; align-self:center }
.price-row.old .bgn, .price-row.old .eur{ text-decoration:line-through; color:#6b7280 }
.price-row.new .bgn{ font-size:1.08rem }
.price-row.new .eur{ font-size:.98rem }

.promo-meta-line{ margin-top:6px; color:#374151; font-size:.9rem }
.promo-meta-line .dot{ color:#9ca3af; margin:0 6px }
.promo-brand{ margin-top:2px; color:#4b5563; font-size:.9rem }
.promo-validity{ margin-top:6px; font-size:.88rem; color:#374151 }

.promo-expired{ filter:grayscale(1); opacity:.9 }
.promo-expired .promo-badge{ background:#9ca3af; box-shadow:none }