<div class="radikalwp-card-product">
  <div class="radikalwp-card-product__img">🖼️<//div>
  <h3 class="radikalwp-card-product__title">هدفون بی‌سیم Pro<//h3>
  <p class="radikalwp-card-product__desc">کیفیت صدا استودیویی با نویز کنسلینگ فعال<//p>
  <div class="radikalwp-card-product__footer">
    <span class="radikalwp-card-product__price">۲,۴۹۰,۰۰۰ تومان<//span>
    <button class="radikalwp-card-product__btn">افزودن<//button>
  <//div>
<//div>

.radikalwp-card-product {
  max-width: 300px;
  padding: 20px;
  font-family: inherit;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .08);
  transition: transform .3s ease, box-shadow .3s ease;
}
.radikalwp-card-product:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 32px rgba(15, 23, 42, .14);
}
.radikalwp-card-product__img {
  display: flex; align-items: center; justify-content: center;
  height: 140px; font-size: 56px;
  background: linear-gradient(135deg, #e0e7ff, #fbcfe8);
  border-radius: 12px;
}
.radikalwp-card-product__title { margin: 14px 0 4px; font-size: 17px; color: #0f172a; }
.radikalwp-card-product__desc { margin: 0 0 14px; font-size: 13px; color: #64748b; line-height: 1.8; }
.radikalwp-card-product__footer { display: flex; align-items: center; justify-content: space-between; }
.radikalwp-card-product__price { font-weight: bold; color: #059669; font-size: 15px; }
.radikalwp-card-product__btn {
  padding: 8px 18px; color: #fff; background: #6366f1;
  border: none; border-radius: 10px; cursor: pointer; font-family: inherit; font-size: 13px;
  transition: background .2s ease;
}
.radikalwp-card-product__btn:hover { background: #4f46e5; }