/* ========================================================= akciok-site.css Az élő árlistán megjelenő akciós jelölések stílusa. Kapcsold be a -ben, a style.css UTÁN. ========================================================= */ /* Piros "-X%" jelölés a gombon, becsukott állapotban is látszik */ .collapsible { position: relative; } .akcio-badge-mini { display: inline-block; margin-left: 10px; padding: 2px 9px; border-radius: 999px; background: linear-gradient(135deg, #ef4444, #b91c1c); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.2px; box-shadow: 0 2px 6px rgba(220, 38, 38, 0.4); vertical-align: middle; animation: akcioPulse 2.2s ease-in-out infinite; } @keyframes akcioPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } } /* Kinyitott állapotban az ár sorban: eredeti ár áthúzva + új ár */ .akcio-regi-ar { text-decoration: line-through; color: #9ca3af; font-size: 0.9em; margin-right: 6px; } .akcio-uj-ar { color: #dc2626; font-weight: 700; } @media (prefers-reduced-motion: reduce) { .akcio-badge-mini { animation: none; } }