/* Kuropon Links 商品ボックスの最小スタイル（WordPress単体表示用）。
   ヘッドレスフロント側は site/src/styles/global.css の .kp-product 系と同一デザイン。 */
.kp-product {
	display: flex;
	gap: 20px;
	border: 1px solid #e2e0d9;
	border-radius: 8px;
	background: #fff;
	padding: 20px;
	margin: 2em 0;
}
.kp-product__image { flex: 0 0 140px; }
.kp-product__image img { width: 140px; height: 140px; object-fit: contain; display: block; }
.kp-product__body { flex: 1; min-width: 0; }
.kp-product__brand { margin: 0; font-size: 12px; color: #6b6860; letter-spacing: 0.06em; }
.kp-product__title { margin: 2px 0 8px; font-size: 15px; font-weight: 500; line-height: 1.6; }
.kp-product__price { margin: 0 0 4px; font-size: 20px; font-weight: 700; }
.kp-product__price small { font-size: 12px; font-weight: 400; color: #6b6860; }
.kp-product__price-at { margin: 0 0 12px; font-size: 11px; color: #6b6860; }
.kp-product__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.kp-product__btn {
	display: inline-block;
	padding: 9px 22px;
	border-radius: 999px;
	background: #9c552b;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.kp-product__btn--rakuten { background: #a2443b; }
.kp-product__btn--yahoo { background: #665f8a; }
.kp-product__btn--mercari { background: #4f6b86; }
.kp-product__btn:hover { opacity: 0.88; }
@media (max-width: 560px) {
	.kp-product { flex-direction: column; align-items: center; text-align: center; }
}