/* moispptbd-frontend.css */

.moispptbd { margin: 1.25rem 0; }

/* Retailer tiles */
.moispptbd-retailer-tiles{
	display:flex;
	flex-wrap:wrap;
	gap: var(--moispptbd-gap, 12px);
	align-items:center;
}
.moispptbd-retailer-tile{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	padding: .65rem .75rem;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 10px;
	background: rgba(255,255,255,.7);
	min-width: var(--moispptbd-tile-min, 96px);
	max-width: var(--moispptbd-tile-max, 160px);
	flex: 0 0 auto;
}
.moispptbd-retailer-tile:hover{
	border-color: rgba(0,0,0,.18);
}
.moispptbd-retailer-logo img{
	height: var(--moispptbd-img-h, 42px);
	width: auto;
	object-fit: var(--moispptbd-fit, contain);
	display:block;
}
.moispptbd-retailer-label{
	margin-top: .45rem;
	font-size: .85rem;
	line-height: 1.1;
	text-align:center;
}

/* FBT grid */
.moispptbd-fbt-grid{
	display:grid;
	grid-template-columns: repeat(var(--moispptbd-fbt-cols, 4), minmax(0, 1fr));
	gap: 14px;
}
@media (max-width: 768px){
	.moispptbd-fbt-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.moispptbd-fbt-item{
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px;
	padding: .75rem;
	background: rgba(255,255,255,.7);
	display:flex;
	flex-direction:column;
	gap: .35rem;
}
.moispptbd-fbt-image img{
	width:100%;
	height:auto;
	border-radius: 10px;
}
.moispptbd-fbt-title{
	font-weight: 600;
	text-decoration:none;
}
.moispptbd-fbt-price{
	font-size: .95rem;
}
.moispptbd-fbt-atc{
	margin-top: .35rem;
}