body.khilare-ad-free .advertisement { display: none !important; }
.khilare-container { max-width: 1200px; margin: 0 auto; }
.khilare-card { transition: transform .2s, box-shadow .2s; border: none; border-radius: .75rem; overflow: hidden; }
.khilare-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.khilare-card img { object-fit: cover; height: 200px; }
.khilare-card .card-body { padding: 1.5rem; }
.khilare-tag { display: inline-block; font-size: .75rem; font-weight: 600; padding: .25rem .5rem; border-radius: .35rem; margin-right: .35rem; }
.tag-popular { background: #ffd700; color: #212529; }
.tag-liked { background: #ff69b4; color: #fff; }
.tag-custom { background: #6c757d; color: #fff; }
.khilare-quote { font-style: italic; color: #555; margin: .75rem 0; }
.khilare-timeline { position: relative; padding-left: 2rem; }
.khilare-timeline::before { content: ''; position: absolute; left: 1rem; top: 0; bottom: 0; width: 2px; background: #dee2e6; }
.khilare-timeline-item { position: relative; margin-bottom: 1.5rem; }
.khilare-timeline-item::before { content: ''; position: absolute; left: -1.25rem; top: .5rem; width: .75rem; height: .75rem; background: #0d6efd; border-radius: 50%; }
.khilare-form .form-control, .khilare-form .form-select { border-radius: .5rem; }
.khilare-form .btn-primary { border-radius: .5rem; background: linear-gradient(135deg, #0d6efd, #0a58ca); border: none; }