/* ═══════════════════════════════════════════════════════════════════════════
 *  v398 · «CP» با قلب قرمز اختصاصی هارتلی، و مدال‌های بزرگ‌تر «ویترین افتخار»
 *
 *  مشکل (بازخورد مالک): ۱) بخش «همدم» (Soulmate) در تب «ارتباط» (188 ← .cp234) باید «CP» نام بگیرد. قلبش صورتی کم‌رنگ و یک
 *  دایرهٔ ساده بود؛ مالک قلب قرمز با طراحی اختصاصی و حرف «H» (هارتلی) خواست. ۲) مدال‌های «ویترین افتخار» در نمای عمومی
 *  (.sc234 .hon-row، v390: ۴۲×۴۶) هنوز کوچک بودند.
 *  راه‌حل:
 *   ۱) 188 جای دایره، svg.hcp398 را می‌گذارد: قلب قرمز گرادیانی با برق و خط نور، و «H» سفید هارتلی. زیرش
 *      قرص سفید روز‌های با هم (یا «CP · خالی»). تپش همان beat234 (فقط transform). خط نبض بین دو آواتار قرمز شد.
 *   ۲) مدال‌های ویترین ۵۰×۵۴ (VIP ۵۸)؛ در ۳۹۰px هنوز شش مدال در یک ردیف جا می‌شود. ≤۳۶۰px: ۴۴×۴۸ (VIP ۵۰).
 *  روانی: انیمیشن تازه‌ای نیست؛ بی :has.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۱) CP */
.cp234 .cph234 b{ letter-spacing:.06em }
.cp234 .cph234 b svg{ color:#E11D48 }
.cp234 .cpl234{ height:84px }
.cp234 .cpl234 svg{ inset:24px 0 }
.cp234 .cpl234 path{ stroke:#F43F5E }
.cpd234.cpx398{ width:auto; height:auto; gap:3px; border-radius:0; background:none; box-shadow:none; animation:none }
.cpd234.cpx398 > svg.hcp398{ position:relative; inset:auto; width:60px; height:54px; opacity:1; overflow:visible;
  filter:drop-shadow(0 8px 10px rgba(225,29,72,.45)); animation:beat234 1.6s ease-in-out infinite }
/* «.cpl234 path» (254: خط نبض بی‌پر با خط‌چین متحرک) به مسیرهای قلب هم می‌رسید؛ رنگ‌ها این‌جا، نه با ویژگی fill */
.cpl234 .hcp398 path, .cpl234 .hcp398 rect{ stroke:none; stroke-dasharray:none; animation:none }
.cpl234 .hcp398 .h1{ fill:url(#hcp398g) }
.cpl234 .hcp398 .h2{ fill:url(#hcp398s) }
.cpl234 .hcp398 .h3{ fill:none; stroke:#fff; stroke-opacity:.35; stroke-width:1.2 }
.cpl234 .hcp398 .h4 rect, .cpl234 .hcp398 .h4 circle{ fill:#fff }
.cpd234.cpx398 > em{ position:relative; display:inline-flex; align-items:baseline; gap:3px; padding:2px 9px; border-radius:99px; font-style:normal;
  color:#E11D48; background:#FFFFFF; box-shadow:0 4px 10px -6px rgba(225,29,72,.6), inset 0 0 0 1px #FFD1DC; white-space:nowrap }
.cpd234.cpx398 > em b{ font-size:12.5px; font-weight:900; line-height:1.4 }
.cpd234.cpx398 > em small{ font-size:9.5px; font-weight:800; opacity:1 }
.cp234 .cpn234 b{ color:#E11D48 }

/* ۲) ویترین افتخار: مدال‌های بزرگ‌تر */
#pv146o .pz234 .sc234 .hon-row{ gap:10px }
#pv146o .pz234 .sc234 .hon-row .hr-m{ width:50px; height:54px }
#pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:58px; height:58px }
@media (max-width:360px){
  #pv146o .pz234 .sc234 .hon-row{ gap:8px }
  #pv146o .pz234 .sc234 .hon-row .hr-m{ width:44px; height:48px }
  #pv146o .pz234 .sc234 .hon-row .hr-m.hr-vip{ width:50px; height:50px }
}