/* Deferred CSS - Non-critical styles loaded async */

/* Hover effects */
.c:hover{background:var(--c-card-hover,#2a2a2a)}
.cc:hover{background:var(--c-card-hover,#2a2a2a)}
.dd-b:hover{background:#444}
.dd-l li:hover{background:#555}
.src-s:hover{background:#7a072f}

/* Transitions */
.c,.cc{transition:background .2s}
.c-n a,.sf-b,.rel-t{transition:background .2s}
.sub-btn{transition:background .3s}
.scroll-icon{transition:transform .3s}
#scroll-top:hover .scroll-icon{transform:translateY(-5px)}

/* Animations */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
.c[data-hot]::before{animation:pulse 2s infinite}

/* Alphabet navigation */
.alpha-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:20px}
.alpha-nav a{color:#fff;padding:10px 15px;border-radius:5px;background:#333;font-weight:bold}
.alpha-nav a:hover{background:#555}

/* Narrow search (search page refinements) */
.ns{margin-top:20px;text-align:left}
.ns h3{font-size:1.2em;color:#fff;margin-bottom:10px}
.ns-l{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ns-l li{margin:0}
.ns-l a{background:#333;color:#fff;padding:8px 12px;text-decoration:none;border-radius:5px;font-size:.9em;transition:background .3s;display:block;white-space:nowrap}
.ns-l a:hover{background:#555}

/* Video card extras (for backwards compatibility) */
.video-card{position:relative;background:#252525;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:background .2s}
.video-card:hover{background:#2a2a2a}
.video-categories{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:4px 8px;min-height:44px;max-height:44px;overflow:hidden;margin-top:auto;flex-shrink:0}
.video-categories a{background:#444;color:#aaa;padding:2px 6px;border-radius:3px;font-size:10px;text-decoration:none;transition:all .2s}
.video-categories a:hover{background:#91093f;color:#fff}
.similar-link{display:block;text-align:center;padding:6px;background:#91093f;color:#fff;text-decoration:none;font-size:11px;font-weight:600;transition:background .2s}
.similar-link:hover{background:#7a072f}
.similar-link i{margin-right:4px}
.video-feed-source{padding:6px 8px;text-align:center;font-size:11px;background:#1a1a1a;border-radius:0 0 8px 8px}
.video-feed-source a{color:#888;text-decoration:none}
.video-feed-source a:hover{color:#91093f}
.hot-badge{position:absolute;top:6px;right:6px;background:rgba(239,68,68,.9);color:#fff;padding:4px 6px;border-radius:4px;font-size:12px;z-index:10;animation:pulse 2s infinite}
.score-badge{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.8);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:bold;z-index:10}
.universe-label{display:none;font-size:10px;color:#888;margin-left:4px}
.similar-link:hover .universe-label{display:inline}

/* Favorite button states */
.favorite-btn{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.6);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s,transform .2s}
.favorite-btn:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}
.favorite-btn.active i{color:#91093f}
.fav-count{font-size:10px;color:#fff;margin-left:2px}

/* Thumbnail meta row */
.thumbnail-meta{padding:0 8px 5px;font-size:11px;color:#888;text-align:left;width:100%;min-height:18px}
.thumbnail-meta .time-ago,.thumbnail-meta .view-count{color:#888}
.thumbnail-authors{width:calc(100% - 10px);padding:0 5px 5px;font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumbnail-authors a{color:#aaa;text-decoration:none;margin-right:5px}
.thumbnail-authors a:hover{text-decoration:underline}
.thumbnail-authors a::before{content:'\2605';color:#fff;font-size:10px;margin-right:3px}
.thumbnail-categories{padding:0 5px 5px;font-size:11px}
.thumbnail-categories a{color:#888;text-decoration:none;margin-right:8px}
.thumbnail-categories a:hover{color:#91093f}

/* Related categories section (old style compat) */
.related-categories{margin-top:30px;padding:20px;background:#222;border-radius:10px}
.related-categories h2{color:#fff;margin:0 0 15px;font-weight:700;font-size:18px}
.related-categories-list{display:flex;flex-wrap:wrap;gap:10px}
.related-category-tag{display:inline-block;background:#333;color:#fff;padding:8px 14px;text-decoration:none;border-radius:20px;font-size:14px;transition:background .3s,transform .2s}
.related-category-tag:hover{background:#91093f;transform:translateY(-2px)}

/* Related models section (old style compat) */
.related-models-container{margin-top:20px;text-align:left}
.related-models-container h2,.related-models-container h3{color:#fff;margin-bottom:20px;font-weight:700;font-size:18px;margin-left:10px}
.related-models-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:20px;margin-top:10px}
.related-model{text-align:center}
.related-model img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.model-name{margin-top:8px;color:#fff;font-size:.9em}
.video-count{display:block;font-size:.8em;color:#aaa;margin-top:2px}
.related-model a{text-decoration:none;color:inherit}

/* Actor cards (index page compat) */
.actor-card img{border-radius:50%}
.actor-card a{text-decoration:none;color:#fff;font-size:14px;display:block;margin-top:5px}
.actor-card a:hover{text-decoration:underline}

/* Responsive for related models */
@media(max-width:1600px){.related-models-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:1200px){.related-models-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.related-models-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.related-models-grid{grid-template-columns:repeat(2,1fr)}.ns-l{grid-template-columns:1fr}}

/* Profile page compat */
.profile-container{display:flex;align-items:center;background:#222;padding:15px;border-radius:10px;max-width:1900px;margin:20px 0;gap:15px}
.profile-image{width:90px!important;height:90px!important;border-radius:50%;object-fit:cover}
.profile-info{flex-grow:1;display:flex;flex-direction:column}
.profile-name{font-size:22px;font-weight:bold;color:#fff}
.profile-stats{display:flex;gap:10px;font-size:14px;color:#aaa}
.subscribe-button{background:#91093f;color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:bold;border-radius:5px;cursor:pointer;transition:background .3s}
.subscribe-button:hover{background:#7a072f}

/* Hub popularity (old compat) */
.hub-popularity{color:#888;font-size:11px;margin:4px 0 8px 10px;display:flex;align-items:center;gap:4px}
.hub-popularity i{color:#f59e0b;font-size:10px}

/* Rating popup */
.rating-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:rgba(0,0,0,.95);border-radius:12px;padding:16px;min-width:200px;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.rating-popup-content{text-align:center}
.rating-popup-close{position:absolute;top:8px;right:12px;color:#888;font-size:20px;cursor:pointer;line-height:1}
.rating-popup-close:hover{color:#fff}
.rating-popup-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}
.rating-popup-stars{display:flex;justify-content:center;gap:8px;margin-bottom:10px}
.popup-star{font-size:24px;color:#666;cursor:pointer;transition:color .15s,transform .15s}
.popup-star:hover{transform:scale(1.2)}
.rating-popup-info{font-size:12px;color:#888}
.popup-avg{color:#ffc107}
.popup-avg strong{color:#fff}