[object Object]
.table-wrapper { margin: 40px 0; overflow-x: auto; } .hair-removal-table { width: 100%; border-collapse: separate; border-spacing: 0; font-family: Inter, sans-serif; background: #ffffff; border-radius: 16px; box-shadow: 0 12px 28px rgba(0,0,0,0.06); } .hair-removal-table th { background: linear-gradient(135deg, #7f5af0, #2cb67d); color: white; padding: 16px; font-size: 14px; text-align: left; font-weight: 600; } .hair-removal-table td { padding: 14px 16px; font-size: 14px; border-bottom: 1px solid #f0f0f0; } .hair-removal-table tr:last-child td { border-bottom: none; } .method { font-weight: 600; color: #111827; } /* Duration colors */ .short-term { background: #fee2e2; color: #b91c1c; font-weight: 500; } .medium-term { background: #fef3c7; color: #b45309; } .long-term { background: #dcfce7; color: #047857; font-weight: 600; } /* Pain colors */ .no-pain { background: #e0f2fe; color: #0369a1; } .low-pain { background: #d1fae5; color: #047857; } .moderate-pain { background: #fef9c3; color: #a16207; } .high-pain { background: #fee2e2; color: #991b1b; } /* Laser highlight */ .highlight-laser { background: #f0fdf4; font-weight: 600; } .highlight-laser td { border-bottom: none; } /* Hover effect */ .hair-removal-table tbody tr:hover { background: #fafafa; transition: 0.2s ease; }