/* AVLOG final visual refresh — header, mobile spacing, shortcut cards, purple actions and listing titles */
:root{--av-green:#12c875;--av-green-glow:rgba(18,200,117,.25);--av-purple:#a855f7;--av-purple-glow:rgba(168,85,247,.28);--av-bg:#080f0c;--av-panel:#0d1d16;--av-muted:#a9beb2}
html,body{max-width:100%;overflow-x:hidden}
/* Wider content canvas: reduce unused side gutters, especially on phones. */
html body.body .hub-wrap{width:100%!important;max-width:1800px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(10px,1.6vw,28px)!important;padding-right:clamp(10px,1.6vw,28px)!important;box-sizing:border-box!important}
/* Desktop header reconstructed to match the supplied reference: brand / search / nav. */
html body.body .header.site-header,html body.body .site-header{background:rgba(7,15,11,.96)!important;border-bottom:1px solid rgba(18,200,117,.16)!important}
html body.body .site-header-inner{width:100%!important;max-width:1900px!important;min-height:82px!important;padding:10px clamp(12px,2vw,28px)!important;gap:clamp(16px,2.2vw,38px)!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}
html body.body .site-brand{order:1!important;flex:0 0 auto!important;min-width:0!important}
html body.body .site-brand a{gap:12px!important;font-size:25px!important;white-space:nowrap!important}
html body.body .site-brand img{height:54px!important;width:54px!important;object-fit:contain!important;border-radius:17px!important}
html body.body .site-search-wrap{order:2!important;position:relative!important;display:block!important;flex:1 1 680px!important;width:auto!important;max-width:900px!important;min-width:180px!important;margin:0 auto!important}
html body.body .site-search-form{height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:7px 8px 7px 20px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;background:#111d16!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
html body.body .site-search-leading{font-size:24px!important;color:#48d88c!important;flex:0 0 auto!important}
html body.body .site-search-input{height:100%!important;min-width:0!important;flex:1 1 auto!important;padding:0 5px!important;border:0!important;outline:0!important;background:transparent!important;color:#edf7f0!important;font-size:17px!important;box-shadow:none!important}
html body.body .site-search-input::placeholder{color:#8a9b90!important}
html body.body .site-search-submit{height:100%!important;min-width:110px!important;padding:0 24px!important;border:0!important;border-radius:13px!important;background:#27c96f!important;color:#062514!important;font-size:16px!important;font-weight:800!important}
html body.body .site-search-submit i{display:none!important}
html body.body .site-main-nav{order:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(14px,2vw,34px)!important;flex:0 0 auto!important;white-space:nowrap!important}
html body.body .site-main-nav .site-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:11px 13px!important;border:1px solid transparent!important;border-radius:13px!important;color:#b7c8bd!important;font-size:16px!important;font-weight:750!important;text-decoration:none!important}
html body.body .site-main-nav .site-nav-link:first-child{padding:12px 18px!important;border-color:rgba(18,200,117,.18)!important;background:rgba(18,200,117,.09)!important;color:#d9f5e4!important}
html body.body .site-main-nav .site-nav-link i{font-size:21px!important;color:#7fae91!important}
html body.body .site-main-nav .site-nav-link:hover{color:#fff!important;border-color:rgba(18,200,117,.28)!important;background:rgba(18,200,117,.08)!important}
html body.body .site-hot-search-dropdown{z-index:9999!important;top:calc(100% + 8px)!important;border:1px solid rgba(18,200,117,.22)!important;border-radius:14px!important;background:#101c15!important;box-shadow:0 18px 45px rgba(0,0,0,.42)!important}
/* Four shortcut cards follow the screenshot geometry and green/purple edge language. */
html body.body .hub-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,26px)!important;margin:0 0 26px!important}
html body.body .hub-shortcut{position:relative!important;min-height:174px!important;padding:22px 22px!important;gap:17px!important;border:0!important;border-left:6px solid #12a957!important;border-radius:16px!important;background:#0b1b14!important;box-shadow:none!important;transition:background .22s ease,box-shadow .22s ease,border-color .22s ease,transform .22s ease!important;overflow:hidden!important}
html body.body .hub-shortcut .hub-icon{flex:0 0 60px!important;width:60px!important;height:60px!important;border-radius:15px!important;background:rgba(18,200,117,.12)!important;color:#10c98a!important;font-size:22px!important}
html body.body .hub-shortcut h2{font-size:19px!important;font-weight:850!important;color:#f3faf5!important}
html body.body .hub-shortcut p{display:block!important;margin-top:7px!important;font-size:14px!important;color:#a9beb2!important;line-height:1.5!important}
html body.body .hub-shortcut:hover{border-left-color:#18e879!important;background:#0e2118!important;box-shadow:0 0 0 1px rgba(18,200,117,.16),0 0 22px rgba(18,200,117,.2),inset 0 0 22px rgba(18,200,117,.035)!important;transform:translateY(-2px)!important}
html body.body .hub-shortcut-random{border-left-color:var(--av-purple)!important}
html body.body .hub-shortcut-random .hub-icon{background:linear-gradient(145deg,#7445ce,#a45ce9)!important;color:#fff!important;box-shadow:0 8px 24px rgba(139,82,224,.24)!important}
html body.body .hub-shortcut-random:hover{border-left-color:#c084fc!important;background:#171326!important;box-shadow:0 0 0 1px rgba(168,85,247,.2),0 0 24px var(--av-purple-glow),inset 0 0 20px rgba(168,85,247,.045)!important}
/* AI section overline and all section action links use the same purple outlined CTA. */
html body.body .ai-video-overline{font-size:13px!important;letter-spacing:.08em!important;color:#a9d8bb!important;font-weight:800!important}
html body.body .ai-video-more,html body.body .hub-section-head>a:not(.hub-latest-random){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 13px!important;border:1px solid rgba(168,85,247,.65)!important;border-radius:9px!important;background:rgba(168,85,247,.10)!important;color:#d9bdff!important;font-weight:750!important;text-decoration:none!important}
html body.body .ai-video-more:hover,html body.body .hub-section-head>a:not(.hub-latest-random):hover{border-color:#c084fc!important;background:rgba(168,85,247,.2)!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.16)!important}
html body.body #videos .hub-latest-random{min-height:36px!important;padding:7px 13px!important;border:1px solid rgba(168,85,247,.72)!important;border-radius:9px!important;background:rgba(168,85,247,.12)!important;color:#d9bdff!important;font-weight:750!important;box-shadow:0 0 0 1px rgba(168,85,247,.08) inset!important}
html body.body #videos .hub-latest-random>span{filter:none!important;color:#c084fc!important}
html body.body #videos .hub-latest-random:hover{background:rgba(168,85,247,.24)!important;border-color:#c084fc!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.2)!important}
/* List pages: visible framed title bars, and list cards stay consistent with homepage. */
html body.body .home-video-list .category-con>.hub-section-head,html body.body .home-video-list .category-con>.listing-title-box,html body.body .vod-search-page .home-video-list .category-con>.hub-section-head{display:flex!important;align-items:center!important;min-height:62px!important;margin:0 0 15px!important;padding:15px 20px!important;border:1px solid rgba(18,200,117,.2)!important;border-left:5px solid #13b967!important;border-radius:13px!important;background:linear-gradient(100deg,rgba(17,57,36,.75),rgba(13,29,22,.9))!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}
html body.body .home-video-list .category-con>.hub-section-head h1,html body.body .home-video-list .category-con>.hub-section-head h2{margin:0!important;color:#f3fff7!important;font-size:clamp(18px,2vw,24px)!important;font-weight:850!important}
html body.body .home-video-list .category-con>.hub-section-head h1:before{display:none!important;content:none!important}
html body.body .home-video-list .category-con .home-list-meta{margin:0 0 14px!important;color:#9fb7a8!important}
html body.body .home-video-list .category-con .a-con-inner .pic{width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:10px!important}
html body.body .home-video-list .category-con .a-con-inner .pic img{width:100%!important;height:100%!important;object-fit:cover!important}
/* Play page heading and safety notice receive clear, polished hierarchy. */
html body.body .play-keywords .play-keywords-heading{position:relative!important;margin:0 0 14px!important;padding:13px 16px!important;border:1px solid rgba(168,85,247,.26)!important;border-left:4px solid #a855f7!important;border-radius:11px!important;background:linear-gradient(100deg,rgba(91,52,145,.22),rgba(18,23,34,.45))!important}
html body.body .play-keywords .play-keywords-heading h2{margin:0!important;color:#eee4ff!important;font-size:19px!important;font-weight:850!important;letter-spacing:.01em!important}
html body.body .play-keywords .play-keywords-heading h2:before{content:"✦"!important;display:inline-block!important;margin-right:9px!important;color:#bd8cff!important}
html body.body .play-safety-notice{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:14px 0 16px!important;padding:13px 16px!important;border:1px solid rgba(244,177,74,.24)!important;border-left:4px solid #e5a43b!important;border-radius:10px!important;background:linear-gradient(100deg,rgba(119,78,25,.18),rgba(38,31,20,.42))!important;color:#e7d8b9!important;font-size:14px!important;line-height:1.7!important}
html body.body .play-safety-notice strong{flex:0 0 auto!important;color:#ffd27d!important;font-weight:850!important}
/* Footer redesign. */
html body.body .footer{position:relative!important;margin-top:38px!important;padding:38px 0 30px!important;border-top:1px solid rgba(18,200,117,.18)!important;background:radial-gradient(ellipse at 50% 0,rgba(18,200,117,.09),transparent 55%),#070e0b!important}
html body.body .footer:before{content:""!important;display:block!important;width:min(120px,22vw)!important;height:3px!important;margin:-39px auto 30px!important;border-radius:9px!important;background:linear-gradient(90deg,#0e9f5b,#a855f7)!important}
html body.body .footer .footer-block{max-width:1100px!important;margin:0 auto!important;padding:24px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(15,29,22,.7)!important;text-align:center!important}
html body.body .footer-brand{color:#e8fff0!important;font-size:22px!important;font-weight:900!important;letter-spacing:.04em!important}
html body.body .footer .copyright,html body.body .footer-contact,html body.body .footer-note{color:#9fb4a7!important;line-height:1.8!important}
html body.body .footer-contact{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 14px!important;margin-top:12px!important}
html body.body .footer-note{margin-top:10px!important;color:#8b9f92!important;font-size:12px!important}
@media(max-width:1100px){
 html body.body .site-header-inner{gap:12px!important}
 html body.body .site-brand a{font-size:21px!important}
 html body.body .site-brand img{width:46px!important;height:46px!important}
 html body.body .site-main-nav{gap:8px!important}
 html body.body .site-main-nav .site-nav-link{padding:9px!important;font-size:14px!important}
 html body.body .hub-shortcut{min-height:150px!important;padding:17px!important}
}
@media(max-width:767px){
 html body.body .hub-wrap{padding-left:9px!important;padding-right:9px!important;padding-top:12px!important}
 html body.body .site-header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"brand nav" "search search"!important;gap:9px 10px!important;min-height:0!important;padding:8px 10px 10px!important}
 html body.body .site-brand{grid-area:brand!important}
 html body.body .site-brand a{gap:7px!important;font-size:19px!important}
 html body.body .site-brand img{width:38px!important;height:38px!important;border-radius:12px!important}
 html body.body .site-main-nav{grid-area:nav!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
 html body.body .site-main-nav .site-nav-link{padding:7px 8px!important;font-size:12px!important;border-radius:9px!important}
 html body.body .site-main-nav .site-nav-link i{font-size:16px!important}
 html body.body .site-main-nav .site-nav-link:last-child{display:none!important} /* Hide PornDude on phones */
 html body.body .site-search-wrap{grid-area:search!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
 html body.body .site-search-form{height:46px!important;padding:5px 6px 5px 12px!important;border-radius:13px!important}
 html body.body .site-search-leading{font-size:19px!important}
 html body.body .site-search-input{font-size:14px!important}
 html body.body .site-search-submit{min-width:66px!important;padding:0 13px!important;border-radius:10px!important;font-size:14px!important}
 html body.body .hub-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:19px!important}
 html body.body .hub-shortcut{min-height:104px!important;padding:12px 10px!important;gap:9px!important;border-left-width:4px!important;border-radius:12px!important}
 html body.body .hub-shortcut .hub-icon{flex-basis:38px!important;width:38px!important;height:38px!important;border-radius:11px!important;font-size:17px!important}
 html body.body .hub-shortcut h2{font-size:13px!important}
 html body.body .hub-shortcut p{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.35!important}
 html body.body .ai-video-heading{gap:8px!important}
 html body.body .ai-video-overline{font-size:10px!important;letter-spacing:.02em!important}
 html body.body .ai-video-more,html body.body #videos .hub-latest-random{min-height:32px!important;padding:5px 9px!important;font-size:11px!important}
 html body.body .home-video-list .category-con>.hub-section-head{min-height:52px!important;padding:12px 13px!important;margin-bottom:11px!important}
 html body.body .play-safety-notice{padding:10px 12px!important;font-size:12px!important}
 html body.body .play-keywords .play-keywords-heading h2{font-size:16px!important}
 html body.body .footer{margin-top:25px!important;padding:27px 0 20px!important}
 html body.body .footer .footer-block{padding:17px 13px!important;border-radius:13px!important}
}
@media(max-width:380px){html body.body .site-main-nav .site-nav-link{padding:6px!important;font-size:11px!important}html body.body .hub-shortcut p{font-size:9px!important}}