/* OG Cartel Payments — Frontend */
.ogp-product-buttons { margin-bottom: 14px; }

.ogp-btn-prepaid, .ogp-btn-cod {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; padding: 15px 20px; border: none; border-radius: 6px;
    font-size: 15px; font-weight: 700; cursor: pointer; letter-spacing: 0.3px;
    transition: all 0.2s; margin-bottom: 4px;
}
.ogp-btn-prepaid {
    background: linear-gradient(135deg, #111, #2d2d2d); color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
}
.ogp-btn-prepaid:hover { background: linear-gradient(135deg, #222, #3d3d3d); transform: translateY(-1px); color: #fff !important; }

.ogp-btn-cod {
    background: #fff; color: #111;
    border: 2px solid #111 !important;
}
.ogp-btn-cod:hover { background: #111; color: #fff; }

.ogp-btn-prepaid:disabled, .ogp-btn-cod:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }

.ogp-badge {
    background: #ffd700; color: #111;
    font-size: 11px; font-weight: 800;
    padding: 2px 8px; border-radius: 20px;
}
.ogp-btn-sub { text-align: center; font-size: 11px; color: #888; margin: 2px 0 10px; }

/* Cart buttons */
.ogp-cart-buttons, .ogp-cart-page-buttons {
    display: flex; flex-direction: column; gap: 8px; padding: 10px 0;
}
.ogp-cart-page-buttons .ogp-btn-prepaid,
.ogp-cart-page-buttons .ogp-btn-cod { font-size: 14px; padding: 13px; }