/* Alert cenowy: panel „Najtaniej teraz” (produkt) i podstrona wagi (kategoria) */
.palert { margin-top: 12px; }
/* Panel .top3 nie ma własnego paddingu (ma go każdy jego element), więc alert dostaje taki sam jak .more */
.mrf-p .top3 .palert { margin-top: 0; padding: 0 16px 16px; }
.palert-open { width: 100%; justify-content: center; }
.palert-form { display: grid; gap: 12px; font-size: 14px; min-width: 0; }
/* Okienko nad stroną */
.palert-dlg { width: min(440px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: 16px; background: var(--panel, #fff); color: var(--ink, #111827); box-shadow: 0 24px 64px rgba(15, 23, 42, .28); overflow: auto; }
.palert-dlg::backdrop { background: rgba(15, 23, 42, .45); backdrop-filter: blur(2px); }
.palert-dlg .palert-form { padding: 0 20px 20px; }
.palert-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px 10px; }
.palert-head h3 { margin: 0; font-size: 18px; font-weight: 800; }
.palert-dlg .palert-x { flex: none; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 34px; height: 34px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 10px; background: var(--chip, #eef1f5); font-size: 22px; line-height: 1; cursor: pointer; color: var(--ink, #111827); }
.palert-dlg .palert-x:hover { background: var(--line, #d9dee5); }
@media (max-width: 640px) {
	/* telefon: okienko wysuwa się od dołu */
	.palert-dlg { width: 100vw; max-width: 100vw; margin: auto 0 0; border-radius: 18px 18px 0 0; max-height: 90vh; }
}
.palert-lead { margin: 0; font-size: 13px; line-height: 1.45; color: var(--muted, #5b6472); }
.palert-f { display: grid; gap: 6px; min-width: 0; }
.palert-f > span:first-child { font-weight: 600; font-size: 13px; }
.palert-form input[type="email"], .palert-form input[type="number"] {
	width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--line, #d9dee5);
	border-radius: 10px; font: inherit; background: var(--card, #fff); color: inherit;
}
/* Waluta wewnątrz pola ceny, po prawej — nic nie wystaje poza panel */
.palert-price { position: relative; display: block; }
.palert-price input[type="number"] { padding-right: 56px; -moz-appearance: textfield; }
.palert-price input[type="number"]::-webkit-outer-spin-button,
.palert-price input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.palert-price em { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: 700; font-size: 13px; color: var(--muted, #5b6472); pointer-events: none; }
.palert-c { display: grid; grid-template-columns: 18px 1fr; gap: 8px; align-items: start; font-size: 12px; line-height: 1.45; color: var(--muted, #5b6472); }
.palert-c input { margin: 2px 0 0; width: 16px; height: 16px; }
.palert-form .btn.primary { width: 100%; justify-content: center; }
.palert-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.palert-msg { margin: 0; font-size: 13px; }
.palert-msg:empty { display: none; }
.palert-msg.ok { color: var(--up, #0a7d43); }
.palert-msg.err { color: var(--down, #b42318); }