.samurap-offers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	margin: 24px 0;
}
.samurap-offer-card {
	border: 1px solid #e2e2e2; border-radius: 12px; padding: 20px;
	background: #fff; display: flex; flex-direction: column; gap: 8px;
}
.samurap-offer-card h3 { margin: 0; font-size: 18px; }
.samurap-offer-desc { color: #555; font-size: 14px; margin: 0; }
.samurap-offer-duration { font-size: 12px; color: #888; margin: 0; }
.samurap-offer-price { font-size: 20px; font-weight: 700; margin: 8px 0; display: flex; gap: 8px; align-items: center; }
.samurap-price-old { text-decoration: line-through; color: #999; font-weight: 400; font-size: 15px; }
.samurap-price-new { color: #1a7f37; }
.samurap-promo-tag { font-size: 11px; background: #1a7f37; color: #fff; padding: 2px 8px; border-radius: 10px; }

.samurap-input {
	width: 100%; padding: 8px 10px; margin-bottom: 8px; border-radius: 6px;
	border: 1px solid #ccc; box-sizing: border-box;
}
.samurap-buy-btn {
	width: 100%; padding: 10px; border: 0; border-radius: 6px;
	background: #1a7f37; color: #fff; font-weight: 600; cursor: pointer;
}
.samurap-buy-btn:hover { background: #146428; }

.samurap-payout-form { max-width: 420px; padding: 20px; border: 1px solid #e2e2e2; border-radius: 12px; }
.samurap-balance-check { display: flex; gap: 8px; margin-bottom: 12px; }
.samurap-balance-check .samurap-input { margin-bottom: 0; }
.samurap-balance-display { font-size: 15px; margin: 10px 0; }
.samurap-success { background: #edfaef; color: #1a7f37; padding: 10px; border-radius: 6px; margin: 10px 0; }
.samurap-error { background: #fbeaea; color: #b32d2e; padding: 10px; border-radius: 6px; margin: 10px 0; }