/**
 * Category BOGO – front-end styles.
 */

/* ── Section wrapper ──────────────────────────────────────────────────────── */
.bogo-section {
	padding: 15px;
	border-top: 1px solid #eee;
}

.bogo-section__heading {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
}

/* ── Product grid ─────────────────────────────────────────────────────────── */
.bogo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

/* ── Individual product card ──────────────────────────────────────────────── */
.bogo-product {
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
}

.bogo-product__img {
	display: block;
	width: 100%;
	height: 110px;
	object-fit: contain;
	margin-bottom: 8px;
}

.bogo-product__name {
	margin: 0 0 4px;
	font-size: 13px;
}

.bogo-product__price {
	margin: 0 0 8px;
	font-size: 13px;
}

.bogo-product__free-tag {
	color: #2e7d32;
}

/* ── Add Free button ──────────────────────────────────────────────────────── */
.bogo-add-btn {
	width: 100%;
	cursor: pointer;
}

.bogo-add-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ── FREE label in cart item name ─────────────────────────────────────────── */
.bogo-free-label {
	color: #2e7d32;
	font-weight: 600;
}