<div class="papiilon-header" dir="rtl">
  <div class="papiilon-top">
    <div>
      <h1>🎀 پاپیون</h1>
      <p>فروشگاه تخصصی لوازم تاتو</p>
    </div>
    <a href="/products">مشاهده محصولات ←</a>
  </div>
  <div class="papiilon-features">
    <span>🚚 ارسال به سراسر کشور</span>
    <span>🛡️ تضمین اصالت کالا</span>
    <span>🎧 پشتیبانی خرید</span>
  </div>
</div>

<style>
.papiilon-header {
  background: linear-gradient(120deg,#141111,#34201d);
  color: #fff;
  border-radius: 14px;
  padding: 22px;
  font-family: Tahoma, sans-serif;
}
.papiilon-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.papiilon-top h1 {
  color: #e9b39d;
  font-size: 32px;
  margin: 0;
}
.papiilon-top p {
  font-size: 14px;
  margin: 8px 0;
}
.papiilon-top a {
  color: #fff;
  background: #805448;
  border-radius: 30px;
  padding: 12px 18px;
  text-decoration: none;
}
.papiilon-features {
  display: flex;
  justify-content: space-around;
  gap: 12px;
  flex-wrap: wrap;
  border-top: 1px solid #765248;
  padding-top: 18px;
  margin-top: 20px;
  font-size: 13px;
}
@media(max-width:600px) {
  .papiilon-top {flex-direction:column;text-align:center}
  .papiilon-top h1 {font-size:26px}
  .papiilon-features {font-size:11px}
}
</style>