.oma-pqo-wrapper{ margin-top:16px; color:var(--oma-text); }
.oma-pqo-wrapper h4{ margin:0 0 10px; font-weight: 600;}

.oma-pqo-options{
	display:grid;
	grid-template-columns: repeat(2, minmax(160px, 1fr));
	gap:16px;
	margin-bottom: 25px;
}
@media (min-width: 900px){
	.oma-pqo-options{
		grid-template-columns: repeat(2, minmax(180px, 1fr));
	}
}

/* kaartje */
.oma-pqo-option{
	border:2px solid #e6e6e6;
	border-radius:12px;
	padding:12px 12px 10px;
	background:#fff;
	text-align:center;
	position:relative;
	cursor:pointer;
	transition:border-color .15s, box-shadow .15s, background-color .15s;
	box-shadow:0 1px 2px rgba(0,0,0,.03);
	display: flex;
	align-items: center;
}
.oma-pqo-option.active{
	border-color:var(--oma-primary);
	background:#f3fff8;
	/* 	box-shadow:0 0 0 2px rgba(0,182,122,.12); */
}

.oma-pqo-option img{
	width: 64px;
	height:auto;
	margin: 0 13px 0 0;
	display:block;
	border-radius:8px;
}

.oma-pqo-label{
	font-weight:700;
	margin-bottom:-4px;
	/* 	font-family: "Schibsted Grotesk", roboto; */
}
.oma-pqo-info {
	text-align: left;
}
.oma-pqo-price{
	font-weight:600;
	display: flex;
	align-items: center;
	gap: 7px;
}
.oma-pqo-price span{
	display:block;
	font-size:.85em;
	color:#777;
	font-weight:400;
	margin-top:0px;
}

/* badge */
.oma-pqo-badge{
	position: absolute;
	top: -13px;
	right: -12px;
	background: var(--oma-badge);
	color: #fff;
	font-size: .82em;
	font-weight: 700;
	padding: 6px 8px;
	border-radius: 8px;
	line-height: 1;
}


.oma-pqo-price .price-amount {
  white-space: nowrap;
}
/* standaard: toon "per stuk", verberg "p/s" */
.oma-pqo-price .per-stuk {
	display: inline;
}
.oma-pqo-price .per-stuk-short {
	display: none;
}
@media screen and (max-width: 600px) {
	.oma-pqo-price .per-stuk {
		display: none;
	}
	.oma-pqo-price .per-stuk-short {
		display: inline;
	}

	.oma-pqo-option img {
		width: 49px;
		margin-right: 7px;
	}
	.oma-pqo-option {
		padding: 8px;
	}
	.oma-pqo-label {
		font-size: 15px;
		margin-bottom: -5px;
	}
}









/*  */