/* ============================================================================
   THESCATTUBE - DARK EMERALD THEME (v2 - Complete Rewrite)
   Colors: Accent #00c853 (emerald), Hover #00e676, BG #0f0f0f, Surface #1a1a1a
   ============================================================================ */

/* === FOCUS & ACCESSIBILITY === */
*:focus-visible{outline:2px solid #00c853!important;outline-offset:2px!important}

/* === BASE - Everything inherits readable colors === */
html,body,h1,h2,h3,h4,h5,h6,table,td,tr,ul,ol,li,a,form,input,select,textarea,button,input[type="submit"]{font-family:'Noto Sans',sans-serif}
body{background:#0f0f0f;color:#e0e0e0;overflow-x:hidden}
.wrapper{max-width:1280px}
p{font-size:13px;color:#ccc!important}
a{color:#00c853;text-decoration:none}
a:hover{color:#00e676}
.clear{clear:both}
::-moz-selection{color:#000;background-color:#00c853}
::selection{color:#000;background-color:#00c853}
/* Force all text visible */
span,div,li,td,th,label,small{color:inherit}

/* === TOP BAR / HEADER === */
.hd,.top-bar,header#main-header{background:#141414!important;border-bottom:3px solid #00c853!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}
.hd__inner,.top-bar .wrapper{background:transparent!important}
.hd .search-col,.search-col{background:none!important}
.hd::after{display:none!important}
header#main-header{background:#141414!important}
header#main-header::after{display:none!important}

/* === TEXT LOGO === */
.logo__text{font-size:28px;font-weight:900;font-style:italic;color:#fff;text-transform:none;letter-spacing:-0.5px;text-decoration:none;display:inline-block;line-height:1.2}
.logo__accent{color:#00c853}
.logo__link{text-decoration:none!important}
.logo__link:hover .logo__text{color:#eee}
.logo__link:hover .logo__accent{color:#00e676}
/* Fallback if image logo exists */
.hd a.hd__logo{display:none!important}
.logo{display:block!important}

/* === NAVIGATION === */
.nav-sec{background:#1a1a1a!important;border:0!important;border-bottom:1px solid #2a2a2a!important}
.nav-sec .wrapper{background:transparent!important}
.main-nav__inner,.main-nav-inner-col{background:transparent!important}
/* Nav links */
.main-nav-list__link,ul.main-nav-list li a{font-weight:700;padding-left:18px;padding-right:18px;color:#e0e0e0!important;transition:all .3s;text-decoration:none;display:block}
.main-nav-list__li.is-active > .main-nav-list__link,.main-nav-list__link:hover,ul.main-nav-list li.active a,ul.main-nav-list li a:hover{background:#00c853!important;color:#000!important}
.main-nav-list__link::after,ul.main-nav-list li a::after{display:none!important}
.main-nav-list__icon .icon,.main-nav-list .icon{color:#e0e0e0!important;transition:all .3s}
.main-nav-list__link:hover .icon,ul.main-nav-list li a:hover .icon{color:#000!important}
.main-nav-list__label{color:inherit!important}
.main-nav-list__li > .main-nav-list__link{line-height:40px!important;height:40px!important}
ul.main-nav-list li > a{line-height:36px!important;height:36px!important}

/* Nav dropdowns */
@media (min-width:768px){
.main-nav-list__li.has-list{position:relative}
.main-nav-list__li.has-list > .dropdown-list,.main-nav-list__li.has-list > .g--dropdown{display:none;position:absolute;width:250px;top:100%;left:0;background:#1e1e1e!important;padding:.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.6);border-top:2px solid #00c853;border-radius:0 0 6px 6px;z-index:999}
.dropdown-list__li{display:block;width:100%;float:none;margin:0}
.dropdown-list__link{height:38px;line-height:38px;padding:0 14px;color:#e0e0e0!important;display:block;transition:all .3s}
.dropdown-list__link:hover{background:#00c853!important;color:#000!important}
.dropdown-list__label{color:inherit!important}
.main-nav-list__li.has-list:hover > .dropdown-list,.main-nav-list__li.has-list:hover > .g--dropdown{display:block}
/* Old template dropdown */
ul.main-nav-list li.has-list.plain-list > ul{display:none;position:absolute;width:250px;top:100%;left:0;background:#1e1e1e!important;padding:.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.6);border-top:2px solid #00c853;border-radius:0 0 6px 6px}
ul.main-nav-list li.has-list.plain-list > ul li{display:block;width:100%;float:none;margin:0}
ul.main-nav-list li.has-list.plain-list > ul li a{height:38px;line-height:38px;padding:0 14px;color:#e0e0e0!important;font-size:13px;font-weight:500}
ul.main-nav-list li.has-list.plain-list > ul li a:hover{background:#00c853!important;color:#000!important}
ul.main-nav-list li.has-list.plain-list:hover > ul{display:block}
}
/* Overlay dropdown (categories) */
.overlay-drop{background:#1e1e1e!important;box-shadow:0 4px 16px rgba(0,0,0,.6);border-top:3px solid #00c853}
.overlay-drop .citem__title{color:#e0e0e0!important}
.overlay-drop .citem__link:hover .citem__title{color:#00c853!important}

/* === UCP (USER CONTROLS - TOP BAR) === */
.ucp-select,.ucp-select .user-name{text-transform:uppercase;font-weight:700;color:#e0e0e0!important;background:none!important;border:none!important}
.ucp-select:hover .user-name{color:#00c853!important}
.guest-options a,.guest-options-list a,.ucp__inner a,.ucp-list__link{color:#e0e0e0!important;font-weight:700;transition:all .3s}
.guest-options a:hover,.guest-options-list a:hover,.ucp__inner a:hover,.ucp-list__link:hover{color:#00c853!important;text-decoration:none}
.ucp .ucp__inner,.ucp-col .ucp-inner-col{background:transparent!important}
.ucp-btn{color:#e0e0e0!important}
.ucp-btn:hover{color:#00c853!important}
/* User dropdown */
.drop-list,ul.dropdown-menu{background:#1e1e1e!important;box-shadow:0 4px 16px rgba(0,0,0,.6)!important;border:1px solid #333!important;border-top:2px solid #00c853!important;border-radius:0 0 4px 4px!important;padding:5px 0!important}
.drop-list__link,ul.dropdown-menu li a{color:#e0e0e0!important;padding:8px 15px!important;display:block!important;font-size:13px;transition:all .3s}
.drop-list__link:hover,ul.dropdown-menu li a:hover{background:#00c853!important;color:#000!important;text-decoration:none!important}
.drop-list__link .icon,ul.dropdown-menu li a .icon{color:#888!important;margin-right:6px;transition:all .3s}
.drop-list__link:hover .icon,ul.dropdown-menu li a:hover .icon,ul.dropdown-menu li a:hover .icon::before{color:#000!important}

/* === UTILITY BAR === */
.utility-sec{background:#141414!important;border-bottom:1px solid #2a2a2a!important}

/* === NETWORK BAR === */
.network-col{background:transparent!important}
.network-list__link{color:#888!important}
.network-list__link:hover{color:#00c853!important}

/* === FILTER BAR === */
.filter-list__link{color:#e0e0e0!important;font-weight:600}
.filter-list__link:hover,.filter-list__li.is-active .filter-list__link{color:#00c853!important}
.filter-list__li .upload__link{height:34px;line-height:34px}

/* === CONTENT BOXES === */
.box,.box-container{margin-top:10px}
.box__inner,.inner-box-container{border:0!important;padding:0;border-radius:0;background:transparent!important}
.box__hd,.inner-box-container header{background:none!important;padding:0;margin-bottom:10px;border-radius:0}
.box__hd h1,.box__hd h2,.box__hd h3,.box__hd h4,.box__hd h5,.box__hd h6,.inner-box-container header h1,.inner-box-container header h2,.inner-box-container header h3,.inner-box-container header h4,.inner-box-container header h5,.inner-box-container header h6{color:#e0e0e0!important;padding:0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#e0e0e0}
.title-col h1,.title-col h2,.title-col h3,.title-col h4,.title-col h5,.title-col h6,.title-col--normal h1,.title-col--normal h2,.title-col--normal h3{padding:0;color:#e0e0e0!important}
.dimmed-desc{color:#888!important}

/* === VIDEO/CONTENT CARDS === */
/* BEM style (thescattube template) */
.item .item__inner{background:#1a1a1a;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #222}
.item .item__inner:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,200,83,.15);border-color:#00c853}
.item .item__thumb,.item .item__hd{background:none}
.item .item__title{padding:6px 8px}
.item .item__title-label{font-weight:700;color:#e0e0e0!important;font-size:13px}
.item .item__stat-label{color:#888!important;font-size:11px}
.item .item__stat .icon::before{color:#888}
.item .item__stat.-bg-t1{background:rgba(0,200,83,.15);color:#00c853}
.item .item__stat.-bg-t2{background:#00c853;color:#000}
.item .item__stat.-quality .item__stat-label{color:#000!important;font-weight:700}
.item .item__stats-bar{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.item .item__link-fav{color:#888;transition:all .3s}
.item .item__link-fav:hover{color:#00c853}
.item .item__link-edit{color:#888}
.item .item__link-edit:hover{color:#00c853}
/* Class style (fallback) */
.cat-item-col > .inner-col,.item-col > .inner-col{background:#1a1a1a;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #222}
.cat-item-col > .inner-col:hover,.item-col > .inner-col:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,200,83,.15);border-color:#00c853}
.cat-item-col span.image,.item-col span.image{background:none}
.cat-item-col span.item-info,.item-col span.item-info{padding:6px 8px}
.cat-item-col .title,.item-col .title{font-weight:700;color:#e0e0e0;font-size:13px}
.cat-item-col .time,.item-col .time{font-size:10px;color:#888}
.item-col .s-e-rate .sub-desc,.item-col .i-eye::before,.item-col .i-thumbs-down::before{color:#888}
.image .custom-rating{background:rgba(0,0,0,.85);position:absolute;bottom:.75rem;left:0;font-size:12px;color:#fff;padding:.125rem .3125rem;border-radius:0 4px 4px 0}
.image .custom-rating .i-thumbs-up::before{color:#00c853!important;font-size:10px}
.q-hd{background:#00c853;color:#000;border-radius:3px;font-weight:700}
.quality > span{border-radius:3px}
.item-col .edit-content{top:20px}
.aff-content-col .inner-col{border:0;background:none}
.aff-content-col .inner-col *{color:#e0e0e0}

/* === BUTTONS === */
.btn-default,button[type="submit"],input[type="submit"],.btn.btn-header,button.btn-header[type="submit"],input.btn-header[type="submit"],#mailbox .actions a.btn-header{background:#00c853!important;text-transform:uppercase;font-weight:700;color:#000!important;border:0;padding:4px 10px;transition:all .3s;border-radius:4px;min-height:44px}
.btn-default:hover,button[type="submit"]:hover,input[type="submit"]:hover,.btn.btn-header:hover{background:#00e676!important;color:#000!important}
.btn-default .icon::before{color:#000!important;transition:all .3s}
.btn-default:hover .icon::before{color:#000!important}
.btn-default.btn-large{font-size:14px;padding:6px 20px}
.qq-upload-button{background:#00c853;transition:all .3s;border-radius:4px;color:#000}
.qq-upload-button:hover{background:#00e676;color:#000}

/* === FORM INPUTS === */
.search-col button[type="submit"],ul.dropdown-menu,.alert,.messages,.notification,.captcha-wrapper img,button.btn-selectpicker,button.btn-selectpicker.form-control,input[type="text"],input[type="text"].form-control,input[type="number"],input[type="number"].form-control,input[type="search"],input[type="search"].form-control,input[type="password"],input[type="password"].form-control,input[type="email"],input[type="email"].form-control,input[type="color"],input[type="color"].form-control,select,select.form-control,textarea,textarea.form-control{border-radius:4px;background:#222!important;border:1px solid #444!important;color:#e0e0e0!important}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="number"]:focus,select:focus,textarea:focus{border-color:#00c853!important;box-shadow:0 0 0 3px rgba(0,200,83,.15)!important}
.alert,.messages,.notification{font-size:14px;color:#e0e0e0}

/* === FORM ERRORS === */
.formError{top:0!important;margin-top:-50px!important}
.formError .formErrorContent{width:100%;background:#c62828;position:relative;color:#fff;min-width:7.5rem;font-size:.6875rem;border:2px solid #f44336;box-shadow:0 2px 8px rgba(0,0,0,.3);padding:.25rem .625rem;border-radius:6px;z-index:10;text-align:center}
.formError .formErrorContent::before{content:"";width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#f44336 transparent transparent transparent;position:absolute;top:100%;left:20px}
.formError .formErrorContent::after{content:"";width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#c62828 transparent transparent transparent;position:absolute;top:100%;left:22px;margin-top:-2px}

/* === PAGINATION === */
#pagination a,#pagination span,.pagination a,.pagination span{line-height:36px;height:36px;min-width:36px;background:#1a1a1a;color:#e0e0e0;text-transform:uppercase;font-weight:700;transition:all .3s;border-radius:4px;min-height:44px;border:1px solid #333}
#pagination a:hover,.pagination a:hover{background:#00c853;color:#000!important;border-color:#00c853}
#pagination span,.pagination span{background:#00c853!important;color:#000!important;border-color:#00c853!important}
#pagination .next,#pagination .prev,.pagination .next,.pagination .prev{background:#1a1a1a}
#pagination .next:hover,#pagination .prev:hover,.pagination .next:hover,.pagination .prev:hover{background:#00c853;border-color:#00c853}
#pagination .prev::before,.pagination .prev::before,#pagination .next::before,.pagination .next::before{background:#1a1a1a;color:#e0e0e0!important;transition:all .3s}
#pagination .prev:hover::before,.pagination .prev:hover::before,#pagination .next:hover::before,.pagination .next:hover::before{background:#00c853;color:#000!important}

/* === TAGS === */
.tags-block{padding-left:0}
.tags-block .sub-label{padding-left:0;opacity:1!important;filter:alpha(opacity=100)!important;color:#888}
.tags-block .icon{color:#888}
.tags-block a{color:#000;font-weight:700;transition:all .3s;border-radius:4px;text-transform:uppercase;background:#00c853}
.tags-block a:hover{background:#00e676;color:#000;box-shadow:0 3px 8px rgba(0,200,83,.25)}
.tags-block-categories{float:left}
.tags-block-categories a{background:#00c853;color:#000}

/* === VIDEO PAGE === */
.item-tr .item-tr__inner,.item-tabs .item-tabs__inner,.item-tr-col > .inner-col,.item-tabs-col > .inner-col{background:none!important;border:0!important;padding-left:0;padding-right:0}
.tab-wrapper{padding-left:0;padding-right:0}
.item-tr h1,.item-tr__title,.item-tr-col h1{color:#fff!important;font-size:1.4rem}
.tabs-list a .icon::before{color:#888}
.submitter-container .user-name{padding-left:0;font-size:13px;color:#e0e0e0}
.submitter-container .sub-label{font-size:12px;color:#888}
ul.stats-list span,ul.stats-list span::before{color:#888}
.main-description{color:#ccc}
ul.profile-list .sub-desc{color:#e0e0e0}

/* === TABS === */
.tabs-list a{color:#e0e0e0!important;font-weight:700;transition:all .2s}
.tabs-list a::after{display:none}
.tabs-list li,.tabs-list,.stats-list,.d-container{border:0}
.tabs-list li.active a,.tabs-list li.active a .icon::before{color:#00c853!important}
.tabs-list a:hover,.tabs-list a:hover .icon::before{color:#00c853!important}
.tabs-list a,.tabs-list a .icon::before{transition:all .2s}
ul.tabs-list-custom a{background:#00c853!important;color:#000!important;text-transform:uppercase;font-size:12px}
ul.tabs-list-custom a:hover,ul.tabs-list li.active a{background:#00e676!important;color:#000!important}
ul.tabs-list-custom a .icon,ul.tabs-list-custom a .icon::before{color:#000!important;opacity:1!important}

/* === RATING === */
ul.rating-list li{color:#e0e0e0;border:0;padding:0 2px}
ul.rating-list li,ul.rating-list li a{background:#222!important;color:#e0e0e0;transition:all .3s;border-radius:4px}
ul.rating-list li a{padding:0 10px}
ul.rating-list li a:hover{background:#00c853!important;color:#000}
ul.rating-list li a .icon::before{color:#888;transition:all .2s}
ul.rating-list li a:hover .icon::before{color:#000}

/* === SHARE === */
ul.share-list a span{transition:all .3s}
ul.share-list li a{color:#e0e0e0!important}
li.list-bttn{float:left}
li.list-bttn a{text-decoration:none!important}
li.list-bttn a span{background:#00c853!important;color:#000;padding:4px 20px;font-weight:700;text-transform:uppercase;font-size:13px;transition:all .2s;border-radius:4px}
li.list-bttn a:hover span,li.list-bttn a.active span{background:#00e676!important;color:#000}
ul.simple-list li{margin-right:1px}

/* === FOOTER === */
footer,.ft{background:#0a0a0a!important;border-top:3px solid #00c853!important;color:#999}
footer a,.ft a,footer .simple-list__link,.ft .simple-list__link{color:#999!important;transition:all .3s}
footer a:hover,.ft a:hover,footer .simple-list__link:hover,.ft .simple-list__link:hover{color:#00c853!important;text-decoration:none}
footer h4,.ft h4,footer h5,.ft h5{color:#fff!important}

/* === SIDEBAR === */
.filter-sm-col{padding:0!important}
ul.models-list li a{background:#1a1a1a!important;color:#e0e0e0!important;font-weight:700!important;border-radius:4px;transition:all .3s;border:1px solid #333}
ul.models-list li .sub-label{color:#888!important;font-weight:700!important;opacity:1}
ul.models-list li a:hover{background:#00c853!important;color:#000!important;border-color:#00c853}

/* === TAG CLOUD SIDEBAR === */
.tag-cloud{padding:8px}
.tag-cloud a{display:inline-block;background:#222;color:#e0e0e0;padding:4px 10px;margin:3px;border-radius:4px;font-weight:600;text-decoration:none;transition:all .3s;white-space:nowrap;border:1px solid #333}
.tag-cloud a:hover{background:#00c853;color:#000;border-color:#00c853;box-shadow:0 2px 8px rgba(0,200,83,.2)}
.tag-cloud a.tag-xl{font-size:1.1rem;padding:6px 14px}
.tag-cloud a.tag-lg{font-size:.95rem;padding:5px 12px}
.tag-cloud a.tag-md{font-size:.85rem}
.tag-cloud a.tag-sm{font-size:.75rem;color:#999}

/* === PAYSITE ELEMENTS === */
.box__bg-img{display:block;position:relative;overflow:hidden;padding-top:20%}
.box__bg-img::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(15,15,15,0) 0%,rgba(15,15,15,.4) 85%,rgba(15,15,15,1) 100%);z-index:1}
.paysite__bg-img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}
@media(min-width:600px){
.-has-bg .paysite__thumb{position:absolute;left:12px;top:0;border:4px solid #00c853;padding:0;margin:0;transform:translateY(-80%);max-width:160px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.-has-bg .box__bd-inner{padding-top:35px}
}
@media(min-width:380px){
.paysite__stats{position:absolute;left:156px;top:12px}
}
@media(min-width:600px){
.-has-bg .paysite__stats{top:auto;bottom:103%;left:180px;z-index:2}
.-has-bg .paysite__stats + .paysite__bd{padding-top:0}
}
.paysite__stats + .paysite__bd{padding-top:24px}
.paysite__stat{display:inline-block;vertical-align:top}
.paysite__stat + .paysite__stat{margin-left:12px;padding-left:12px;border-left:1px solid #333}
.paysite__stat .sub-label{font-weight:500;color:#e0e0e0;margin-left:3px}
.paysite__stat .icon{margin-top:-2px}

/* === ICON FONT FIXES === */
.icon--delete:before,.icon.-delete:before,.icon.i-delete::before{font-style:normal!important;display:inline-block;content:"\e9c1";text-transform:none!important;font-weight:400!important;font-family:'fontello';text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
.icon--ok:before,.icon.-ok:before,.icon.i-ok::before{font-style:normal!important;display:inline-block;content:"\e9bf";text-transform:none!important;font-weight:400!important;font-family:'fontello';text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
a.addIco{color:#00c853}
a.addIco:hover{color:#00e676}

/* === USER PANEL === */
.ucp-option .ucp-option__inner,.ucp-option-col > .inner-col{background:#1a1a1a!important;border:1px solid #333}
.ucp-option a:hover span.icon,.ucp-option.ucp-option--sign-out span.icon,.ucp-option-col a:hover span.icon{color:#00c853}
.btn-social-login{padding:0}
.row.social-logins{text-align:center}
.form-item--social{float:none;display:inline-block;vertical-align:top}
.email-notification{border:1px solid #333;border-radius:4px;padding:20px;background:#1a1a1a}
.email-notification-label{color:#888;display:block;font-size:.75rem;font-weight:700;line-height:inherit;padding-right:10px;width:auto;margin-bottom:0;border-bottom:0;background-color:#0f0f0f;padding-bottom:5px;position:relative;right:22px}
.mailbox-content-col table tbody tr.new td{background-color:#1a2a1a!important;font-weight:700}

/* === RELATED VIDEOS SECTION === */
.reltated-sec,.related-sec{background:#0a0a0a!important;padding:20px 0;margin-top:20px}
.reltated-sec h2,.related-sec h2{color:#00c853!important}

/* === MISC === */
.d-container-custom{padding-bottom:0!important;margin-top:10px!important;margin-bottom:10px!important}
#scrollUp{background:#00c853;border-radius:4px;color:#000}
.tab-wrapper-custom{padding-top:0!important;margin-bottom:0!important}
.tab-wrapper .expand-trigger-col{margin-top:-20px}
.expand-trigger-col.expand-trigger--no-offset::before{background:#333}
.title-col--comment h1,.title-col--comment h2,.title-col--comment h3,.title-col--comment h4,.title-col--comment h5,.title-col--comment h6{color:#e0e0e0}
.form-item--actions{padding-top:5px;padding-bottom:5px}
a#playerClose{margin-top:2px}
.page-wrap{padding-top:8.5625rem}
ul.stats-list-custom span::before{height:auto!important;line-height:auto!important}
ul.stats-list-custom li{padding:0;padding-right:10px}
.search-col button[type=submit] .icon{line-height:1.6}
[data-toggle=tooltip]{z-index:1000}

/* === NAVBAR TRIGGER (mobile) === */
.navbar-trigger .btn.-navbar-trigger{color:#fff!important}
.navbar-trigger .btn.-navbar-trigger:hover{color:#00c853!important}

/* === VTT THUMBNAILS === */
.item-tr-col > .inner-col.vtt-thumbs-col,.item-tr .vtt-thumbs-col{padding:3px 10px}
.vtt-thumbs .thumb{display:block;float:left;padding:3px;width:33.3333333%;opacity:1;transition:.1s opacity linear;position:relative}
.vtt-thumbs .thumb img{width:100%;position:relative;z-index:1;border-radius:4px}
.vtt-thumbs .thumb .info{display:block;background:#1a1a1a;padding:3px 8px;color:#e0e0e0;transition:.1s all linear;border-radius:3px 3px 0 0;position:absolute;opacity:0;top:0;left:50%;transform:translateX(-50%);text-align:center;z-index:2;line-height:1.5em;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.vtt-thumbs .thumb:hover{opacity:.8;z-index:10}
.vtt-thumbs .thumb:hover .info{opacity:1;top:-20px}
@media (min-width:480px){.vtt-thumbs .thumb{width:25%}}
@media (min-width:768px){.vtt-thumbs .thumb{width:16.6666667%}}
@media (min-width:1540px){.vtt-thumbs .thumb{width:8.3333333%}}
@media (max-width:1539px){.vtt-thumbs .thumb:hover .info{top:-12px}}

/* === SCROLLBAR === */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0f0f0f}
::-webkit-scrollbar-thumb{background:#333;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#00c853}

/* === RESPONSIVE === */
@media (max-width:47.938em){
.page-wrap{padding-top:5.875rem!important}
.search-col{left:17.75rem!important}
.main-nav-list__li.has-list > .dropdown-list{width:95vw!important;max-width:250px}
}
@media (max-width:480px){
.item{width:50%!important}
.item-col{width:50%!important}
h1{font-size:1.2rem}
h2{font-size:1.1rem}
}
@media (max-width:375px){
.hd a.hd__logo{width:180px;margin:10px 5px}
header#main-header a#logo{width:180px;margin:10px 5px}
.item,.item-col{width:50%!important}
}

/* === TOUCH TARGETS === */
.btn-default,button[type="submit"],input[type="submit"]{min-height:44px;padding:8px 16px!important}
#pagination a,#pagination span,.pagination a,.pagination span{min-height:44px;min-width:44px}

/* === BLOG === */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 0}
.blog-card{background:#1a1a1a;border-radius:6px;padding:20px;transition:transform .2s,box-shadow .2s;border:1px solid #222}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,200,83,.15);border-color:#00c853}
.blog-card h2{margin:0 0 8px;font-size:1.1rem}
.blog-card h2 a{color:#00c853;text-decoration:none}
.blog-card h2 a:hover{color:#00e676}
.blog-meta{color:#888;font-size:.8rem;margin-bottom:8px}
.blog-meta span{margin-right:12px}
.blog-excerpt{color:#bbb;font-size:.9rem;line-height:1.5}
.blog-read-more{display:inline-block;margin-top:10px;color:#00c853;font-weight:700;text-transform:uppercase;font-size:.8rem}
.blog-read-more:hover{color:#00e676}
.blog-pagination{text-align:center;padding:20px 0}
.blog-pagination a,.blog-pagination span{display:inline-block;padding:8px 14px;margin:2px;border-radius:4px;font-weight:700;min-height:44px;line-height:28px}
.blog-pagination a{background:#1a1a1a;color:#e0e0e0;border:1px solid #333}
.blog-pagination a:hover{background:#00c853;color:#000;border-color:#00c853}
.blog-page-active{background:#00c853!important;color:#000!important;border-color:#00c853!important}
.blog-article{background:#1a1a1a;border-radius:6px;padding:24px;margin-bottom:20px;border:1px solid #222}
.blog-back-meta{margin-bottom:16px;font-size:.85rem;color:#888}
.blog-back-meta a{color:#00c853;font-weight:700}
.blog-back-meta span{margin-left:16px}
.blog-content{color:#e0e0e0;line-height:1.7;font-size:.95rem}
.blog-content h2{color:#00c853;margin:20px 0 10px;font-size:1.3rem}
.blog-content h3{color:#e0e0e0;margin:16px 0 8px;font-size:1.1rem}
.blog-content a{color:#00c853}
.blog-content a:hover{color:#00e676}
.blog-content ul,.blog-content ol{padding-left:20px;margin:10px 0}
.blog-content li{margin-bottom:6px}
.blog-tags{margin-top:20px;padding-top:16px;border-top:1px solid #333}
.blog-tags a{display:inline-block;background:#00c853;color:#000;padding:4px 10px;margin:3px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase}
.blog-tags a:hover{background:#00e676}
.blog-related{margin-top:20px}
.blog-related h3{color:#e0e0e0;margin-bottom:12px}
.mvl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mvl-item{border-radius:6px;overflow:hidden;background:#1a1a1a;border:1px solid #222}
.mvl-item a{text-decoration:none;color:#e0e0e0}
.mvl-item img{width:100%;display:block}
.mvl-item span{display:block;padding:6px 8px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* === BREADCRUMBS === */
.breadcrumbs{padding:10px 0;font-size:.85rem;color:#8a8a8a;margin-bottom:8px;width:100%}
.breadcrumbs a{color:#00c853;text-decoration:none}
.breadcrumbs a:hover{color:#00e676;text-decoration:underline}
.breadcrumbs .sep{margin:0 6px;color:#444}
.breadcrumbs .current{color:#e0e0e0}

/* === FOOTER TAGS CLOUD === */
.footer-tags{background:#141414;padding:24px 0;border-top:3px solid #00c853}
.footer-tags h3{color:#8a8a8a;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.footer-tags-list{display:flex;flex-wrap:wrap;gap:6px}
.footer-tags a{display:inline-block;padding:4px 10px;background:#1e1e1e;color:#8a8a8a;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid #2a2a2a;transition:all .15s ease}
.footer-tags a:hover{background:#00c853;color:#000;border-color:#00c853}

/* === TRENDING SEARCHES TICKER === */
.trending-searches-sec{padding:0;margin-top:10px}
.trending-searches{display:flex;align-items:center;background:#141414;border:1px solid #222;border-radius:6px;overflow:hidden}
.trending-searches__label{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#00c853;color:#000;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}
.trending-searches__label .icon{font-size:1rem}
.trending-searches__ticker{overflow:hidden;flex:1;position:relative;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.trending-searches__track{display:flex;gap:8px;animation:ticker-scroll 40s linear infinite;width:max-content;padding:8px 0}
.trending-searches__track:hover{animation-play-state:paused}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trending-searches__tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#1e1e1e;color:#e0e0e0;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid #333;white-space:nowrap;transition:all .2s;text-decoration:none;flex-shrink:0}
.trending-searches__tag:hover{background:#00c853;color:#000;border-color:#00c853}
.trending-searches__count{font-size:.65rem;color:#666;font-weight:400}
.trending-searches__tag:hover .trending-searches__count{color:rgba(0,0,0,.6)}

/* === PEOPLE ALSO SEARCH FOR === */
.related-searches{background:#141414;border:1px solid #222;border-radius:6px;padding:16px 20px;margin-top:16px}
.related-searches__title{color:#8a8a8a;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.related-searches__pills{display:flex;flex-wrap:wrap;gap:8px}
.related-searches__pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:#1e1e1e;color:#e0e0e0;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #333;transition:all .2s;text-decoration:none}
.related-searches__pill:hover{background:#00c853;color:#000;border-color:#00c853}
.related-searches__pill .icon{font-size:.7rem;color:#666}
.related-searches__pill:hover .icon{color:#000}

/* === RELATED BLOG POSTS === */
.related-blog{background:#141414;border:1px solid #222;border-radius:6px;padding:16px 20px;margin-top:16px}
.related-blog__title{color:#8a8a8a;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.related-blog__list{display:flex;flex-direction:column;gap:8px}
.related-blog__item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:6px;text-decoration:none;transition:all .2s}
.related-blog__item:hover{border-color:#00c853;background:#1a2a1a}
.related-blog__icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00c853;border-radius:50%;color:#000;font-size:.7rem}
.related-blog__text{flex:1;min-width:0}
.related-blog__name{display:block;color:#e0e0e0;font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-blog__item:hover .related-blog__name{color:#00c853}
.related-blog__excerpt{display:block;color:#777;font-size:.75rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* === REDUCED MOTION === */
@media (prefers-reduced-motion:reduce){
*{transition:none!important;animation:none!important}
.item .item__inner:hover,.item-col > .inner-col:hover,.cat-item-col > .inner-col:hover{transform:none}
.trending-searches__track{animation:none}
}