/* Wybór zapachu na stronie gotowej świecy (inc/zapach-swiecy.php). */
.nm-wybor-zapachu {
	display: grid;
	flex: 1 0 100%;
	gap: 10px;
	margin-bottom: 20px;
}

.nm-wybor-zapachu label {
	color: var(--nm-naglowki);
	font-weight: 700;
}

.nm-wybor-zapachu select {
	max-width: 360px;
	height: auto;
	padding: 12px 40px 12px 18px;
	border: 1px solid var(--nm-linia);
	border-radius: 999px;
	background-color: var(--nm-powierzchnia);
	background-position: right 16px center;
	color: var(--nm-tekst);
	font-size: 15px;
}

.nm-zapach-opis {
	padding: 14px 18px;
	border-radius: 18px;
	background: var(--nm-powierzchnia);
	color: var(--nm-tekst);
	font-size: 14px;
	line-height: 1.55;
}

.nm-zapach-opis p {
	margin: 0 0 6px;
}

.nm-zapach-opis > p:last-child {
	margin-bottom: 0;
}

/* Oznakowanie bezpieczeństwa zapachu: piktogram i uwagi, z czerwonym paskiem jak w kreatorze. */
.nm-zapach-oznakowanie {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-top: 10px;
	padding-left: 12px;
	border-left: 3px solid #c0392b;
	font-size: 13px;
}

.nm-zapach-oznakowanie p:last-child {
	margin-bottom: 0;
}

.nm-piktogram {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #111;
	font-weight: 700;
}

.nm-piktogram::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 5px;
	border: 2px solid #c0392b;
	background: #fff;
	transform: rotate(45deg);
}