/* style.css — FINAL SINGLE FILE — 100% FIXED — APRIL 2025 */
@font-face{font-family:'LoveYaLikeASister';src:url('https://www.bangbrosblackporn.com/fonts/LoveYaLikeASister-Regular.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap;}

/* RESET & BODY */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{min-height:100vh;background:#000;}
body{background:ur[](https://www.bangbrosblackporn.com/background2024.webp) repeat-x top center #000;font-family:'LoveYaLikeASister',sans-serif !important;color:#fff;text-align:center;line-height:1.4;}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin:8px 0;font-family:'LoveYaLikeASister',sans-serif !important;}
h1{font-size:45px;line-height:50px;}
a{color:#fff;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* LAYOUT */
.container{max-width:100%;margin:0 auto;padding:0 10px;}
.logo-link{display:inline-block;width:586px;height:120px;}
.poster-image,.join-link img{width:100%;height:auto;}
.join-link{max-width:585px;margin:20px auto 0;display:block;}
.video-placeholder{position:relative;cursor:pointer;width:550px;height:248px;margin:20px auto;background:linear-gradient(45deg,#1a1a1a,#333);border:3px solid #333;border-radius:10px;overflow:hidden;box-shadow:0 0 15px rgba(255,255,255,.3);}
.video-placeholder video{width:100%;height:100%;object-fit:cover;border-radius:7px;}

/* THUMBS — FULLY RESTORED */
.thumb{width:320px;display:inline-block;vertical-align:top;margin:0 8px 16px;padding:8px;background:rgba(46,46,74,.9);border:1px solid rgba(100,100,255,.3);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-height:300px;position:relative;}
.thumb:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(100,100,255,.5);border-color:rgba(100,100,255,.7);}
.thumb .pic{height:225px;overflow:hidden;border-radius:8px;background:#3a3a5a;margin-bottom:6px;position:relative;}
.thumb .pic img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s,transform .3s;border-radius:8px;}
.thumb .pic img.loaded{opacity:1;}
.thumb:hover .pic img{transform:scale(1.03);}
.thumb .description{font-size:14px;line-height:18px;max-height:36px;color:#e0e0ff;padding:0 4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'LoveYaLikeASister',sans-serif !important;min-height:36px;}
.thumb:hover .description{color:#fff;}
.thumb-meta{display:flex;justify-content:space-between;align-items:center;font-size:13.5px !important;color:#d0d0ff;padding:0 6px;margin-top:4px;font-family:'LoveYaLikeASister',sans-serif !important;position:relative;z-index:2;}

/* EYE + CLOCK SVG — 100% VISIBLE */
.thumb-meta .time-icon,
.thumb-meta .views-icon{display:inline-flex;align-items:center;gap:4px;}
.thumb-meta svg{width:18px;height:18px;fill:#d0d0ff;vertical-align:middle;}

/* SVG STARS — GOLD/RED */
.thumb .stars-wrapper svg{width:17px;height:17px;margin:0 1px;vertical-align:middle;}
.thumb .stars-wrapper svg.filled{fill:#ff6b6b;}
.thumb .stars-wrapper svg.empty{fill:#555;opacity:0.6;}

/* KILL OLD SPRITES */
.thumb-stars,.thumb-stars-* {display:none !important;}

/* CATEGORIES & SITES */
.categories-list,.sites-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:15px;max-width:1200px;margin:20px auto;}
.category-link,.site-link{display:inline-block;padding:12px 20px;background:linear-gradient(45deg,#1a1a1a,#333);color:#fff;border-radius:30px;border:2px solid #5230ca;font-size:16px;transition:.3s;}
.site-link.white-teens{background:linear-gradient(45deg,#be185d,#ec4899);border-color:#be185d;}
.site-link.horny-milfs{background:linear-gradient(45deg,#1e3a8a,#3b82f6);border-color:#1e40af;}
.site-link:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 0 20px rgba(255,255,255,.5);}

/* FOOTER — PERFECT */
#footer{background:#333;color:#c1c1c1;padding:20px 0;margin-top:30px;clear:both;font-size:14px;line-height:1.5;}
#footer .up{background:#2d2d2d;padding:15px 10px;}
#footer .up img{max-width:180px;margin:0 auto 15px;}
#footer .up p{color:#fff;margin:10px 0;}
#footer .up p a{color:#fff;text-decoration:underline;}
#footer .footer-menu{margin:15px 0 10px;}
#footer .footer-menu li{list-style:none;display:inline;margin:0 8px;}
#footer .footer-menu li::after{content:"|";margin-left:16px;color:#666;}
#footer .footer-menu li:last-child::after{content:none;}
#footer .footer-menu a{color:#c1c1c1;text-transform:uppercase;font-size:13px;}
#footer .footer-logos{margin:15px 0;}
#footer .footer-logos li{list-style:none;display:inline-block;margin:0 10px;}
#footer .footer-logos img{max-height:38px;}
#footer .down{background:#000;padding:12px;font-size:11px;}

/* DESKTOP */
@media(min-width:769px){
    .video-placeholder{width:890px;height:402px;}
    .thumb{width:340px;}
    .thumb .pic{height:238px;}
    .desktopShow{display:block !important;}
    .poster-image{margin-top:120px;}
    .welcome-text{font-size:20px;}
}

/* MOBILE — ZERO FLASH, ZERO GAP */
@media(max-width:768px){
    h1{font-size:22px !important;line-height:30px !important;}
    .container{padding:0 5px !important;}
    .join-link{margin:10px auto !important;}
    .thumb{width:47% !important;margin:4px 1% !important;padding:6px !important;min-height:auto !important;}
    .thumb .pic{height:0 !important;padding-top:68.18% !important;position:relative;border-radius:6px !important;}
    .thumb .pic img{position:absolute !important;top:0;left:0;width:100%;height:100%;border-radius:6px !important;}
    .thumb .description{font-size:12.5px !important;line-height:16px !important;}
    .thumb-meta{font-size:11.5px !important;}

    /* NO LOGO FLASH + NO GAP IN SFW */
    .sfw-mode .logo-link{position:fixed !important;top:0;left:0;width:100%;z-index:1000;pointer-events:none;}
    .sfw-mode .logo-link img{pointer-events:auto;}
    .sfw-mode .poster-image{margin-top:120px !important;}
    .sfw-mode .join-link{margin-top:-10px !important;}
    .sfw-mode .container,.sfw-mode main{margin-top:0 !important;padding-top:0 !important;}
}