#rec-contact-icons { display: flex; gap: 20px; margin: 20px 0; }
.rec-icon { cursor: pointer; padding: 10px 20px; background: #f1f1f1; border-radius: 5px; font-weight: bold; }
.rec-icon.rec-whatsapp { color: #25d366; border: 1px solid #25d366; }
.rec-icon.rec-email { color: #0072c6; border: 1px solid #0072c6; }
#rec-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 8px; box-shadow: 0 2px 20px rgba(0,0,0,0.2); padding: 30px; z-index: 9999; min-width: 320px; }
#rec-popup .rec-close { position: absolute; top: 10px; right: 15px; cursor: pointer; font-size: 18px; }
.rec-plan-list { margin: 20px 0; }
.rec-plan { border: 1px solid #eee; border-radius: 6px; margin-bottom: 10px; padding: 10px; }
.rec-plan-title { font-weight: bold; }
.rec-plan-price { color: #27ae60; font-weight: bold; }
.rec-plan-btn { background: #27ae60; color: #fff; border: none; border-radius: 4px; padding: 8px 16px; cursor: pointer; margin-top: 10px; }
.rec-contact-count { margin: 20px 0; font-size: 18px; }