body,html,style{margin:0;padding:0;overflow-x:hidden}#landingHeadContainer,#mastHeadContainer{display:flex;transform:translateY(0);top:0;left:0}#landingHeadContainer,#mastHeadContainer,#paymentHeadContainer{transition:transform .3s;box-sizing:border-box;width:100%;z-index:1}#landingContainer,#mastHeadContainer,#pageContainer,#sideNavContainer,body,html{background-color:#141414}.joinNowContainer .columns .column,.joinNowContainer .columns .column2{transition:border-color .3s;background:#141414}.signInContainer .column,.signUpContainer .column{overflow-y:auto;box-shadow:0 2px 8px 1px rgb(0 0 0 / 30%);max-height:100%}.signInMessage a:hover,.studioTitle a:hover{text-decoration:underline}#box-1,#box-2{width:50%;height:50%}.byline,.nav .desc{font-family:Verdana,Arial,sans-serif}body,html{font-family:sans-serif}style{position:relative;z-index:0;width:100%}.fa:hover,.fa-solid:hover,a:hover{text-decoration:none;color:#FFF}#pageContainer,.profileVideoGridContainer p,.tariffs-pic img{width:100%;height:auto;padding-top:58px;}#affiliate-daily-earnings table,#content-creator-daily-earnings table,#landingContainer,.categoryContainer,.categoryGridItem,.exo-native-widget,.pornstarGridItem,.suggestions .videoGridItem,table.studioChart{width:100%}#mastHeadContainer{height:58px;padding:0 2%;align-items:center;position:fixed;z-index:100010 !important;background-color:#232323}#landingHeadContainer{padding-top:32px;padding-bottom:24px;align-items:center;position:inherit!important;justify-content:center;}#joinNowSectionContainer,#paymentSectionContainer{display:flex;justify-content:center;height:auto!important}#paymentSectionContainer{background-color:#fff!important;align-items:center}#joinNowSectionContainer{background-color:#111!important;align-items:center}#paymentSectionContainer .member-footer{max-width:100%;margin:20px auto 0;padding:0 0 0 4%;display:block;background-color:#FFF}#paymentSectionContainer .member-footer .social-links,.mySlides{display:none}#paymentSectionContainer .member-footer .member-footer-copyright{font-size:11px;margin-bottom:0}#paymentSectionContainer .member-footer .member-footer-links{padding:16px 0 0}#paymentHeadContainer{display:flex;justify-content:center;align-items:center;position:fixed;background:#7b3381;color:#fff;font-weight:700;font-size:16px;line-height:52px;text-align:center}#mainSectionContainer.leftPadding{padding-left:240px}#mastHeadContainer .rightIcons img,#mastHeadContainer button:not(.searchButton){cursor:pointer;width:40px;height:40px;padding:8px;box-sizing:border-box;border:none;background-color:transparent}#mastHeadContainer .rightIcons{height:42px;display:flex}#mastHeadContainer button img{color:#b3b3b3;width:100%}#mastHeadContainer .logoContainer{width:150px;height:58px;margin:0 2%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}#landingHeadContainer .logoContainer,#paymentHeadContainer .logoContainer{width:100%;margin-right:80%}#mastHeadContainer .logoContainer img{height:114px !important;width:auto !important;max-width:none}
@media (max-width:600px){#mastHeadContainer .logoContainer img{height:96px !important}}#landingHeadContainer .logoContainer img,#paymentHeadContainer .logoContainer img{height:40px;margin-left:8px;border-radius:3%}#landingHeadContainer .logoContainer img{width:224px}#topNavContainer{color:grey;display:block;position:sticky;background-color:#232323;border:1px solid #141414;height:31px}#topNavContainer .top-navigation-links{display:flex;flex-wrap:nowrap;margin:0;padding:0;list-style:none;}#topNavContainer .top-navigation-links .navigation-link-wrapper{list-style-type:none;-webkit-box-flex:0;-webkit-flex:0 0 20%;-moz-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-basis:20%;flex-basis:20%;text-align:center;border:1px solid #141414}#topNavContainer .top-navigation-links .navigation-link-wrapper2{list-style-type:none;-webkit-box-flex:0;-webkit-flex:0 0 20%;-moz-box-flex:0;-ms-flex:0 0 20%;flex:0 0 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-basis:16%;flex-basis:16%;text-align:center}#topNavContainer .top-navigation-links .navigation-link-wrapper .navigation-link,#topNavContainer .top-navigation-links .navigation-link-wrapper2 .navigation-link{color:#b3b3b3;font-size:16px;font-weight:700;text-decoration:none}#topNavContainer .top-navigation-links .navigation-link-wrapper a:hover,#topNavContainer .top-navigation-links .navigation-link-wrapper2 a:hover{color:#FFF}#mainSectionContainer,.editVideoContainer,.joinNowContainer .column form,.signInContainer .column form,.signUpContainer .column form{display:flex;flex-direction:column}#mainContentContainer,#mainContentContainer2{position:relative;display:flex;flex-flow:row wrap;justify-content:center;flex:1;background:#181918;box-sizing:border-box;color:#FFF;padding:0 2%}#mainContentContainer .videoSection{height:100%;width:100%;display:flex;flex-direction:column}#mastHeadContainer .searchBarContainer{flex:1;display:flex;position:relative;max-width:330px;margin:0 auto;height:40px}#suggestions-container{display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto;background:#181918}.suggestion-header{padding:7px;background-color:#232323;color:#FFF;font-weight:700}#suggestions-container a{text-decoration:none;color:#FFF;display:block;margin:7px}#suggestions-container a:hover{background-color:#b3b3b3}#mastHeadContainer .searchBarContainer form{flex:1;display:flex;align-items:center}#mastHeadContainer .searchBarContainer .searchBar{flex:1;color:#FFF;padding:2px 6px;font-size:18px;font-weight:100;border:none;height:40px;background:#181918}#mastHeadContainer .searchBarContainer .searchButton{height:40px!important;background-color:#ffffff0d;border-radius:inherit;cursor:pointer;width:50px}#mastHeadContainer .searchBarContainer .searchButton img{height:20px;width:20px}table.studioChart th{color:#666;text-align:left;vertical-align:bottom}.logoColumn a img{height:67px;width:67px;margin:10px 0}.needHelp a,.studioTitle a{color:#737373;text-decoration:none}ul.pagination{display:flex!important;justify-content:center!important;align-items:center!important;margin:16px 0}ul.pagination li.page-item{max-width:48px;max-height:48px}#affiliate-section p,.bar-pvr,.block-content p,.header_bar a,.main-content,.our-story-card-text,.planformContainer,.reviews,.section2 h2,.text,.wankzvr h1,ul.pagination li.page-item .page-link{text-align:center}.affiliate-inner details summary,.howToWatch p,.videoInfo h1{text-align:left}.column{flex-grow:1;background-color:#FFF;min-height:300px;padding:20px;box-shadow:rgba(0,0,0,.1) 0 1px 2px}#landingContentContainer,#signInSectionContainer{background:url(https://cdn.pirouvr.com/background-2.webp);display:flex;justify-content:center;align-items:center}.signInContainer .fa-lock{color:#212529;flex-basis:20%}.signUpContainer .column:hover h2,.signUpContainer .fa-lock{color:#212529}.signInContainer .column .header img,.signUpContainer .column .header img{width:100px}.signInContainer .column{flex-grow:0;background-color:rgba(0,0,0,.75);width:500px}.joinNowContainer .columns{display:inline-flex;align-items:center}.joinNowContainer .columns .column{box-sizing:border-box;border:5px solid transparent;border-radius:12px;flex:none!important;margin:1%}.joinNowContainer .columns .column2{box-sizing:border-box;border:5px solid transparent;border-radius:12px}.joinNowContainer .columns a .column:hover{border-color:#1A98FFCC;border-radius:12px}.signUpContainer .column{border-radius:12px;background-color:#fff;margin:auto}.signUpContainer .discounts-btn{color:#fff;background:#20ab4c;font-weight:400;padding:11px 38px;font-size:18px;line-height:1;border-radius:25px;width:40%}.signInContainer .column .header,.signUpContainer .column .header{padding:0}.signInContainer .column .header h1,.signUpContainer .column .header h1{font-size:24px;font-weight:400;line-height:32px;margin:0;padding-bottom:0}.descriptionClass .profileRightColumn p,.signInContainer .column .header span,.signUpContainer .column .header span{font-size:20px}.signUpContainer .column .loginForm{padding-top:24px}.landingContainer .our-story-card-text .loginForm{display:inline-flex}.signInContainer .column form input[type=email],.signInContainer .column form input[type=password],.signInContainer .column form input[type=text]{border:0;font-size:16px;margin:10px 0;background-color:#fff!important;color:#000;box-shadow:0 2px 8px 1px rgb(0 0 0 / 30%);border-radius:4px;height:50px;line-height:50px;padding:18px 20px;width:100%}.signUpContainer .column form input[type=email],.signUpContainer .column form input[type=password],.signUpContainer .column form input[type=text]{border:0;font-size:16px;margin:10px 0;background-color:#fff!important;color:#343333;box-shadow:0 2px 8px 1px rgb(0 0 0 / 30%);border-radius:4px;height:50px;line-height:50px;padding:18px 20px}.signInContainer .column form input[type=submit]{background:#e50914;color:#fff;height:50px;width:100%;border:none;border-radius:25px;font-weight:500;margin-top:10px;margin-bottom:20px;cursor:grab}.signUpContainer .column form input[type=submit]{background:#20ab4c;color:#fff;height:50px;width:100%;border:none;font-weight:500;margin-top:10px;margin-bottom:20px;cursor:grab;border-radius:25px}.blog-article .footer,.categoryThumbnailWrapper .footer,.commentSection .comment,.commentSection .header .commentForm,.descriptionClass,.editVideoContainer .topSection,.itemContainer .commentForm,.landingContainer .our-story-card-text .loginForm form,.pornstarThumbnailWrapper .footer,.star2,.suggestionsFooter,.videoInfo .bottomSection2{display:flex}.landingContainer .our-story-card-text .loginForm form input[type=submit]{background:#e50914;font-size:20px;color:#fff;border-radius:1px;cursor:grab;min-height:60px;border:none;border-left:1px solid #333;margin:0!important;min-width:250px;padding:10px}.landingContainer .our-story-card-text .loginForm form input[type=email]{min-width:450px;height:60px!important;margin-right:-3px;border-radius:1px;border:none;font-size:16px;padding:0;background-color:#fff;color:#000;text-indent:10px}.emailFormTitle{max-width:none;padding:10px 0;font-size:20px;font-weight:300;display:flex;align-items:center;justify-content:center}.needHelp{float:right;font-size:13px}.awards a:hover,.needHelp a:hover{color:#fff;text-decoration:underline}.signInMessage{color:#737373;font-size:16px;margin-top:16px}.awards a,.h3,.less,.more,.signInMessage a:hover,h3{color:#fff}.signInMessageLink,.signInMessageLink a{text-decoration:none;color:#fff;background-color:transparent}.h3,h3{font-size:1.75rem;margin:2% 0}.errorMessage{color:red;font-size:20px;font-weight:400;text-align:center}.watchLeftColumn{flex:2 2 66.6%}.watchLeftColumn .videoPlayer{width:100%;height:496px;max-height:100%;display:block;margin:0;padding:0;z-index:0;position:absolute!important;top:0;left:0}.video-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.suggestionsAdvert{text-align:center;margin:auto;width:auto;height:auto}.sidebar .suggestionsAdvert .videoGrid{flex-wrap:wrap;justify-content:center;align-items:center}.suggestionsAdvert a img{width:300px;height:250px;object-fit:cover;margin:0}#exoNativeWidget4010452.exo-native-widget{background-color:transparent;overflow:hidden;max-width:100%;width:100%;display:flex;flex-direction:column}.adAboveSlideShow{max-width:1000px;position:relative;margin:auto}.studio{margin:18px}.adAbovePagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px}.suggestions{flex:1 1 33.4%}.suggestions .videoGrid{display:flow-root;justify-content:center;align-items:center;width:70%;height:auto;overflow:hidden;margin:auto auto 10%}.suggestions .suggestionsAdvert{width:300px;height:250px;overflow:hidden;margin:auto auto 16px}.videoInfo{padding:8px 0;height:119px}.profilePicture,.videoGrid{height:auto}.videoInfo h1{display:block;overflow:hidden;font-size:26px;font-weight:400;color:#FFF;margin-bottom:0}.our-story-card-text h1{width:auto;margin:10%;font-size:50px;color:#fff}.videoGrid a,.videoGrid a:hover{margin-bottom:8px;text-decoration:none}.our-story-card-text h2{font-size:26px;font-weight:200}.videoInfo .bottomSection{display:flex;padding:8px 0}.videoInfo .bottomSection .dropdown .dropdown-menu{background-color:#333}.videoInfo .bottomSection .dropdown .dropdown-menu a.dropdown-item{color:#FFF;height:42px;padding:0 1.5rem 18px}.videoInfo .bottomSection .dropdown .dropdown-menu .dropdown-item:hover{background-color:#383838}.videoInfo .bottomSection .dropdown .btn{padding:6px 15px;cursor:pointer;font-weight:500;border-radius:2px;border:none;font-size:20px;background-color:#1A98FFCC;color:#fff;width:100%}.videoInfo .bottomSection .viewCount{display:inline-flex;align-items:center;gap:8px;color:#b3b3b3;cursor:text;font-size:20px;flex:1;text-align:left}.viewCount{display:inline-flex;align-items:center;line-height:1;gap:7px;}.viewCount i{font-size:1em!important;opacity:.8;line-height:1}.viewCount .viewNumber{line-height:1;color:#b3b3b3;} .videoInfo .bottomSection2 .controls{flex:1;text-align:right}.videoInfo .bottomSection2 .controls button{padding:0;background-color:transparent;border:none;color:#b3b3b3;height:40px;width:40px;font-weight:500;font-size:20px;cursor:pointer;margin:0 0 0 36px}.videoInfo .bottomSection2 .controls button img{height:20px;width:20px;margin:4px 8px 8px}.secondaryInfo .videoImages {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem;} .videoImages img {width:100%;height:auto;display:block;aspect-ratio: 16 / 9;object-fit:cover;object-position:top;border-radius:8px;color:transparent;} .topRow{display:flex;align-items:center;border-top:1px solid #282828;}.secondaryInfo .topRow .studioProfileButtonContainer a img{vertical-align:middle;border-style:none;width:100px;height:100%;border-radius:100%;padding:8px}.secondaryInfo .topRow .profilePicture{margin-right:16px;width:44px;height:44px;border-radius:50%}.secondaryInfo .topRow .uploadInfo{flex:1;display:flex;flex-direction:column;padding:8px}.secondaryInfo .topRow .uploadInfo .date{color:#b3b3b3;font-size:20px;font-weight:400}.secondaryInfo .descriptionContainer{color:#b3b3b3;height:75px;overflow-y:auto}.secondaryInfo{border-bottom:1px solid #282828;padding-bottom:20px;margin-bottom:20px}.secondaryInfo .topRow .button{padding:6px 15px;cursor:pointer;font-weight:500;border-radius:2px;border:none;font-size:20px}.secondaryInfo .topRow .editVideoButtonContainer,.secondaryInfo .topRow .subscribeButtonContainer{display:flex;flex-direction:column;justify-content:center}.subscribeButtonContainer .subscribe{background-color:red;color:#fff}.subscribeButtonContainer .unsubscribe{background-color:#eee;color:rgba(17,17,17,.6)}.editVideoButtonContainer .edit{background-color:#1A98FFCC;color:#fff}.secondaryInfo .topRow .uploadInfo .owner a{font-size:20px;font-weight:500;color:#FFF;text-decoration:none} .uploadInfo .owner a:hover{text-decoration:underline} .commentSection .header{margin-top:8px;margin-bottom:16px;display:flex;flex-direction:column}.commentSection .header .commentForm a img{width:48px}.commentForm .profilePicture,.commentSection .comment .profilePicture,.commentSection .header .commentForm .profilePicture{margin-right:16px;width:48px;height:48px;border-radius:50%}.commentSection .header .commentCount{margin-bottom:24px;color:#b3b3b3}.commentSection .header .commentForm textarea,.itemContainer .commentForm textarea{flex:1;border:none;background-color:transparent;font-size:20px;color:#FFF;resize:none}.commentSection .header .commentForm textarea::placeholder{color:#FFF}.itemContainer .commentForm textarea::placeholder{height:30px;color:#FFF}.commentSection .header .commentForm .postComment,.itemContainer .commentForm .cancelComment,.itemContainer .commentForm .postComment{background-color:#1A98FFCC;color:#fff;font-weight:500;border:none;padding:0 15px;border-radius:2px;width:auto;font-size:20px!important}.itemContainer .commentForm .cancelComment{background-color:transparent;color:#FFF}.itemContainer .commentForm .cancelComment:hover,.nav-item a,.videoGridHeader a:hover,.videoSection .block-content p a,.vr-headset a:hover{color:#b3b3b3}.commentSection .itemContainer{margin-bottom:16px}.commentSection .commentHeader{margin-bottom:2px}.commentSection .comment .username{margin-right:8px;color:#FFF;font-size:20px;font-weight:500}.commentSection .comment .body{font-size:20px;font-weight:400;line-height:20px;color:#b3b3b3}.itemContainer .controls{margin-left:64px}.itemContainer .controls .likesCount,.itemContainer .controls button{height:32px;background-color:transparent;border:none;font-size:20px;font-weight:500;color:#FFF}.itemContainer .controls button{cursor:pointer}.itemContainer .controls .likesCount{margin:0 5px}.itemContainer .controls button img{height:16px}.itemContainer .commentForm .profilePicture{width:30px;height:30px}.commentSection .comment .timestamp{color:#b3b3b3;font-size:20px;font-weight:400;line-height:18px}.hidden{display:none!important}.comments .repliesSection{padding-left:64px;margin-top:16px}.commentSection .itemContainer .viewReplies{cursor:pointer;font-size:20px;font-weight:500;color:#FFF}.videoGrid{display:flex;flex-wrap:wrap;justify-content:center}.videoGrid .thumbnailWrapper{flex-basis:24.6%;margin:.2%;width:100%;display:flex;flex-direction:column;}.videoGrid .categoryThumbnailWrapper,.videoGrid .pornstarThumbnailWrapper{flex-basis:24.6%;margin:.2%}.videoGrid a{flex-wrap:wrap;color:#b3b3b3}.videoGrid a:hover{flex-wrap:wrap;color:#FFF}.suggestions .videoGridItem a{display:flex;height:auto;width:100%}.videoGridItem .thumbnail{width:100%;height:auto;position:relative;aspect-ratio:16/9}.videoGridItem2 .thumbnail,.videoGridItem3 .thumbnail{width:100%;height:auto;position:relative}.suggestions .videoGridItem .thumbnail{margin-right:8px;aspect-ratio:16/9}.categoryGridItem .thumbnail img,.videoGridItem .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:16/9;border-radius:8px}.pornstarGridItem .thumbnail img{width:100%;height:300px;display:block;margin:auto;object-fit:cover;object-position:top;border-radius:8px;aspect-ratio: 1 / 1;}.videoGridItem .thumbnail .duration{bottom:0;right:0;position:absolute;margin:4px;color:#fff;background-color:rgba(17,17,17,.8);opacity:.8;padding:2px 4px;border-radius:2px;letter-spacing:1px;font-size:12px;font-weight:500;line-height:12px}.videoGridItem .details,.videoGridItem3 .details{padding-right:24px;position:relative;cursor:pointer;display:flow-root;flex-direction:column;width:100%}.videoGridItem2 .details{position:relative;cursor:pointer;display:flow-root;flex-direction:column;width:100%}.suggestions .videoGridItem .details{padding-right:0;flex:1}.videoGridItem .details .title, .videoGridItem2 .details .title{margin:8px 0;max-height:16px;font-size:16px;font-weight:500;line-height:16px;color:#FFF;width:auto;overflow:hidden;text-overflow:ellipsis}.videoGridItem .details .stats,.videoGridItem .details .username,.videoGridItem2 .details .stats,.videoGridItem2 .details .username,.videoGridItem3 .details .stats,.videoGridItem3 .details .username{color:#b3b3b3;font-size:16px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px}.videoGridHeader{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #141414;}.videoGridHeader div{flex:1;color:#FFF;font-weight:700}.videoGrid.large{flex-direction:column;flex:1}.videoGrid.large .videoGridItem{height:auto;display:flex}.videoGrid.large .videoGridItem .thumbnail,.videoGrid.large .videoGridItem2 .thumbnail,.videoGrid.large .videoGridItem3 .thumbnail{width:266px;height:138px;margin-right:16px}.videoGrid.large .videoGridItem .details{max-width:600px;flex:1}.videoGrid.large .videoGridItem .details .title,.videoGrid.large .videoGridItem2 .details .title,.videoGrid.large .videoGridItem3 .details .title{font-size:20px;line-height:24px}.videoGridItem .details .description{color:#b3b3b3;font-size:20px;font-weight:500}.largeVideoGridContainer{flex:1;display:flex;flex-direction:column;color:#FFF}.videoGridHeader .right{text-align:right}.fa-download:before,.fa-lock,.howToWatch a:hover,.member-footer,.member-footer-link,.star a:hover,.star2 a:hover,.tag a:hover,.videoGridHeader a{color:#b3b3b3;font-size:16px;}.rightIcons .btn.signInLink,.rightIcons .btn.signUpLink{padding:6px 15px;cursor:pointer;font-weight:500;border-radius:2px;color:#fff;font-size:20px;background-color:#1A98FFCC;border:1px solid transparent;transition:background-color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}.rightIcons .btn.signInLink{background-color:#232323}.rightIcons .btn.signInLink:hover,.rightIcons .btn.signUpLink:hover{background-color:#1A98FF;color:#fff;transform:scale(1.05);opacity:.95}.videoGridHeader a:after{content:" |";color:#FFF}.videoGridHeader a:last-child:after{content:""}.signInLink{border:none;transition:opacity .4s;background:0 0}.awards a,.header_bar a,.page-link,.signInLink:hover{text-decoration:none}.signUpLink{border:none;background-color:#1A98FFCC}.signUpLink:hover,.signin-options .lister .nav .desc .btn-primary{border-radius:2px;padding:6px 15px;font-weight:500;cursor:pointer}.signUpLink:hover{border:none;font-size:20px}#sideNavContainer .navigationItems{overflow-y:auto}#sideNavContainer .navigationItemsSignup .navigationItem span{max-width:fit-content;background:#1A98FFCC;border-radius:5px;padding:0 5px}#sideNavContainer .navigationItem{height:40px;display:flex}#sideNavContainer .navigationItem img{height:18px;margin-right:27px}#sideNavContainer .navigationItem span{flex:1;color:#b3b3b3;font-size:16px}#sideNavContainer .navigationItem span:hover{flex:1;color:#FFF;font-size:16px}#sideNavContainer .navigationItem a{flex:1;display:flex;align-items:center;padding:0 20px;text-decoration:none}#sideNavContainer .navigationItem a:hover{background-color:rgba(0,0,0,.04)}#sideNavContainer .heading{color:#b3b3b3;font-size:20px;font-weight:500;padding:10px 24px 0;border-top:1px solid #ededed;display:block}.profileContainer{display:flex;flex-direction:column;width:100%}.coverPhotoContainer{height:200px;flex:1;position:relative}.coverPhotoContainer .coverPhoto{width:100%;object-fit:cover;max-height:100%;vertical-align:middle}.coverPhotoContainer .channelName{position:absolute;top:calc(50% - 40px);font-size:50px;color:#fff;text-align:center;width:100%;letter-spacing:5px}.profileHeader{padding:15px 100px 0;display:flex;height:100px}.userInfoContainer{flex:1;display:flex}.profileHeader .userInfoContainer .profileImage{height:80px;width:80px}.profileHeader .userInfo{flex:1;display:flex;flex-direction:column;justify-content:center}.profileHeader .userInfo .title{font-size:24px;font-weight:400;color:#FFF}.profileHeader .userInfo .subscriberCount{font-size:20px;color:#b3b3b3}.profileHeader .buttonContainer{flex:1;display:flex;justify-content:flex-end}.profileHeader .buttonContainer .buttonItem{align-items:center;display:flex}.profileHeader .buttonContainer .buttonItem button{padding:10px 15px;font-size:20px;font-weight:500;border:none;border-radius:2px;cursor:pointer}.profileContainer .channelContent{padding:20px;background-color:#FFF;border:1px solid #ddd;border-top:none}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#FFF;border-color:#FFF;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.channelContent .section .values{color:rgba(17,17,17,.6);display:flex;flex-direction:column}.formSection:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dedede}.settingsContainer form{width:80%;margin-left:auto;margin-right:auto}.topSection .videoPlayer{max-height:300px;flex:1}.editVideoContainer .topSection .thumbnailItemsContainer{display:flex;flex-direction:column;margin:0 10px;width:217px}.editVideoContainer .topSection .thumbnailItemsContainer .thumbnailItem{margin-bottom:10px;padding:2px}.editVideoContainer .topSection .thumbnailItemsContainer .thumbnailItem.selected{border:3px solid #828282}.editVideoContainer .topSection .thumbnailItemsContainer .thumbnailItem img{width:100%;cursor:pointer}.member-footer{max-width:980px;margin:20px auto 0;padding:0 4%;color:grey;display:block;height:auto}#box-container,.free-signup-container,.studio-review-container{color:grey;display:flex;background-color:#fbfbfb;width:100%}#box-container{height:500px;flex-direction:row-reverse;max-width:1008px}#box-1{background-color:#1e90ff}#box-2{background-color:#ff4500}.studio-review-container{max-width:980px;flex-direction:row}.free-signup-container{max-width:980px;margin:10px auto auto}.article,.signin-options{background-color:transparent;margin:0;padding:20px 21px 24px 20px;float:left}.article{width:67%}.article h1.header,.signin-options h1.header,.signin-perks h1.header{margin:0 0 2px;padding:0;border-bottom:none;color:#424242;font-size:27px}.article h3,.signin-options h3,.signin-perks h3{color:#424242;font-size:18px;font-weight:400;margin:revert}.signin-options{width:46%}.byline{font-size:12px;color:#666;margin:3px 0 10px;font-weight:400}.sidebar,.signin-perks{background-color:transparent;float:right;margin:0;position:relative}.sidebar{width:33%;border-left:3px solid #999}.signin-perks{width:54%;padding:20px 21px 24px 20px;border-left:1px solid #ddd}.vr-blog,.vr-headset{margin:20px auto 0;padding:0 4%;display:block}hr{margin:12px 0;height:1px;border:0;border-top:1px solid #e8e8e8}.avg-star-color{color:gold}.nav .desc{color:#333;font-size:13px;width:100%}.signin-options .lister .nav .desc .btn-primary{border:none;font-size:20px;color:#fff;width:100%}.signin-options .lister .nav .desc .btn-secondary{padding:6px 15px;cursor:pointer;font-weight:500;border-radius:2px;border:none;font-size:20px;color:#fff;width:100%;background-color:red}.signin-options .lister .nav .desc p{line-height:.5;margin-top:15px;text-align:center}.vr-headset{max-width:980px;color:grey}.vr-blog{max-width:942px;background-color:#fff}.blog-article,.blog-article-link-content img{width:54vw;height:27vw;display:block;margin:auto;object-fit:cover}.blog-article .footer h3{flex:1!important}.thumbnailWrapper .footer{display:flex;margin:0 22%}.thumbnailWrapper .footer h3{color:#fff;margin:2% 0;float:left;font-size:20px}.categoryThumbnailWrapper .footer h3,.pornstarThumbnailWrapper .footer h3{font-size:24px;color:#b3b3b3;margin:2% 0;float:left;flex:1;text-align:center}.thumbnailWrapper .footer .author{flex:1;text-align:end}.category-row,.pornstar-row{max-width:100%;margin:20px auto 0;padding:4%;color:grey;display:block}.category-row h4,.pornstar-row h4{display:flex;justify-content:start;margin:0 2% 4%;padding-bottom:10px;border-bottom:1px solid #141414;color:#FFF}.member-footer .social-links{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:1em}.member-footer .social-links .social-link{margin-right:15px;font-size:36px;color:grey}.member-footer .social-links .social-link a{text-decoration:none;cursor:pointer;color:#fff}.category-row .category-row-links,.member-footer .member-footer-links,.member-footer .member-footer-links-special-friends,.pornstar-row .pornstar-row-links,.vr-headset .vr-headset-links{font-size:20px;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;margin:0 0 16px;padding:0}.member-footer .member-footer-link-wrapper{list-style-type:none;font-size:16px;-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;box-sizing:border-box;-webkit-flex-basis:25%;flex-basis:25%}.vr-headset .vr-headset-link-wrapper{list-style-type:none;-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;box-sizing:border-box;-webkit-flex-basis:25%;flex-basis:25%;margin:auto;text-align:center;padding:25px}.category-row .category-link-wrapper,.pornstar-row .pornstar-link-wrapper{list-style-type:none;-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-basis:25%;flex-basis:25%}.block-content a,.member-footer .member-footer-link,.star,.star2,.tag{color:#b3b3b3;text-decoration:none}.downloadButtonContainer a,.pornstarName{color:#FFF;text-decoration:none;width:100%;display:flex;flex-direction:column}.star,.tag{display:revert;padding:8px 0;line-height:1.5}.category-row .category-link,.pornstar-row .pornstar-link,.reviews .reviewers .reviewer .review,.vr-headset .vr-link{color:grey;text-decoration:none}.vr-link-content img{width:280px;height:280px;display:block}.vr-studio-content img{width:170px;height:170px;display:block;object-fit:contain;border-radius:100%}.pornstar-link-content img{width:200px;height:300px;display:block;margin:auto;object-fit:cover}.category-link-content img{width:218px;height:123px;display:block;margin:20px}.actressName,.category{text-align:center;width:200px}.member-footer .member-footer-copyright{font-size:11px;margin-bottom:15px}.member-footer .member-footer-copyright-instance{padding:0 4px;display:inline-block}.fa,.fa-solid{display:inline-block;font:24px FontAwesome!important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#b3b3b3;outline:0!important;box-shadow:none}.navigationItem .fas{font-weight:900;color:#b3b3b3;margin:0 10px 0 0}.profileLeftColumn{flex:1;height:100%;width:100%;padding:4%}.profileLeftColumn img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:8px;aspect-ratio:1/1}.profileRightColumn{flex:2;height:100%;width:100%;padding:4%}.mySlides a img{width:100%;height:37vw}.tariffs-item-old-price{font-size:18px;text-decoration:line-through;margin-right:16px;font-weight:400;color:#b3b3b3}.tariffs-item-new-price{font-size:35px;font-weight:500;margin-right:16px;color:#fff}.tariffs-item-duration{font-size:25px;line-height:30px;margin-bottom:1rem;font-weight:500!important;text-decoration:none;color:#fff}#planform-button-container a{color:#343333;text-decoration:none;width:100%}.signUpContainer .column:hover{color:#e11463}.tarrifs-item-description{line-height:20px;padding:5px 0 18px;font-size:17px}.tariffs-btn,.tariffs-btn2,.tariffs-btn2:hover,.tariffs-btn:hover{font-size:22px;line-height:1;height:48px;color:#fff}.tariffs-btn{background:#1A98FFCC;border-radius:20px;border:none;margin-top:13px;height:48px}.tariffs-btn:hover{background:#1A98FF;border-radius:20px}.tariffs-btn2{background:#ffffff10;border-radius:20px;width:50%}.tariffs-btn2:hover{background:#d3d3d3;border-radius:20px;width:50%}.planformText p{color:#fff;text-decoration:none;font-size:16px}.item-wraps{display:inline-flex;margin-bottom:35px}.item-wrap{border:1px solid #1A98FFCC;border-radius:12px;width:106px;margin:8px;padding:15px 14px;box-shadow:0 2px 8px 1px rgb(0 0 0 / 30%)}#affiliate-section button,.watchFullVRPornVideoBtn{width:auto;left:50%;transform:translate(-50%,-50%)}.item-val{font-size:25px;font-weight:700;line-height:30px;color:#1A98FFCC}.item-text{font-weight:400;font-size:14px;line-height:17px;color:#fff;margin-top:3px}.watchFullVRPornVideoBtn{height:auto;position:absolute;top:75%}#affiliate-section button{position:relative;margin-top:30px}.aff-url{text-align:center;font-size:115%;border:1px dotted #0a9aff;padding:3px 0;border-radius:5px;line-height:30px;margin:0 33%;cursor:pointer}.affiliate-inner details{border-bottom:1px solid #343434;max-width:600px;margin:0 auto;overflow:hidden;position:relative;padding-left:0;line-height:60px}.section2 .affiliate-inner details[open] p{text-align:left!important}.profileContentContainer{flex-direction:column;display:flex;width:100%}.profileVideoGridContainer{display:flex;flex-direction:column;color:#FFF}.howToWatch{height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:0 auto;max-width:800px;color:#efefee}.howToWatch a,.vr-headset a{text-decoration:underline;color:#FFF}.vrHowToLogo img{width:280px;height:280px;display:block;margin:auto}.pornstarInfo{max-width:980px;margin:20px auto 0;color:grey;display:block}.pornstarInfo .pornstarStats{color:#fff;font-size:20px;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;margin:0 0 20px;padding:0}.pornstarInfo .pornstarStatsItem{list-style-type:none;-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-basis:50%;flex-basis:50%}.pornstarStats .social-links{width:100%;display:inline;margin:2% 0 0}.pornstarInfo .social-links .social-link{margin:8px 16px 8px 0;text-decoration:none;}.pornstarInfo .social-links .social-link img{height:21px;width:24px}.profileDescription p{flex:1;height:100%;color:#b3b3b3}.pagination{display:flex;justify-content:center;align-items:center}.page-item.active .page-link{z-index:1;background-color:transparent;color:#FFF}.page-link{z-index:1;background-color:transparent;color:#b3b3b3;border:none}.page-link a:hover{text-decoration:underline;background-color:transparent}.page-link:hover{color:#FFF;text-decoration:none;background:0 0}.block-content h3,.readOurReviews{font-size:20px;display:flex;justify-content:center;color:#b3b3b3;padding-top:10px}.block-content p,.videoSection p{font-size:16px;color:#b3b3b3;font-weight:400}.block-content a:hover{color:#b3b3b3;text-decoration:underline}.block-content2 p{max-height:100%;overflow-y:auto} .block-content .block-content p{max-height:552px;overflow-y:auto}.our-story-card-text{color:#FFF;position:relative;width:100%;padding:75px 0;margin:0 auto;z-index:1}.centerContainer,.simpleContainer{padding-bottom:95px}.paymentContainer,.stepHeader-container{text-align:center;max-width:500px;margin:0 auto}.centerContainer{margin:0 auto 15px;max-width:978px;box-sizing:border-box}.stepLogoContainer .fa{margin:50px 0 20px;color:red}.planformContainer{line-height:32px;margin:12px auto 29px;font-size:26px}.paymentContainer .stepHeader,.planformContainer .stepHeader{margin-top:20px}.narrowContainer{max-width:270px;margin:20px auto 40px}.payPal{border:2px solid #ccc;padding:5px;margin:20px;border-radius:3px;height:70px;max-width:500px}.payPal button,input{overflow:visible;float:left}.fa-check:before,.premium p{color:red}.premiumSubmit,button,button:hover{width:100%;height:48px;padding:0 19px;color:#fff;font-weight:500;font-size:20px;cursor:pointer;background-color:#1A98FFCC;border:1px solid transparent;border-radius:36rem;transition:transform .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}.premiumSubmit,button:hover{transform:scale(1.05);background-color:#1A98FF;color:#fff}.planformCard{border:1px solid #d3d3d3;box-shadow:0 2px 8px 1px rgba(0,0,0,.3)} .premium h6{font-weight:400}.premium h5{margin:10px}.divider{border-bottom:1px solid;border-color:#FFF}.premium .vr-link-content img{width:121px;height:auto;display:inline-flex}.finePrint{font-size:12px;line-height:16px;color:#999;margin:0 0 12px}.main-content{max-width:500px;margin-top:5%}.creditCard{height:55px;vertical-align:top;min-height:40px;max-height:55px;display:block;color:#2c2e2f;background-color:#fff;margin:10px 0;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:position .5s ease-in;-o-transition:position .5s ease-in;-moz-transition:position .5s ease-in;transition:position .5s ease-in;align-items:stretch}.creditCard:hover{background-color:#FFF}.reviews{border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3}.reviewer{padding-bottom:10px;margin:10px}.footer-ad,.reviewers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.reviews .reviewers .reviewer .review:hover{color:grey;text-decoration:underline}.reviews .reviewers .reviewer .review img{height:50px}.slideshow-container{max-width:100vw;height:auto;position:relative;margin:auto}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.6s;border-radius:0 3px 3px 0;user-select:none}.numbertext,.text{color:#f2f2f2;padding:8px 12px}.next{right:0;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.text{font-size:16px;bottom:8px;width:100%}.numbertext{font-size:12px;position:absolute;top:0}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s}.dot:hover{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;opacity:1}@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}.downloadButtonContainer{padding:8px 16px;cursor:pointer;font-weight:500;border-radius:2px;border:none;font-size:20px;background-color:#1A98FFCC;color:#fff;text-align:center;box-sizing:border-box;transition:transform .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}.downloadButtonContainer:hover{background-color:#1A98FF;color:#fff;transform:scale(1.05)}.header_bar,.header_bar a{background:#7b3381;width:100%}.header_bar{position:fixed;top:0;z-index:99999;padding:14px 0;height:52px}.header_bar a{display:block;padding:0;color:#fff;font-weight:700} .bar-pvr{height:auto;padding:0;width:100vw;margin-left:-2%;margin-right:-2%;} .bar-pvr a img{width:100%;height:100%;object-fit:cover}#affiliate-section h1{text-align:center;margin:2%}#affiliate-container,#content-creator-container{width:100%;max-width:980px;margin:0 auto}#affiliate-container h1,#affiliate-lifetime-earnings h1,#content-creator-lifetime-earnings h1{margin:30px;text-align:center}#affiliate-container #date-filter,#content-creator-container #date-filter{display:flex;gap:10px;height:25px;margin:30px 0}#affiliate-container #date-filter form,#content-creator-container #date-filter form{display:flex;gap:10px}#affiliate-container #date-filter form button,#content-creator-container #date-filter form button{background:#FFF}#affiliate-container #date-filter form button,#content-creator-container #date-filter form button,input{font-size:16px;border:1px solid #FFF;color:#232323;height:100%}#affiliate-lifetime-earnings h2,#content-creator-lifetime-earnings h2{margin-bottom:15px;font-size:20px;font-weight:700;position:relative;top:4px;font-family:Roboto,sans-serif}#affiliate-daily-earnings table thead,#affiliate-daily-earnings-daily-earnings table tfoot,#content-creator-daily-earnings table tfoot,#content-creator-daily-earnings table thead{background:#3f3f3f;border:2px solid #000;margin:1%}#affiliate-daily-earnings thead tr th,#affiliate-daily-earnings-daily-earnings tfoot tr th,#content-creator-daily-earnings tfoot tr th,#content-creator-daily-earnings thead tr th{border:2px solid #000;padding:1%}#affiliate-daily-earnings table tbody tr:nth-child(odd),#content-creator-daily-earnings table tbody tr:nth-child(odd){background:#3f3f3f}#affiliate-daily-earnings table tbody tr:nth-child(2n),#content-creator-daily-earnings table tbody tr:nth-child(2n){background:#232323}#affiliate-daily-earnings table tbody tr td,#affiliate-daily-earnings-daily-earnings table tfoot tr td{border:2px solid #000;width:16.66%;padding:1%}#content-creator-daily-earnings table tbody tr td,#content-creator-daily-earnings table tfoot tr td{border:2px solid #000;width:50%;padding:1%}@media (max-width:768px) and (orientation:portrait){.videoGridItem .details .title,.videoGridItem2 .details .title,.videoGridItem3 .details .title{line-height:18px;font-size:18px}#mainContentContainer{flex-direction:column;justify-content:center;background:#181918;box-sizing:border-box;color:#FFF;}#mainSectionContainer{display:block;height:auto;width:auto;padding:0 2%}#landingHeadContainer,#mainContentContainer2,.text{padding-top: 24px;padding-bottom: 16px;}#sideNavContainer .navigationItem span{color:#b3b3b3}#sideNavContainer .navigationItem span:hover{color:#FFF}#mastHeadContainer .rightIcons,#paymentSectionContainer .member-footer,#topNavContainer .top-navigation-links,.rightIcons,.secondaryInfo .topRow .uploadInfo,.sidebar,.uploadInfo span.date:nth-of-type(2),.videoGridHeader .right,.videoInfo .bottomSection,.videoInfo .bottomSection2{display:none}#topNavContainer{height:0}.videoGridHeader .left h1{font-size:16px;margin:.5rem 0}input{border-radius:0}#mastHeadContainer{padding:0 4%}#mastHeadContainer .searchBarContainer{width:33%;margin:0 0 0 4%}.videoGridItem2 .details .title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoGridItem .details .stats,.videoGridItem .details .username,.videoGridItem2 .details .username,.videoGridItem3 .details .stats,.videoGridItem3 .details .username{font-size:18px}.videoGridItem2 .details .stats{font-size:18px;}#mastHeadContainer .searchBarContainer .searchBar,.article,.downloadButtonContainer,.downloadButtonContainer:hover,.signInContainer .column,.signUpContainer .column{width:100%}#mastHeadContainer .searchBarContainer .searchButton,.signin-options,.signin-perks{width:auto}.watchLeftColumn{height:auto;width:100%}.watchLeftColumn .videoPlayer{height:100%!important}.videoGridItem .thumbnail{width:100%;height:auto;position:relative;aspect-ratio:16/9}.videoGridItem2 .thumbnail,.videoGridItem3 .thumbnail{width:100%;height:auto;position:relative}.videoGridItem{width:100%;margin:0;aspect-ratio:16/9}.videoGridItem2{width:100%;margin:0}.videoGridItem3{width:100%;margin:0 0 8px;height:auto}.videoGridItem3.studioMetaRow a{height:auto !important} .videoGridItem .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:16/9}.bar-pvr a img,.videoGridItem2 .thumbnail img,.videoGridItem3 .thumbnail img{width:100%;height:100%;object-fit:cover;aspect-ratio: 16 / 9;}.mySlides a img{width:91.6vw;height:auto;object-fit:cover}.videoGridHeader{display:flex;margin:0;padding:16px 0}.videoGrid .pornstarThumbnailWrapper{flex-basis:49.6%;margin:.2%;width:100%}.videoGrid .categoryThumbnailWrapper{flex-basis:99.6%;margin:.2%}.videoGrid a{display:flex;flex-wrap:wrap;width:100%;text-decoration:none;margin-bottom:8px}.suggestions{display:flex;width:100%;height:100%;flex-direction:column}.largeVideoGridContainer,.largeVideoGridContainer .videoGrid,.profileVideoGridContainer .videoGrid,.suggestions .videoGrid,.videoSection .videoGrid{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.our-story-card-text h1,.our-story-card-text h2{width:auto;margin-top:35%;font-size:50px}.landingContainer .our-story-card-text .loginForm form input[type=email]{min-width:61%;margin-bottom:10%}.landingContainer .our-story-card-text .loginForm form input[type=submit]{min-width:39%;height:fit-content}.emailFormTitle{margin:10%}.payPal{max-width:100%;margin:20px}.free-signup-container{display:inline-grid}.landingContainer .our-story-card-text .loginForm form{display:flex;width:95vw}.videoInfo{width:auto;height:auto}#mainContentContainer .videoSection{height:100%;width:100%}.descriptionClass{display:flex;flex-direction:column}.descriptionClass .profileLeftColumn,.descriptionClass .profileRightColumn{height:auto;width:92vw;padding:4%}.premiumSubmit,button,button:hover{height:35px!important;font-size:16px!important}.vr-link-content img,.vr-studio-content img{width:100px;height:100px}.watchFullVRPornVideoBtn,.watchFullVRPornVideoBtn:hover{width:max-content;top:75%}.dl8-embed-container .dl8-button, .dl8-embed-container .dl8-button:hover{width:48px!important;height:48px!important;background-position:0!important}.dl8-embed-container .dl8-logo>img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important}.secondaryInfo .topRow .studioProfileButtonContainer a img{padding:8px;height:50px;width:50px;margin:8px}.secondaryInfo .topRow .button,.secondaryInfo .topRow .uploadInfo .date{margin-left:inherit;font-size:16px}.secondaryInfo{border-bottom:1px solid #343434;border-top:1px solid #343434;padding:0}.secondaryInfo .topRow{display:flex;flex-direction:column;align-items:center}.category-row .category-row-links,.member-footer .member-footer-links,.member-footer .member-footer-links-special-friends,.pornstar-row .pornstar-row-links,.vr-headset .vr-headset-links{font-size:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.vr-studio-content img{display:block;border-radius:100%;object-fit:contain}.suggestions .suggestionsAdvert{width:92vw;aspect-ratio:3/1;height:auto;margin:auto auto 20px}.suggestionsAdvert a img{width:100%;height:100%;object-fit:cover;margin:0;aspect-ratio:3/1}.commentSection .header .commentForm textarea,.itemContainer .commentForm textarea,.secondaryInfo .topRow .uploadInfo .owner a{font-size:16px}.bar-pvr{text-align:center;width:auto;height:auto;}.pornstarInfo .pornstarStatsItem{flex-basis:100%}.joinNowContainer .columns{display:flex;flex-direction:column-reverse}.columns a:nth-child(1){order:2}.columns a:nth-child(2){order:1}.columns a:nth-child(3){order:3}}@media (max-width:896px) and (orientation:landscape){#mainContentContainer,#mainContentContainer2{background:#181918;box-sizing:border-box;color:#FFF}.videoGridItem .details .title,.videoGridItem2 .details .title,.videoGridItem3 .details .title{line-height:18px;font-size:18px}.watchLeftColumn,.watchLeftColumn .videoPlayer{height:100%!important}#mainContentContainer{flex-direction:column;justify-content:center;padding:0 4%}#mainContentContainer2{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 17%}#mainSectionContainer{display:block;height:auto;width:auto}#sideNavContainer .navigationItem span{color:#b3b3b3}#sideNavContainer .navigationItem span:hover{color:#FFF}#mastHeadContainer .rightIcons .signInLink,#paymentSectionContainer .member-footer,.rightIcons,.sidebar,.videoGridHeader .right,.videoInfo .bottomSection,.videoInfo .bottomSection2{display:none}.videoGridHeader .left h1{font-size:16px;margin:.5rem 0}input{border-radius:0}#mastHeadContainer{padding:0 4%}#mastHeadContainer .rightIcons .signUpLink{border-radius:4px}.videoGridItem2 .details .title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoGridItem .details .stats,.videoGridItem .details .username,.videoGridItem2 .details .username,.videoGridItem3 .details .stats,.videoGridItem3 .details .username{font-size:18px}.videoGridItem2 .details .stats{font-size:18px;display:none}#mastHeadContainer .searchBarContainer .searchBar{width:100%;font-size:16px}#mastHeadContainer .searchBarContainer .searchButton,.signin-options,.signin-perks{width:auto}.watchLeftColumn{width:100%;margin-top:16px}.videoGridItem,.videoGridItem2{margin:0;width:100%}.videoGridItem .thumbnail{width:100%;height:auto;position:relative;aspect-ratio:16/9}.videoGridItem2 .thumbnail,.videoGridItem3 .thumbnail{width:100%;height:auto;position:relative}.videoGridItem{aspect-ratio:16/9}.videoGridItem3{width:100%;margin:0 0 8px;height:auto}.videoGridItem3:not(.studioMetaRow) a{height:48px} .videoGridItem .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:16/9}.bar-pvr a img,.videoGridItem2 .thumbnail img,.videoGridItem3 .thumbnail img{width:100%;height:100%;object-fit:cover}#mainContentContainer .videoSection,.suggestions,.suggestions .videoGrid,.suggestionsAdvert a img {width:100%;height:fit-content}.videoGridHeader{display:flex;margin:0;padding:16px 0}.videoGrid .pornstarThumbnailWrapper{flex-basis:49.6%;margin:.2%;width:100%}.videoGrid .categoryThumbnailWrapper{flex-basis:99.6%;margin:.2%}.videoGrid a{display:flex;flex-wrap:wrap;width:100%;text-decoration:none;margin-bottom:8px}.suggestions{display:flex;flex-direction:column}.largeVideoGridContainer .videoGrid,.profileVideoGridContainer .videoGrid,.videoSection .videoGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 8px;display:grid;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.suggestions .videoGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;display:grid;flex-direction:column;justify-content:center;align-items:center}.our-story-card-text h1,.our-story-card-text h2{width:auto;margin-top:35%;font-size:50px}.vr-link-content img,.vr-studio-content img{width:100px;height:100px}.landingContainer .our-story-card-text .loginForm form input[type=email]{min-width:61%;margin-bottom:10%}.landingContainer .our-story-card-text .loginForm form input[type=submit]{min-width:39%;height:fit-content}.emailFormTitle{margin:10%}#landingHeadContainer,.text{padding:0}.payPal{max-width:100%;margin:20px}.article,.signInContainer .column,.signUpContainer .column{width:100%}.free-signup-container{display:inline-grid}.landingContainer .our-story-card-text .loginForm form{display:flex;width:95vw}.videoInfo{width:auto;height:auto}.descriptionClass{display:flex}.videoGrid .watchFullVRPornVideoBtn,.watchFullVRPornVideoBtn:hover{width:max-content;top:75%}.dl8-embed-container .dl8-logo>img{width:44px!important;height:44px!important}.secondaryInfo .topRow .studioProfileButtonContainer a img{padding:8px;height:170px;width:170px}.secondaryInfo .descriptionContainer,.secondaryInfo .topRow .button,.secondaryInfo .topRow .uploadInfo .date{margin-left:inherit;font-size:16px}.secondaryInfo{border-bottom:1px solid #343434;border-top:1px solid #343434;padding:0}.secondaryInfo .topRow{padding:8px 0}.category-row .category-row-links,.member-footer .member-footer-links,.member-footer .member-footer-links-special-friends,.pornstar-row .pornstar-row-links,.vr-headset .vr-headset-links{font-size:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.vr-studio-content img{display:block;border-radius:100%;object-fit:contain}.suggestions .suggestionsAdvert{width:66vw;height:auto;margin:auto auto 20px;aspect-ratio:8/1}.suggestionsAdvert a img{object-fit:cover;margin:0;aspect-ratio:8/1}.commentSection .header .commentForm textarea,.itemContainer .commentForm textarea,.secondaryInfo .topRow .uploadInfo .owner a{font-size:16px}.bar-pvr{text-align:center;width:auto;height:auto;}.pornstarInfo .pornstarStatsItem{flex-basis:100%}.joinNowContainer .columns{display:grid}} .pvr-studio-header{position:relative;width:100%;margin:0 0 24px}.pvr-studio-header.has-poster{padding-top:210px}.pvr-studio-poster{position:absolute;inset:0 0 auto 0;height:230px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:14px;overflow:hidden}.pvr-studio-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.75))}.pvr-studio-detail{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-radius:14px;background:rgba(20,20,22,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.4)}.pvr-studio-header.has-poster .pvr-studio-detail{}.pvr-studio-left{display:flex;align-items:center;gap:14px;min-width:0}.pvr-studio-icon{position:relative;width:44px;border-radius:12px;overflow:hidden;flex:0 0 auto}.pvr-studio-icon img{width:100%;height:100%;object-fit:cover;display:block}.pvr-studio-icon-bg{position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:12px;pointer-events:none}.pvr-studio-meta{min-width:0}.pvr-studio-title-row{display:flex;align-items:center;gap:8px}.pvr-studio-title{font-size:18px;font-weight:700;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.pvr-verified{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:12px;font-weight:800;color:#fff;background:rgba(255,255,255,.18)}.pvr-studio-stats{margin-top:6px;display:flex;gap:12px}.pvr-stat{font-size:13px;color:rgba(255,255,255,.7)}.pvr-studio-right{flex:0 0 auto}.pvr-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:2px;font-size:20px;font-weight:500;color:#fff;text-decoration:none;border:1px solid transparent;transition:background-color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out;cursor:pointer;background: #1A98FFCC;} .pvr-btn:hover{background-color: #1A98FF; color:#fff; transform:scale(1.05); opacity: .95} .pvr-btn-ico{display:inline-flex;align-items:center}@media(max-width:720px){.pvr-studio-header.has-poster{padding-top:0} .pvr-studio-detail{margin-top:0} .pvr-studio-title{font-size:16px}} .breadcrumbs{font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b3b3b3;padding:12px 0;display:block;} .breadcrumbs a {text-decoration:none;color:#b3b3b3;display:inline;padding:14px 0;text-overflow:ellipsis;white-space:nowrap;line-height:18px;} .breadcrumbs a:hover {color:#FFF} .pswp button, .pswp button:hover, .pswp button:focus, .pswp button:active {background-color: transparent !important;} /* ===== PhotoSwipe: stop site-wide button styles breaking the UI ===== */  .pswp button,.pswp button:hover,.pswp button:focus,.pswp button:active{background-color:transparent!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;transition:none!important;filter:none!important;outline:none!important}.pswp__button{width:44px!important;height:44px!important}.pswp,.pswp *{-webkit-tap-highlight-color:rgba(0,0,0,0)} .pswp__img{object-fit:contain;} #sideNavContainer .navigationItem i{width:24px;text-align:center;margin-right:12px;}


/* =========================================================
   1) MOBILE SEARCH TOGGLE + OVERLAY SEARCH BAR
   ========================================================= */

/* Desktop: no mobile toggle */
#mastHeadContainer .mobileSearchToggle{
    display:none !important;
}

@media (max-width:768px){

    /* Mobile: show magnifier button on the hard-right */
    #mastHeadContainer .mobileSearchToggle{
        display:block !important;
        margin-left:auto !important;
        position:relative !important;
        z-index:10001 !important; /* above normal header contents */
    }

    /* Mobile: hide the inline search bar by default */
    #mastHeadContainer .searchBarContainer{
        display:none !important;
    }

    /* If you're using a header class to indicate open state, hide the standalone icon */
    #mastHeadContainer.search-open .mobileSearchToggle{
        display:none !important;
    }

    /* Mobile: search overlay bar (when you add .active to .searchBarContainer) */
    #mastHeadContainer .searchBarContainer.active{
        display:flex !important;
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        height:58px !important;
        padding:0 4% !important;
        align-items:center !important;
        background-color:#232323 !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        box-sizing:border-box !important;
        z-index:99999 !important;
    }

    /* Make the form fill the bar */
    #mastHeadContainer .searchBarContainer.active form{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
    }

    /* Input grows */
    #mastHeadContainer .searchBarContainer.active .searchBar{
        flex:1 !important;
        width:auto !important;
        height:40px !important;
        box-sizing:border-box !important;
    }

    /* Turn the existing search button into an "X" close affordance */
    #mastHeadContainer .searchBarContainer.active .searchButton{
        width:40px !important;
        flex:0 0 40px !important;
        height:40px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;
        border:0 !important;
        padding:0 !important;
        cursor:pointer !important;
    }

    /* Hide any magnify icon inside the button */
    #mastHeadContainer .searchBarContainer.active .searchButton .fa-search{
        display:none !important;
    }

    /* Show X */
    #mastHeadContainer .searchBarContainer.active .searchButton::before{
        content:"✕";
        font-size:22px;
        line-height:1;
        color:#FFF;
        display:block;
    }

    /* Suggestions dropdown under the overlay */
    #mastHeadContainer .searchBarContainer.active #suggestions-container{
        position:fixed !important;
        top:58px !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        max-height:60vh !important;
        border-radius:0 !important;

        z-index:100000 !important; /* above overlay bar */
    }
}

/* =========================================================
   2) MOBILE BOTTOM NAV (matches your HTML)
   ========================================================= */

/* Desktop default */
.mobileBottomNav{
    display:none;
}

@media (max-width:768px){

    .mobileBottomNav{
        display:grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        align-items:center !important;

        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;

        height:64px !important;
        padding:8px 10px !important;
        padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;

        background:#141414 !important;
        border-top:1px solid #282828 !important;

        z-index:99998 !important;
        box-sizing:border-box !important;
    }

    .mobileBottomNav .mbn-item{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;

        height:100% !important;
        min-width:0 !important;

        text-decoration:none !important;
        color:#b3b3b3 !important;
        font-size:12px !important;
        line-height:1 !important;
    }

    .mobileBottomNav .mbn-item i{
        font-size:20px !important;
        line-height:1 !important;
    }

    .mobileBottomNav .mbn-item:hover{
        color:#FFF !important;
    }

    /* Keep CTA centered regardless of label width */
    .mobileBottomNav .mbn-item.mbn-cta{
        justify-self:center !important;
    }

    .mobileBottomNav .mbn-ctaLabel{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:40px !important;
        width:100% !important;
        max-width:220px !important;
        padding:0 16px !important;

        border-radius:999px !important;
        background:#1A98FFCC !important;
        color:#fff !important;

        font-size:18px !important;
        font-weight:600 !important;
        line-height:1 !important;

        box-sizing:border-box !important;
    }

    /* Ensure main content isn't hidden under the nav */
    #mainSectionContainer,
    #mainContentContainer,
    #mainContentContainer2,
    .videoSection,
    #pageContainer{
        padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================================
   3) SIDE NAV OVERLAY (OFF-CANVAS)
   ========================================================= */

/* Stop the old "push content right" behavior */
#mainSectionContainer.leftPadding{
    padding-left: 0 !important;
}

/* Off-canvas overlay sidenav */
#sideNavContainer{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    padding-top: 58px;
    transform: translateX(-100%);
    transition: transform .25s ease;
    will-change: transform;
    z-index: 100000 !important;
}

/* Visible state */
#sideNavContainer.open{
    transform: translateX(0);

    background: rgba(20, 20, 20, 0.72);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);

    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 16px 0 48px rgba(0, 0, 0, 0.55);

    width: clamp(260px, 82vw, 360px);
}

/* Backdrop z-index (only if you actually have #sideNavBackdrop in HTML) */
#sideNavBackdrop{
    z-index: 99999 !important;
}

/* Optional: tighten this block if it was causing extra borders */
.secondaryInfo.imageBlock{
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   4) TILE STUDIO META ROW (VRPORN-LIKE)
   logo + studio on left (stacked views under studio),
   age on right
   ========================================================= */

.videoGridItem3.studioMetaRow{
    display:flex;
    align-items:flex-start;
    gap:7px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    margin:0.5rem 0;
}

.videoGridItem3.studioMetaRow .studioLogoLink{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
}

.videoGridItem3.studioMetaRow .studioTileLogo{
    width:40px;
    height:40px;
    display:block;
    object-fit:contain;
    border-radius:10px;
}

/* studio name + views stacked */
.videoGridItem3.studioMetaRow .studioTextBlock{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    flex:1 1 auto;
}

.videoGridItem3.studioMetaRow .studioNameLink{
    display:block;
    min-width:0;
    color:#b3b3b3;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
    margin-bottom:0;
    height:auto;
}

/* views under studio name */
.videoGridItem3 .studioMetaRow .viewCount.tileViewCount{
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    color:#b3b3b3;
    line-height:1;
    cursor: text;
}

.videoGridItem3 .studioMetaRow .viewCount.tileViewCount i{
    font-size:13px;
    line-height:1;
    opacity:.75;
}

.videoGridItem3 .studioMetaRow .viewCount.tileViewCount .viewNumber{
    font-size:13px;
    line-height:1;
}

/* age on the right */
.videoGridItem3.studioMetaRow .tileAge{
    margin-left:auto;
    margin-right:2%;
    flex:0 0 auto;
    color:#b3b3b3;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
    padding-top:2px;
}

/* =========================================================
   5) MOBILE FIXES
   ========================================================= */

@media (max-width:768px){
    .thumbnailWrapper{
        width:100% !important;
        max-width:100% !important;
        justify-self:stretch !important;
        align-self:stretch !important;
        text-align:left !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .thumbnailWrapper > .videoGridItem3.studioMetaRow{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
        place-self:stretch !important;
    }

    .videoGrid,
    .videoGridContainer,
    .videoGridWrapper{
        justify-items:stretch !important;
        align-items:stretch !important;
    }
}

@media (max-width:420px){
    .videoGridItem3.studioMetaRow .viewCount.tileViewCount i,
    .videoGridItem3.studioMetaRow .viewCount.tileViewCount .viewNumber,
    .videoGridItem3.studioMetaRow .tileAge{
        font-size:12px;
        color:#b3b3b3;
        cursor:text;
    }
}

/* =====================================================
   DL8 Pause CTA: centered and placed above controls
   Styled to match your .button
   ===================================================== */

/* --- Position CTA wrapper --- */
#dl8-content-container .dl8FadeInUp.receivesEvents{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;                 /* anchor to bottom edge */
    top:auto!important;
    transform:translate(-50%,-92px)!important; /* move up into the gap above controls */
    width:auto!important;
    min-width:auto!important;
    z-index:9999!important;
    pointer-events:auto!important;
}

/* --- Make the DL8 <a> look like your .button --- */
#dl8-content-container .dl8FadeInUp.receivesEvents>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:48px!important;
    padding:0 19px!important;
    color:#FFF!important;
    font-weight:500!important;
    font-size:20px!important;
    cursor:pointer!important;
    background-color:#1A98FFCC!important;
    border:2px solid #1A98FFCC!important;
    border-radius:6px!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    transition:transform .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out!important;
}

#dl8-content-container .dl8FadeInUp.receivesEvents>a:hover{
    background-color:#1A98FF!important;
    border-color:#1A98FF!important;
    transform:scale(1.03) !important;
}

/* --- Remove DL8 internal layout blocks + icon --- */
#dl8-content-container .dl8FadeInUp.receivesEvents>a>div:first-child,
#dl8-content-container .dl8FadeInUp.receivesEvents>a>div:last-child,
#dl8-content-container .dl8FadeInUp.receivesEvents .dl8Icon{
    display:none!important;
}
#dl8-content-container .dl8FadeInUp.receivesEvents>a>div{display:inline!important;}
#dl8-content-container .dl8FadeInUp.receivesEvents .name{
    color:inherit!important;
    font-weight:500!important;
    font-size:20px!important;
    width:max-content;
}

.videoGridItem .thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    background: #141414;
}

.videoGridItem .thumbnail .thumbnail-img,
.videoGridItem .thumbnail .thumbnail-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    display: block;
}

.videoGridItem .thumbnail .thumbnail-img {
    z-index: 2;
    opacity: 1;
    transition: opacity .7s ease;
}

.videoGridItem .thumbnail .thumbnail-preview {
    z-index: 1;
    opacity: 1;
    pointer-events: none;
    background: #141414;
}

.videoGridItem .thumbnail.preview-active .thumbnail-img {
    opacity: 0;
}

.pornstarCarousel{display:flex;overflow-x:auto;gap:12px;padding:0 40px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth}.pornstarCarousel::-webkit-scrollbar{display:none}.pornstarCarousel .pornstarThumbnailWrapper{flex:0 0 auto;scroll-snap-align:start}

.pornstarCarousel::-webkit-scrollbar{
    display:none;
}

.categoryCarousel{
    display:flex;
    overflow-x:auto;
    gap:12px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.categoryCarousel::-webkit-scrollbar{
    display:none;
}

.categoryCarousel .categoryThumbnailWrapper{
    flex:0 0 22%;
}

@media(max-width:768px){
    .categoryCarousel .categoryThumbnailWrapper{
        flex:0 0 85%;
    }
}

.pornstarGridItem a,
.categoryGridItem a{
    text-decoration:none;
}

.pornstarGridItem a:hover,
.categoryGridItem a:hover{
    text-decoration:none;
}

.performerFilters {
    margin: 10px 2% 14px;
}

/* Performer page: the filter bar stays pinned under the fixed header while scrolling the scenes */
.performerFilters {
    position: sticky;
    top: 58px;
    z-index: 50;
    background: #141414;
    padding: 8px 0 10px;
}

/* "Show more scenes" under the performer grid (assets/js/performer-filter-N.js) */
.showMoreScenes {
    display: block;
    margin: 20px auto 30px;
    padding: 12px 28px;
    border: 1px solid #333;
    border-radius: 24px;
    background: #222;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.showMoreScenes:hover {
    background: #1A98FFCC;
    border-color: #1A98FF;
}

.showMoreScenes[hidden] {
    display: none;
}

.performerFilters .performerFilterBar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 38px;
    overflow: hidden;
}

.performerFilters.expanded .performerFilterBar {
    max-height: none;
}

.performerFilters .performerFilterBar a {
    display: inline-flex;
    align-items: center;
    background: #222;
    color: #fff;
    padding: 6px 12px;
    border-radius: 18px;
    font-size: 14px;

    text-decoration: none;
}

.filterStatus {
    margin: 10px 2% 0;
    font-size: 14px;
    color: #bbb;
}

.filterStatus a {
    color: #1A98FF;
}

.performerFilters .performerFilterBar a .filterCount {
    margin-left: 6px;
    font-size: 12px;
    opacity: .6;
}

.performerFilters .performerFilterBar a:hover,
.performerFilters .performerFilterBar a.active {
    background: #1A98FFCC;
    color: #fff;
}

.performerFilters button.filterToggleLabel {
    all: unset;
    display: none;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 8px 14px;
    background: #222;
    color: #fff;
    border-radius: 999px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}

.performerFilters button.filterToggleLabel:hover {
    background: #2d2d2d;
    color: #fff;
}

.performerFilters.has-overflow button.filterToggleLabel {
    display: inline-block;
}

.sectionHeaderRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2%;
    width: 100%;
    gap: 12px;
}

.sectionHeaderRow h2 {
    font-size: 24px;
    color: #FFF;
    min-block-size: 40px;
    min-height: 48px;
    margin: 0;
    padding-block: 0;
}

.sectionHeaderRow h2 a {
    color: #FFF;
    text-decoration: none;
    font-size: 24px;
}

.sectionHeaderRow h2 a:hover {
    color: #FFF;
    font-size: 24px;
    text-decoration: underline;
}

/* Show all */
.sectionHeaderRow a.sectionHeaderLink {
    color: #b3b3b3 !important;
    font-size: 14px !important;
    font-weight: 700;
    text-decoration: none !important;
    margin-right: 2%;
    white-space: nowrap;
    flex-shrink: 0;
    min-block-size: auto;
    min-height: auto;
    margin-bottom: 0;
    padding-block: 0;
}

.sectionHeaderRow a.sectionHeaderLink:hover {
    color: #FFF !important;
    text-decoration: none !important;
}

/* Studio / performer name links */
.videoGridItem3 .studioNameLink {
    color: #b3b3b3;
    text-decoration: none;
}

.videoGridItem3 .studioNameLink:hover {
    color: #FFF !important;
    text-decoration: none;
}

/* Remove underline from full tile hover */
.videoGrid a:hover {
    text-decoration: none;
}

/* Title hover: underline only text */
.videoGridItem2 .details .title {
    text-decoration: none;
    color: #FFF;
    transition: color 0.2s ease;
}

.videoGridItem2 .details .title:hover {
    text-decoration: underline;
    color: #FFF;
}

.categoryGridItem .footer h3,
.pornstarGridItem .footer h3 {
    transition: color 0.2s ease;
}

a:hover .categoryGridItem .footer h3 {
    color: #FFF;
}

a:hover .pornstarGridItem .footer h3 {
    color: #FFF;
}

.categoryThumbnailWrapper .footer h3,
.pornstarThumbnailWrapper .footer h3 {
    color: #b3b3b3;
}

.tag a.tag {
    display: inline;
    padding: 0;
    line-height: normal;
}

.tag a.tag:hover {
    color: #FFF;
    text-decoration: none;
}

.member-footer-link:hover {
    color: #FFF;
    text-decoration: none;
}

/* ── Animations ── */
@keyframes pirouFlicker {
    0%,100%{opacity:1} 45%{opacity:1} 50%{opacity:0.3} 55%{opacity:1} 82%{opacity:1} 85%{opacity:0.5} 88%{opacity:1}
}
@keyframes pirouConnectedPulse {
    0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.8)}
}
@keyframes pirouRipple {
    0%{transform:scale(1);opacity:0.4} 100%{transform:scale(2.2);opacity:0}
}

.pirou-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(20,20,20,0.72);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid rgba(255,255,255,0.08);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px 4px 8px;
    border-radius: 4px;
    pointer-events: none;
    letter-spacing: .04em;
    line-height: 1;
}

.pirou-badge svg {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    animation: pirouFlicker 4s infinite;
}

.watchFullVRPornVideoBtn {
    z-index: 10;
}

.watchFullVRPornVideoBtn button{background:rgba(26,152,255,.8)!important;border:1.5px solid rgba(26,152,255,.9)!important;color:#fff!important;border-radius:6px!important;padding:13px 28px!important;font-size:14px!important;font-weight:600!important;cursor:pointer;letter-spacing:.03em;transition:transform .15s ease,background .15s ease,border-color .15s ease!important;width:auto!important;height:auto!important}.watchFullVRPornVideoBtn button:hover{background:#1A98FF!important;border-color:#1A98FF!important;transform:scale(1.03)!important;border-radius:6px!important;color:#fff!important}

/* ── Bar below player ── */
.pirou-bar {
    display: flex;
    align-items: stretch;
    height: 44px;
    padding: 0 16px;
    background: #111;
    border-top: 1px solid #1e1e1e;
    flex-wrap: nowrap;
    gap: 0;
}
.pirou-bar-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #1A98FFCC;
    border: none;
    border-right: 1px solid #1e1e1e;
    border-radius: 0;
    padding: 0 16px 0 0;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s ease;
    line-height: 1;
    letter-spacing: 0.03em;
    white-space: nowrap;
    flex-shrink: 0;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}
.pirou-bar-btn:hover {
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    transform: none !important;
}
.pirou-bar-btn:hover svg { stroke: #fff; }
.pirou-bar-btn svg {
    width: 12px;
    height: 12px;
    stroke: #1A98FFCC;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.15s ease;
}
.pirou-bar-btn.connected { color: #4caf50; }
.pirou-bar-btn.connected svg { display: none; }
.pirou-bar-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4caf50;
    display: none;
    flex-shrink: 0;
    animation: pirouConnectedPulse 1.5s infinite;
}
.pirou-bar-btn.connected .pirou-bar-dot { display: block; }
.pirou-bar-status { display: none; }
.pirou-bar-shop {
    margin-left: auto;
    font-size: 11px;
    color: #3a3a3a;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.pirou-bar-shop:hover { color: #888; }

/* ── Overlay ── */
.pirou-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 1040;
}
.pirou-overlay.open { display: block; }

/* ── Drawer (desktop) ── */
.pirou-drawer {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: 340px;
    max-width: 100vw;
    background: #1a1a1a;
    border-left: 1px solid #2a2a2a;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    transform: translateX(110%);
    transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.pirou-drawer.open { transform: translateX(0); }

/* ── Bottom sheet (mobile) ── */
@media (max-width: 767px) {
    .pirou-drawer {
        top: auto; left: 0; right: 0; bottom: 0;
        width: 100%;
        max-height: 88vh;
        border-left: none;
        border-top: 1px solid #2a2a2a;
        border-radius: 14px 14px 0 0;
        transform: translateY(110%);
    }
    .pirou-drawer.open { transform: translateY(0); }
    .pirou-drawer-handle { display: flex; }
}

/* ── Drawer internals ── */
.pirou-drawer-handle {
    display: none;
    justify-content: center;
    padding: 10px 0 2px;
    flex-shrink: 0;
}
.pirou-drawer-handle span {
    width: 36px; height: 4px;
    background: #383838; border-radius: 2px;
}
.pirou-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 12px;
    border-bottom: 1px solid #242424;
    flex-shrink: 0;
}
.pirou-drawer-head h2 { font-size: 15px; font-weight: 600; color: #fff; margin: 0; }
.pirou-drawer-x {
    background: none !important; border: none !important; color: #666;
    font-size: 20px; cursor: pointer; padding: 2px 4px; line-height: 1;
    transition: color .15s;
    width: auto !important; height: auto !important; transform: none !important;
}
.pirou-drawer-x:hover { color: #fff !important; background: transparent !important; border-radius: 0 !important; transform: none !important; }
.pirou-drawer-tabs {
    display: flex;
    border-bottom: 1px solid #242424;
    flex-shrink: 0;
}
.pirou-dtab {
    flex: 1; background: none !important; border: none;
    border-bottom: 2px solid transparent;
    color: #666; font-size: 13px; font-weight: 600;
    padding: 10px 0; cursor: pointer;
    transition: color .15s, border-color .15s;
    width: auto !important; height: auto !important; transform: none !important;
}
.pirou-dtab.active { color: #1A98FFCC; border-bottom-color: #1A98FFCC; }
.pirou-dtab:hover {
    color: #ccc !important;
    background: transparent !important;
    transform: none !important;
    border-radius: 0 !important;
}
.pirou-drawer-body {
    flex: 1; overflow-y: auto;
    padding: 20px 18px;
    display: flex; flex-direction: column; gap: 14px;
}
.pirou-panel { display: none; flex-direction: column; gap: 14px; }
.pirou-panel.active { display: flex; }
.pirou-connect-sub { font-size: 13px; color: #888; line-height: 1.5; margin: 0; }
#pirou-lovense-btn button, #pirou-lovense-btn a {
    width: 100% !important;
    background: #1A98FFCC !important;
    color: #003f47 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 11px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    transform: none !important;
    height: auto !important;
}
.pirou-connect-hint { font-size: 12px; color: #555; line-height: 1.6; text-align: center; }
.pirou-connected-ok { font-size: 14px; color: #4caf50; font-weight: 600; text-align: center; display: none; }
.pirou-rule { border: none; border-top: 1px solid #242424; margin: 2px 0; }
.pirou-to-shop {
    background: none !important; border: none !important; color: #1A98FFCC;
    font-size: 12px; cursor: pointer; padding: 0; font-weight: 600;
    width: auto !important; height: auto !important; transform: none !important;
}
.pirou-shop { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; padding: 8px 0; }
.pirou-shop-h { font-size: 20px; font-weight: 600; color: #fff; }
.pirou-shop-p { font-size: 14px; color: #888; line-height: 1.6; }
.pirou-shop-btn {
    display: inline-block;
    background: #d4007a; color: #fff;
    text-decoration: none;
    padding: 12px 28px; border-radius: 8px;
    font-size: 15px; font-weight: 700;
    transition: background .15s;
    width: auto !important; height: auto !important; transform: none !important;
}
.pirou-shop-btn:hover { background: #b8006a !important; color: #fff; transform: none !important; border-radius: 8px !important; }
.pirou-shop-note { font-size: 12px; color: #444; }

.dl8-embed-container .dl8-play-button{background-color:rgba(255,255,255,.92)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23141414' d='M11.7 7.5l12.7 8.1c.4.3.4.9 0 1.2l-12.7 8.1c-.5.3-1.1 0-1.1-.6V8.1c.1-.5.7-.9 1.1-.6z'/%3E%3C/svg%3E")!important;border:1.5px solid rgba(255,255,255,.95)!important;box-shadow:none!important;transition:transform .2s ease,background-color .2s ease!important}.dl8-embed-container .dl8-play-button:hover{background-color:#fff!important;border-color:#fff!important;transform:scale(1.1)!important}
/* Icons: inline SVGs from Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com - License: https://fontawesome.com/license/free (Icons: CC BY 4.0). Replaces the webfont's base rules. */
.fa,.fa-solid,.fa-regular,.fa-brands{display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-svg{height:1em;vertical-align:-.125em;fill:currentColor;overflow:visible}
.fa-fw{width:1.25em;text-align:center}
.fa-spin{animation:fa-spin 2s linear infinite}
@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/* Homepage banner: reserve its height before the image loads. On phones #mainContentContainer is a flex column and the banner otherwise collapses to one line until the image arrives, shifting the page. 96vw = banner width (container has 2% side padding). */
@media (max-width:768px) and (orientation:portrait){.bar-pvr{min-height:calc(96vw * 9 / 16)}}
@media (max-width:896px) and (orientation:landscape){.bar-pvr{min-height:calc(96vw / 3)}}
/* Scene page play button shown until the dl8 player loads (VideoPlayer.php). Matches dl8's own play button.
   Selectors and !important size are deliberate: the site-wide `button, button:hover` rules above would otherwise shrink it to 35-48px tall, tint it blue and scale it on hover. */
.video-container button.pirou-play,.video-container button.pirou-play:hover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0;padding:0;border:0;border-radius:0;background:none;transform:none;cursor:pointer}
.video-container .pirou-play::before{content:"";position:absolute;left:50%;top:50%;width:clamp(50px,11.7%,102px);aspect-ratio:1;box-sizing:border-box;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(26,152,255,.9);background:rgba(26,152,255,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M11.7 7.5l12.7 8.1c.4.3.4.9 0 1.2l-12.7 8.1c-.5.3-1.1 0-1.1-.6V8.1c.1-.5.7-.9 1.1-.6z'/%3E%3C/svg%3E") no-repeat 50% 50%/48px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.video-container .pirou-play:hover::before{background-color:#1A98FF;border-color:#1A98FF;transform:translate(-50%,-50%) scale(1.1)}
.video-container button.pirou-play.loading{cursor:progress}
.video-container .pirou-play.loading::before{animation:pirou-play-pulse 1s ease-in-out infinite}
@keyframes pirou-play-pulse{50%{opacity:.55}}
/* Phone portrait: grids are flex columns (rule above), and column + wrap makes Chrome squash the tiles while the HTML is still streaming, then re-expand them - a large layout shift. Nothing ever wraps in a column of auto height, so nowrap gives the same final layout. */
@media (max-width:768px) and (orientation:portrait){.videoGrid{flex-wrap:nowrap}}
/* Pagination (includes/classes/Pagination.php): first/prev arrows, page numbers, next/last arrows */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;margin:24px 0;padding:0 8px;box-sizing:border-box}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;box-sizing:border-box;border:1px solid #333;border-radius:6px;background:#1e1e1e;color:#b3b3b3;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.pager a:hover{border-color:#1A98FF;color:#fff;text-decoration:none}
.pager .pager-current{background:#1A98FF;border-color:#1A98FF;color:#fff}
.pager svg{width:14px;height:14px;fill:currentColor}
.pager .pager-disabled{opacity:.35}
@media (max-width:768px){.pager{gap:4px;padding:0}.pager .pager-far{display:none}.pager a,.pager span{min-width:31px;height:36px;padding:0 5px;font-size:15px}.pager svg{width:12px;height:12px}}
/* Category pages: intro under the heading and "scenes by studio" list (vr-porn-category.php) */
.videoGridHeader .categoryIntro{margin:4px 0 12px;color:#b3b3b3;font-size:15px;line-height:1.5}
.categoryStudios{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 16px;padding:0}
.categoryStudios li{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #333;border-radius:6px;background:#1e1e1e}
.categoryStudios a{color:#fff;text-decoration:none}
.categoryStudios a:hover{color:#1A98FF}
.categoryStudios span{color:#8a8a8a;font-size:13px}
/* VR pornstar rankings (vr-pornstar-rankings.php, assets/js/rankings.js).
   The cards and skip link are buttons: specific selectors and !important beat the site-wide button rules. */
.rankingsPage{max-width:1000px;margin:0 auto;padding:12px 16px 32px;box-sizing:border-box}
.rankingsPage h1{color:#fff;margin:4px 0 6px;font-size:28px}
.rankingsPage h2{color:#fff;font-size:22px;margin:0}
.rankingsIntro{color:#b3b3b3;font-size:15px;line-height:1.5;margin:0 0 16px}
.rankingsIntro-votes{color:#fff;font-weight:600}
/* Voting widget */
.rankVote{background:linear-gradient(180deg,#1f1f1f,#171717);border:1px solid #2c2c2c;border-radius:16px;padding:16px 16px 12px;text-align:center}
.rankVote-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;text-align:left}
.rankVote .rankVote-q{font-size:20px}
.rankVote-count{flex-shrink:0;color:#8a8a8a;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.rankVote-count.is-milestone{animation:rvMilestone .9s ease-out}
.rankVote-stage{position:relative}
.rankVote-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:min(720px,calc(84vh + 14px));margin:0 auto}
.rankVote-pair[data-state=message]{visibility:hidden}
.rankVote-pair[data-state=paused]{opacity:.35;pointer-events:none;transition:opacity .2s}
.rankVote-pair.is-in .rankVote-slot{animation:rvIn .24s ease-out both}
.rankVote-pair.is-in .rankVote-slot+.rankVote-slot{animation-delay:.04s}
.rankVote-slot{display:flex;flex-direction:column;gap:8px;min-width:0;transition:opacity .2s,transform .2s,filter .2s}
.rankVote .rankVote-card,.rankVote .rankVote-card:hover{position:relative;display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4;margin:0;padding:0!important;overflow:hidden;border:0;border-radius:14px!important;background:#262626!important;color:#fff;font-size:inherit!important;cursor:pointer;transform:none;box-shadow:0 0 0 2px #2c2c2c;transition:transform .18s ease,box-shadow .18s ease!important;-webkit-tap-highlight-color:transparent}
.rankVote .rankVote-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.rankVote .rankVote-card::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.rankVote-name{position:absolute;left:0;right:0;bottom:12px;z-index:1;padding:0 10px;font-size:20px;font-weight:700;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankVote-tick{position:absolute;top:50%;left:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#1A98FF;opacity:0;transform:scale(.3);pointer-events:none}
.rankVote-tick::after{content:"";position:absolute;left:26px;top:17px;width:16px;height:30px;border:solid #fff;border-width:0 6px 6px 0;transform:rotate(45deg)}
@media (hover:hover){.rankVote .rankVote-card:hover{transform:translateY(-3px);box-shadow:0 0 0 3px #1A98FF,0 10px 28px rgba(26,152,255,.25)}}
.rankVote .rankVote-card:focus-visible{outline:none;box-shadow:0 0 0 3px #1A98FF}
.rankVote .rankVote-card:active{transform:scale(.98)}
.rankVote .rankVote-card.is-skeleton{cursor:default;background:linear-gradient(100deg,#222 40%,#2e2e2e 50%,#222 60%)!important;background-size:200% 100%!important;animation:rvShimmer 1.2s linear infinite}
.rankVote-slot.is-picked .rankVote-card{box-shadow:0 0 0 4px #1A98FF,0 12px 32px rgba(26,152,255,.35)!important;transform:scale(1.03)!important}
.rankVote-slot.is-picked .rankVote-tick{animation:rvTick .28s cubic-bezier(.2,1.6,.4,1) forwards}
.rankVote-slot.is-dropped{opacity:.3;transform:scale(.95);filter:grayscale(1)}
.rankVote-vs{position:absolute;top:calc(50% - 14px);left:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#141414;border:2px solid #2c2c2c;color:#b3b3b3;font-size:13px;font-weight:800;letter-spacing:.5px;pointer-events:none}
.rankVote-pair[data-state=picked] .rankVote-vs{opacity:0;transition:opacity .15s}
.rankVote-scenes{color:#8a8a8a;font-size:13px;text-decoration:none}
.rankVote-scenes:hover{color:#1A98FF}
.rankVote-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;color:#e0e0e0;font-size:18px;line-height:1.5}
.rankVote-message[hidden]{display:none}
.rankVote-foot{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.rankVote .rankVote-skip,.rankVote .rankVote-skip:hover{width:auto!important;height:38px!important;padding:0 18px;border:1px solid #333;border-radius:999px;background:none!important;color:#b3b3b3;font-size:14px!important;transform:none}
.rankVote .rankVote-skip:hover{border-color:#1A98FF;color:#fff}
.rankVote .rankVote-skip[hidden]{display:none}
.rankVote-keys{display:none;color:#666;font-size:13px}
@media (hover:hover) and (pointer:fine){.rankVote-keys{display:inline}}
.rankVote-last{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;margin:10px 0 0;color:#b3b3b3;font-size:14px}
.rankVote-lastMore{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}
.rankVote-watch{color:#1A98FF;font-weight:600;text-decoration:none}
.rankVote-watch:hover{color:#fff}
.rankVote-bar{display:block;width:100%;height:6px;border-radius:999px;background:#2c2c2c;overflow:hidden}
.rankVote-barFill{display:block;width:0;height:100%;border-radius:999px;background:#1A98FF;transition:width .3s ease}
.rankVote-last strong{color:#fff}
.rankVote-human{display:flex;justify-content:center}
.rankVote-human:not(:empty){margin-top:10px}
.rankVote-delta{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:#1A98FF22;color:#1A98FF;font-weight:700;font-size:13px;animation:rvIn .25s ease-out}
/* Your top 5 (live under the pair) */
.rankMine{margin-top:14px;padding-top:14px;border-top:1px solid #2c2c2c;text-align:left}
.rankMine-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.rankMine-head h3{margin:0;color:#fff;font-size:17px}
.rankMine-acc{color:#b3b3b3;font-size:13px}
.rankMine-acc strong{color:#1A98FF;font-variant-numeric:tabular-nums}
.rankMine-hint{margin:8px 0 0;color:#8a8a8a;font-size:13px}
.rankMine-hint[hidden]{display:none}
.rankMine-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;margin:12px 0 0;padding:0}
.rankMine-list:empty{display:none}
.rankMine-list a{display:flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none}
.rankMine-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:#222}
.rankMine-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.rankMine-place{position:absolute;top:6px;left:6px;min-width:22px;padding:2px 6px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:800;text-align:center}
.rankMine-list li:first-child .rankMine-img{box-shadow:0 0 0 2px #1A98FF}
.rankMine-list li:first-child .rankMine-place{background:#1A98FF}
.rankMine-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankMine-list a:hover .rankMine-name{color:#1A98FF}
.rankMine-list li.is-up .rankMine-img{animation:rvUp 1.2s ease-out}
@keyframes rvUp{0%{box-shadow:0 0 0 3px #3ddc84}100%{box-shadow:0 0 0 3px transparent}}
@media (max-width:600px){.rankMine-list{gap:6px}.rankMine-name{font-size:11px}.rankMine-place{font-size:11px}}
.rankVote-last:empty{min-height:0;margin:0}
/* Wide screens: your top 5 beside the pair, so it can be watched changing while picking */
@media (min-width:1000px){
.rankVote{display:grid;grid-template-columns:minmax(0,1fr) 240px;column-gap:24px;align-items:start}
.rankVote-top{grid-column:1/-1;grid-row:1}
.rankVote-stage{grid-column:1;grid-row:2}
.rankVote-foot{grid-column:1;grid-row:3}
.rankVote-last{grid-column:1;grid-row:4}
.rankVote-human{grid-column:1;grid-row:5}
.rankMine{grid-column:2;grid-row:2/span 4;align-self:stretch;margin-top:0;padding:0 0 0 20px;border-top:0;border-left:1px solid #2c2c2c}
.rankMine-head{flex-direction:column;gap:2px}
.rankResults{grid-column:1/-1;grid-row:6}
.rankMine-list{grid-template-columns:1fr;gap:8px}
.rankMine-list a{flex-direction:row;align-items:center;gap:10px}
.rankMine-img{width:52px;flex-shrink:0}
.rankMine-name{font-size:14px}
}
/* Matches and scenes (under your top 5) */
.rankResults{text-align:left}
.rankResults[hidden]{display:none}
.rankResults-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#222}
.rankResults-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}
.rankResults a:hover img{transform:scale(1.04)}
.rankResults a:hover .rankResults-name{color:#1A98FF}
.rankResults-name{margin-top:4px;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankResults-block{margin-top:20px}
.rankResults-block[hidden]{display:none}
.rankResults-block h3{margin:0 0 10px;color:#fff;font-size:17px}
.rankResults-matchList,.rankResults-sceneList{display:grid;gap:12px 10px;list-style:none;margin:0;padding:0}
.rankResults-matchList{grid-template-columns:repeat(6,minmax(0,1fr))}
.rankResults-sceneList{grid-template-columns:repeat(3,minmax(0,1fr))}
.rankResults-matchList a,.rankResults-sceneList a{display:flex;flex-direction:column;gap:3px;color:#fff;text-decoration:none}
.rankResults-matchList .rankResults-name{font-size:14px;font-weight:600}
.rankResults-sceneImg{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#222}
.rankResults-sceneImg img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.rankResults-sceneTitle{margin-top:4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rankResults a:hover .rankResults-sceneTitle{color:#1A98FF}
.rankResults-why{color:#8a8a8a;font-size:12px;line-height:1.3}
.rankResults-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #2c2c2c}
.rankVote .rankResults-actions button,.rankVote .rankResults-actions button:hover{width:auto!important;height:40px!important;margin:0;padding:0 18px;border:1px solid #333;border-radius:999px;background:none!important;color:#e0e0e0;font-size:14px!important;font-weight:600;transform:none}
.rankVote .rankResults-actions button:hover{border-color:#1A98FF;color:#fff}
@media (max-width:600px){
.rankResults-matchList{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
.rankResults-sceneList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
.rankResults-sceneTitle{font-size:13px}
}
@keyframes rvIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes rvTick{to{opacity:1;transform:scale(1)}}
@keyframes rvShimmer{to{background-position:-200% 0}}
@keyframes rvMilestone{0%{color:#fff;transform:scale(1)}30%{color:#1A98FF;transform:scale(1.35)}100%{color:#8a8a8a;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.rankVote *,.rankVote-count{animation:none!important;transition:none!important}}
/* Leaderboard: podium for the top 3, then a grid */
.rankBoard{margin-top:32px}
.rankBoard-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.rankBoard-note{color:#8a8a8a;font-size:13px}
.rankPodium,.rankBoard-list{list-style:none;margin:0;padding:0}
.rankPodium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:14px;max-width:640px;margin:0 auto 28px}
.rankPodium-1{order:2}.rankPodium-2{order:1}.rankPodium-3{order:3}
.rankBoard-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px}
.rankBoard-list>li,.rankPodium>li{min-width:0}
.rankTile a{display:flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none}
.rankTile-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#222}
.rankTile-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}
.rankTile a:hover img{transform:scale(1.04)}
.rankTile a:hover .rankTile-name{color:#1A98FF}
.rankTile-rank{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:13px;font-weight:700}
.rankTile-name{margin-top:4px;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankTile-votes{color:#8a8a8a;font-size:12px}
.rankPodium .rankTile-rank{top:10px;left:10px;padding:4px 12px;font-size:16px;color:#141414}
.rankPodium-1 .rankTile-rank{background:#f5c518}
.rankPodium-2 .rankTile-rank{background:#d0d4d9}
.rankPodium-3 .rankTile-rank{background:#d08a4c}
.rankPodium-1 .rankTile-img{box-shadow:0 0 0 3px #f5c518,0 12px 36px rgba(245,197,24,.2)}
.rankPodium-1 .rankTile-name{font-size:18px}
.rankingsPage .rankShare,.rankingsPage .rankShare:hover{width:auto!important;height:30px!important;margin:0;padding:0 14px;border:1px solid #1A98FF;border-radius:999px;background:none!important;color:#1A98FF;font-size:13px!important;font-weight:600;transform:none}
.rankingsPage .rankShare:hover{background:#1A98FF!important;color:#fff}
.rankBoard-head .rankBoard-note{margin-left:auto}
/* Biggest climbers this week */
.rankMovers{margin-top:28px}
.rankMovers h2{margin-bottom:12px!important}
.rankMovers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.rankMovers-list a{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:12px;background:#1e1e1e;color:#fff;text-decoration:none}
.rankMovers-list a:hover{background:#262626}
.rankMovers-list img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0}
.rankMovers-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankMovers-move{color:#8a8a8a;font-size:13px;white-space:nowrap}
.rankMovers-move strong{color:#fff}
.rankMovers-up{color:#3ddc84;font-weight:700;font-size:14px;white-space:nowrap}
/* Top ranked performers on studio pages */
.studioRanked{flex:0 0 100%;width:100%;box-sizing:border-box;margin:24px 0}  /* own row in #mainContentContainer (flex, wrap) - else it sits beside the grid and squeezes it */
.studioRanked h2{color:#fff;font-size:22px;margin:0 0 6px}
.studioRanked p{color:#b3b3b3;margin:0 0 14px;line-height:1.5}
.studioRanked p a{color:#1A98FF}
.studioRanked .rankBoard-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
@media (max-width:600px){.studioRanked .rankBoard-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rankBoard-empty,.rankAbout p{color:#b3b3b3;line-height:1.6}
.rankAbout{margin-top:32px}
.rankAbout h2{margin-bottom:8px!important}
.rankAbout-removal{font-size:14px}
.rankAbout-removal a{color:#1A98FF}
@media (max-width:600px){
.rankingsPage h1{font-size:22px}
.rankVote{padding:12px 10px 10px;border-radius:14px}
.rankVote .rankVote-q{font-size:17px}
.rankVote-pair{gap:8px}
.rankVote .rankVote-card,.rankVote .rankVote-card:hover{aspect-ratio:2/3}
.rankVote-name{font-size:15px;bottom:8px;padding:0 6px}
.rankVote-vs{width:38px;height:38px;margin:-19px 0 0 -19px;font-size:11px}
.rankPodium{gap:8px}
.rankPodium .rankTile-rank{padding:2px 8px;font-size:13px}
.rankPodium .rankTile-name,.rankPodium-1 .rankTile-name{font-size:13px}
.rankBoard-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
.rankTile-name{font-size:13px}
}
/* Rank next to performer names on scene pages */
.pornstarsRow .starRank{margin-left:4px;padding:1px 6px;border-radius:4px;background:#1A98FF22;color:#1A98FF;font-size:12px;font-weight:700;text-decoration:none}
.pornstarsRow .starRank:hover{background:#1A98FF;color:#fff}
.pornstarsRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}
.pornstarsRow .starLabel{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9a9a9a;margin-right:4px}
.starChip{display:inline-flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:4px 16px 4px 4px;border-radius:24px;background:#1e1e1e;border:1px solid #2c2c2c;color:#f2f2f2;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none}
.starChip img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;color:transparent;flex-shrink:0}
a.starChip:hover{border-color:#5a5a5a;color:#fff}
.starChip--plain,.starChip:not(:has(img)){padding:4px 16px}
.starChip--plain{color:#b3b3b3}
.starChip[hidden]{display:none!important}
.pornstarsRow.fitting{max-height:46px;overflow:hidden}
@media (max-width:600px){.pornstarsRow.fitting{max-height:102px}}
.starChip{white-space:nowrap}
.starChipRank{margin-left:-2px;padding:2px 6px;border-radius:4px;background:#1A98FF26;color:#5cb5ff;font-size:12px;font-weight:700}
.starMore{width:auto;flex:0 0 auto;margin:0;min-height:44px;padding:4px 16px;border-radius:24px;border:1px dashed #4a4a4a;background:transparent;color:#d6d6d6;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
/* The site-wide button:hover rule (width:100%, scale, blue fill) makes this button jump away from the cursor */
.pornstarsRow .starMore,.pornstarsRow .starMore:hover{width:auto!important;height:auto!important;font-size:14px!important;transform:none!important;background:transparent!important;border-radius:24px!important}
.pornstarsRow .starMore:hover{border-color:#8a8a8a;color:#fff}


/* =====================================================================
   Scene page redesign (2026-09-27): hero, specs, about, categories, studio row.
   Blue fill is reserved for the one primary action (.heroPrimary).
   ===================================================================== */
.videoHero{display:flex;flex-direction:column;gap:12px;padding:16px 0 20px;border-bottom:1px solid #262626;margin-bottom:20px}
.videoHero h1{margin:0;font-size:28px;line-height:1.25;font-weight:700;color:#fff;text-align:left}
.heroMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:#b3b3b3}
.heroMeta .heroDot{color:#5a5a5a}
.heroStudio{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none}
.heroStudio img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#262626;color:transparent}
.heroStudio:hover{color:#fff;text-decoration:underline}
.heroBadges{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:4px}
.heroBadge{padding:2px 7px;border:1px solid #5a5a5a;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.3px;color:#e6e6e6}
.heroActions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding-top:4px}
.heroCta{display:flex;flex-direction:column;gap:6px}
.heroPrimary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:12px;background:#0b74d9;color:#fff!important;font-size:17px;font-weight:800;text-decoration:none!important;transition:background-color .15s}
.heroPrimary:hover,.heroPrimary:focus-visible{background:#0a66c0}
.heroSub{font-size:13px;color:#b3b3b3}
.heroIcons{display:flex;gap:10px;padding-top:2px}
.videoHero .heroIcon,.videoHero .heroIcon:hover{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;border:1px solid #4a4a4a!important;background:transparent!important;color:#f2f2f2!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.videoHero .heroIcon:hover{border-color:#8a8a8a!important}
.videoHero .heroIcon[data-done]::after{content:'Link copied';position:absolute;margin-top:64px;font-size:12px;color:#b3b3b3;white-space:nowrap}
.sceneSpecs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin:4px 0 24px}
.specsBox{padding:18px;border-radius:12px;background:#1b1b1b;border:1px solid #2a2a2a}
.specsBox h2,.sceneAbout h2,.sceneTags h2,.moreFromStudio h2{margin:0 0 12px;font-size:17px;font-weight:800;color:#fff;text-align:left}
.specChips{display:flex;flex-wrap:wrap;gap:8px}
.specChip{padding:7px 11px;border-radius:8px;background:#262626;font-size:13px;color:#e6e6e6}
.specChip strong{color:#fff;margin-right:4px}
.fitRow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #262626;font-size:14px;color:#d6d6d6}
.fitRow:last-child{border-bottom:0}
.fitRow strong{color:#fff}
.sceneAbout{margin:0 0 24px}
.sceneAbout .descriptionContainer{height:auto!important;overflow:hidden;color:#d0d0d0;font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.sceneAbout.is-open .descriptionContainer{display:block;-webkit-line-clamp:unset}
.sceneAbout .descMore,.sceneAbout .descMore:hover{width:auto!important;height:auto!important;padding:6px 0!important;margin-top:4px;border:0!important;background:transparent!important;color:#5cb5ff!important;font-size:15px!important;font-weight:700;transform:none!important}
.sceneTags{margin:0 0 24px}
.tagChips{display:flex;flex-wrap:wrap;gap:8px}
.tagChips a.tag,.tagChips .tagPlain{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;border:1px solid #333;background:#1c1c1c;color:#e6e6e6;font-size:14px;font-weight:600;line-height:1;text-decoration:none}
.tagChips a.tag:hover{border-color:#6a6a6a;color:#fff}
.tagChips .tagPlain{color:#9a9a9a}
.moreFromStudio{margin:8px 0 28px}
.moreFromStudio .moreHead{display:flex;justify-content:space-between;align-items:baseline}
.moreFromStudio .moreHead a{font-size:14px;font-weight:700;color:#5cb5ff}
@media (max-width:760px){
  .videoHero h1{font-size:22px}
  .heroCta,.heroPrimary{width:100%}
  .heroActions{flex-direction:column;gap:12px}
  .sceneSpecs{grid-template-columns:1fr}
}
.sceneSpecs.specsOnly{grid-template-columns:1fr}
.sceneSpecs{align-items:start}
.sceneAbout .descMore[hidden]{display:none!important}
@media (max-width:760px){.secondaryInfo .videoImages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.moreGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.moreCard{display:flex;flex-direction:column;gap:8px;min-width:0;text-decoration:none!important}
.moreThumb{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#262626}
.moreThumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;color:transparent}
.moreDur{position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:700}
.moreTitle{color:#f2f2f2;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.moreCard:hover .moreTitle{color:#fff;text-decoration:underline}
@media (max-width:760px){.moreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}
/* Trailer play button: white, so the blue fill stays reserved for "Watch full scene" */
.video-container .pirou-play::before{border-color:rgba(255,255,255,.95);background-color:rgba(255,255,255,.92);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23141414' d='M11.7 7.5l12.7 8.1c.4.3.4.9 0 1.2l-12.7 8.1c-.5.3-1.1 0-1.1-.6V8.1c.1-.5.7-.9 1.1-.6z'/%3E%3C/svg%3E")}
.video-container .pirou-play:hover::before{background-color:#fff;border-color:#fff}

/* Desktop: keep the primary action above the fold (2026-09-27).
   1) Title + meta on the left, the action on the right (as YouTube lays out its actions).
   2) Player sized to the screen height, YouTube-style: on short laptop screens it shrinks just
      enough for the title and button to fit below it; on large monitors nothing changes. */
@media (min-width:1024px){
  .videoHero{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "meta actions";column-gap:28px;row-gap:10px;align-items:center;padding-top:14px}
  .videoHero h1{grid-area:title}
  .videoHero .heroMeta{grid-area:meta}
  .videoHero .heroActions{grid-area:actions;flex-wrap:nowrap;padding-top:0;align-items:center}
  .videoHero .heroSub{white-space:nowrap}
  .videoHero .heroPrimary{width:100%}
  .watchLeftColumn .video-container{padding-top:0!important;height:auto!important;aspect-ratio:16/9;width:clamp(62%,calc((100vh - 250px) * 1.7778),100%);margin:0}
}

/* ---- Scene page: related column (tabs + compact cards), 2026-09-27 ---- */
.suggestions .relatedCol{padding:0 8px 0 24px;display:flex;flex-direction:column;gap:12px}
.relHeading{margin:0 0 4px;font-size:18px;font-weight:800;color:#fff;text-align:left}
.relTabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}
.relTabs .relTab,.relTabs .relTab:hover{width:auto!important;height:40px!important;padding:0 16px!important;margin:0!important;border-radius:20px!important;border:1px solid #333!important;background:transparent!important;color:#e6e6e6!important;font-size:14px!important;font-weight:700;transform:none!important;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relTabs .relTab[aria-selected="true"]{background:#f2f2f2!important;color:#141414!important;border-color:#f2f2f2!important}
.relTabs .relTab:hover{border-color:#6a6a6a!important}
.relPanel{display:flex;flex-direction:column;gap:12px}
.relPanel[hidden]{display:none}
.relCard{display:flex;gap:12px;min-width:0;text-decoration:none!important}
.relThumb{position:relative;flex:0 0 168px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#262626}
.relThumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;color:transparent}
.relText{display:flex;flex-direction:column;gap:4px;min-width:0}
.relTitle{color:#f2f2f2;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.relMeta{color:#9a9a9a;font-size:12px}
.relCard:hover .relTitle{color:#fff;text-decoration:underline}
.relMore{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:22px;border:1px solid #333;color:#f2f2f2!important;font-size:14px;font-weight:700;text-decoration:none!important;margin-top:4px}
.relMore:hover{border-color:#6a6a6a}
@media (max-width:1100px){.suggestions .relatedCol{padding:0 16px}}
@media (max-width:760px){
  .suggestions .relatedCol{padding:8px 15px 24px}
  .relPanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .relPanel .relMore{grid-column:1/-1}
  .relCard{flex-direction:column;gap:6px}
  .relThumb{flex:none;width:100%}
  .relTitle{font-size:13px}
}

/* ---- Scene page: breadcrumb, header, footer (scoped to .scenePage) ---- */
.scenePage .breadcrumbs{font-size:13px;color:#9a9a9a}
.scenePage .breadcrumbs a{color:#b3b3b3;text-decoration:none}
.scenePage .breadcrumbs a:hover{color:#fff;text-decoration:underline}
.scenePage #mastHeadContainer{background-color:#141414;border-bottom:1px solid #262626}
.scenePage #mastHeadContainer .searchBarContainer{border:1px solid #2e2e2e;border-radius:22px;overflow:visible;background:#1f1f1f}
.scenePage #mastHeadContainer .searchBarContainer .searchBar{background:transparent;padding:2px 16px;font-size:15px}
.scenePage #mastHeadContainer .searchBarContainer .searchButton,.scenePage #mastHeadContainer .searchBarContainer .searchButton:hover{background:transparent!important;border-radius:0!important;transform:none!important}
.scenePage #mastHeadContainer .signUpLink{background:transparent!important;border:1px solid #4a4a4a!important;border-radius:22px!important;color:#f2f2f2!important;font-weight:700}
.scenePage #mastHeadContainer .signUpLink:hover{border-color:#8a8a8a!important;color:#fff!important}
.scenePage #topNavContainer{background-color:#141414;border-bottom:1px solid #262626}
/* Tab pill states pinned (site-wide button/Bootstrap styles leak into focus/active); selected always wins */
.relTabs .relTab:focus,.relTabs .relTab:active,.relTabs .relTab:focus-visible{background:transparent!important;color:#e6e6e6!important;box-shadow:none!important;outline:none}
.relTabs .relTab:focus-visible{outline:2px solid #5cb5ff!important;outline-offset:2px}
.relTabs .relTab{-webkit-tap-highlight-color:transparent}
.relTabs .relTab[aria-selected="true"],.relTabs .relTab[aria-selected="true"]:hover,.relTabs .relTab[aria-selected="true"]:focus,.relTabs .relTab[aria-selected="true"]:active{background:#f2f2f2!important;color:#141414!important;border-color:#f2f2f2!important}
/* Header: Login as plain text, Join Now outlined, both the same size */
.scenePage .rightIcons .btn.signInLink,.scenePage .rightIcons .btn.signInLink:hover{background:transparent!important;border:0!important;font-size:16px!important;font-weight:600;padding:8px 14px!important;transform:none!important;color:#f2f2f2!important}
.scenePage .rightIcons .btn.signUpLink,.scenePage .rightIcons .btn.signUpLink:hover{font-size:16px!important;padding:8px 18px!important;transform:none!important}
.relTabs .relTab{transition:border-color .15s!important}

/* Desktop CTA directly under the title, left-aligned (Apple TV / Prime Video / Netflix pattern), 2026-09-27.
   Scene details sit on the same row to its right, saving a row so the player stays large while
   the button remains above the fold on 1280x720 and up. Overrides the earlier right-hand layout. */
@media (min-width:1024px){
  .videoHero{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"title title" "actions meta";column-gap:24px;row-gap:10px;align-items:start;justify-items:start;text-align:left;padding-top:12px}
  .videoHero h1{grid-area:title;text-align:left;font-size:26px}
  .videoHero .heroActions{grid-area:actions;flex-wrap:nowrap;align-items:flex-start;padding-top:0;gap:12px}
  .videoHero .heroMeta{grid-area:meta;align-self:start;min-height:52px;align-content:center}
  .videoHero .heroCta{align-items:flex-start}
  .videoHero .heroPrimary{width:auto;min-width:280px}
  .watchLeftColumn .video-container{width:clamp(62%,calc((100vh - 248px) * 1.7778),100%)!important}
}
/* ---- Scene page: alignment with the approved mockup (2026-09-27) ---- */
.video-container .trailerLabel{position:absolute;left:12px;bottom:12px;z-index:2;padding:5px 10px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:700;pointer-events:none}
.cardQ{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:800;letter-spacing:.2px}
.moreThumb,.relThumb{position:relative}
.cardText{display:flex;flex-direction:column;gap:3px;min-width:0}
.cardTitle{color:#f2f2f2;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cardSub{color:#9a9a9a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.moreCard:hover .cardTitle,.relCard:hover .cardTitle{color:#fff;text-decoration:underline}
.galleryHead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.galleryHead h2{margin:0;font-size:17px;font-weight:800;color:#fff;text-align:left}
.galleryHead span{font-size:13px;color:#9a9a9a}
.videoHero .heroIconLabel{display:none}
@media (max-width:760px){
  .watchLeftColumn .video-container{width:calc(100% + 30px)!important;margin-left:-15px!important;margin-right:-15px!important;border-radius:0!important}
  .videoHero .heroIcons{width:100%}
  .videoHero .heroIcon,.videoHero .heroIcon:hover{width:auto!important;height:44px!important;padding:0 18px!important;border-radius:22px!important;gap:8px;flex:1}
  .videoHero .heroIconLabel{display:inline;font-size:14px;font-weight:700}
  .cardTitle{font-size:13px}
}

/* =====================================================================
   SITE-WIDE DESIGN SYSTEM (2026-09-27) - the approved mockup's typeface and colours.
   One grey scale and two blue roles: --accent (the primary action fill) and --link.
   ===================================================================== */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#141414;--surface:#1b1b1b;--surface-2:#262626;--border:#2a2a2a;--border-strong:#333;--text-strong:#fff;--text:#f2f2f2;--text-body:#d0d0d0;--text-muted:#9a9a9a;--accent:#0b74d9;--accent-hover:#0a66c0;--link:#5cb5ff;--font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font)}
body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4{color:var(--text-strong);letter-spacing:-.01em}
p{color:var(--text-body)}
.block-content p,.howToWatch p{color:var(--text-body);line-height:1.65}
.block-content a,.howToWatch a{color:var(--link)}

/* Global button colour: the deeper, accessible blue (white text passes AA) */
.premiumSubmit,button,button:hover{background-color:var(--accent)}
.premiumSubmit:hover,button:hover{background-color:var(--accent-hover)}

/* Video/pornstar/category cards */
.videoGridItem .details .title,.videoGridItem2 .details .title{color:var(--text);font-weight:700}
.videoGridItem .details .stats,.videoGridItem .details .username,.videoGridItem2 .details .stats,.videoGridItem2 .details .username{color:var(--text-muted)}

/* ---- Header (all content pages) ---- */
#mastHeadContainer{background-color:var(--bg);border-bottom:1px solid var(--surface-2)}
#mastHeadContainer .searchBarContainer{border:1px solid #2e2e2e;border-radius:22px;overflow:visible;background:#1f1f1f}
#mastHeadContainer .searchBarContainer .searchBar{background:transparent;padding:2px 16px;font-size:15px;color:var(--text)}
#mastHeadContainer .searchBarContainer .searchButton,#mastHeadContainer .searchBarContainer .searchButton:hover{background:transparent!important;border-radius:0!important;transform:none!important}
.rightIcons .btn.signInLink,.rightIcons .btn.signInLink:hover{background:transparent!important;border:0!important;font-size:16px!important;font-weight:600;padding:8px 14px!important;transform:none!important;color:var(--text)!important}
.rightIcons .btn.signUpLink,.rightIcons .btn.signUpLink:hover{background:transparent!important;border:1px solid #4a4a4a!important;border-radius:22px!important;color:var(--text)!important;font-size:16px!important;font-weight:700;padding:8px 18px!important;transform:none!important;opacity:1!important}
.rightIcons .btn.signUpLink:hover{border-color:#8a8a8a!important}
#topNavContainer{background-color:var(--bg);border-bottom:1px solid var(--surface-2)}
#topNavContainer .navigation-link,#topNavContainer .navigation-link-content{color:#d6d6d6;font-size:15px;font-weight:600;text-decoration:none}
#topNavContainer .navigation-link:hover .navigation-link-content{color:var(--text-strong)}
/* Wide screens: the menu sits in the top bar (single bar, as in the mockup) */
@media (min-width:1400px){
  #topNavContainer{position:fixed!important;top:0;left:268px;height:58px;z-index:100011;background:transparent;border:0;width:auto}
  #topNavContainer .top-navigation-links{height:58px;align-items:center;gap:22px;margin:0;width:auto}
  #topNavContainer .navigation-link-wrapper,#topNavContainer .navigation-link-wrapper2{flex:0 0 auto!important;width:auto!important;max-width:none!important;border:0!important;background:transparent!important;padding:0!important}
  #mastHeadContainer .searchBarContainer{margin-left:auto;margin-right:24px;max-width:280px}
}


/* ── 2026-09-27 polish ── */
/* Text wordmark (replaces the image logo in the site headers): mockup style, blue "vr" */
.logoContainer{display:flex;align-items:center;text-decoration:none!important;width:auto!important;flex:0 0 auto}
.logoContainer .wordmark{font-family:"Manrope",system-ui,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1;color:#fff;white-space:nowrap}
.logoContainer .wordmark span{color:#1a98ff}
.logoContainer:hover .wordmark{color:#fff}
@media (max-width:600px){.logoContainer .wordmark{font-size:23px}}
/* "See all" on the scene rows: quiet grey like the homepage's "Show all", white on hover, no underline */
.moreFromStudio .moreHead a{font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none}
.moreFromStudio .moreHead a::after{content:" \203A"}
.moreFromStudio .moreHead a:hover{color:var(--text);text-decoration:none}
/* Scene page: fixed-width related column (like YouTube's) so the player gets the rest. It was a third of the page. */
@media (min-width:1024px){
  .scenePage .watchLeftColumn{flex:0 0 calc(100% - clamp(340px,26vw,420px) - 1px);max-width:calc(100% - clamp(340px,26vw,420px) - 1px);min-width:0}
  .scenePage .suggestions{flex:0 0 clamp(340px,26vw,420px);max-width:clamp(340px,26vw,420px)}
}
.relHeading{font-size:20px}
/* Search pill: highlight the pill itself on focus, not a square outline on the input inside it */
#mastHeadContainer .searchBarContainer:focus-within{border-color:#5cb5ff}
#mastHeadContainer .searchBarContainer .searchBar:focus,#mastHeadContainer .searchBarContainer .searchBar:focus-visible{outline:none;box-shadow:none;border-color:transparent}
/* Scene like button (.heroLike, assets/js/likes.js). Icon-only circle on desktop like Share; becomes a pill once there's a count. */
.videoHero .heroLike{position:relative}
.videoHero .heroLike[aria-pressed="true"]{color:#ff4f6d!important;border-color:#ff4f6d!important}
.videoHero .heroLike[aria-pressed="true"] svg path{fill:currentColor}
.videoHero .heroLike .likeCount{font-size:14px;font-weight:700;color:#f2f2f2;margin-left:6px}
.videoHero .heroLike:has(.likeCount:not([hidden])),.videoHero .heroLike:has(.likeCount:not([hidden])):hover{width:auto!important;padding:0 16px!important;border-radius:24px!important}
.videoHero .heroLike[data-note]::after{content:attr(data-note);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:12px;color:#b3b3b3;white-space:nowrap;pointer-events:none}
.videoHero .likeHuman{position:absolute;z-index:5}
.videoHero .likeHuman[hidden]{display:none}
/* Listing tiles: the duration badge was underneath the thumbnail (the hover-preview image has z-index 2),
   so no listing showed lengths. Above it now, styled like the scene-page tiles' badge (.moreDur). */
.videoGridItem .thumbnail .duration{z-index:3;right:6px;bottom:6px;margin:0;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.78);opacity:1;font-size:12px;font-weight:700;letter-spacing:0;line-height:1.4}
/* Quality badge under the title links to that quality's page */
a.heroBadge,a.heroBadge:visited{color:#e6e6e6;text-decoration:none}
a.heroBadge:hover{border-color:#b3b3b3;color:#fff;text-decoration:none}
/* Homepage: single way into the full catalogue (replaces the 1-15 pagination) */
.homeBrowseAll{text-align:center;margin:28px 0 8px}
.homeBrowseAll a{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border:1px solid #3a3a3a;border-radius:22px;color:#f2f2f2!important;font-weight:700;text-decoration:none!important}
.homeBrowseAll a:hover{border-color:#8a8a8a}
/* Homepage featured scene (includes/featuredScene.php): streaming-style billboard. Desktop: the
   image fills the right ~70% and fades into the page on the left, where the text sits (never over
   the posters' burned-in titles). Phones: image on top, text below. */
.homeFeature{position:relative;display:flex;align-items:center;width:100%;flex:0 0 100%;box-sizing:border-box;min-height:clamp(380px,52vh,560px);margin:0 0 12px;overflow:hidden;background:#141414}
.homeFeature .featureMedia{position:absolute;top:0;right:0;bottom:0;width:70%;display:block;overflow:hidden;background:#141414}   /* clips the slow zoom to the frame */
.homeFeature .featureMedia img,.homeFeature .featureMedia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 10%}   /* crop mostly from the bottom: faces and title art sit near the top */
.homeFeature .featureMedia video{opacity:0;transition:opacity .8s ease}
.homeFeature.isPlaying .featureMedia video{opacity:1}
.homeFeature .featureMedia::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#141414 0%,rgba(20,20,20,.85) 14%,rgba(20,20,20,0) 45%),linear-gradient(0deg,#141414 0%,rgba(20,20,20,0) 22%)}
.homeFeature .featureMedia .cardQ{top:16px;left:auto;right:16px;z-index:2;font-size:13px;padding:3px 8px}
.homeFeature .featureText{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;width:min(46%,560px);padding:32px 0 32px 48px;box-sizing:border-box}
.homeFeature .featureKicker{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#5cb5ff}
.homeFeature .featureTitle{margin:0;font-size:clamp(28px,3.2vw,46px);line-height:1.08;font-weight:800;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.homeFeature .featureTitle a{color:#f2f2f2!important;text-decoration:none!important}
.homeFeature .featureTitle a:hover{color:#fff!important}
.homeFeature .featureFacts{margin:0;font-size:16px;color:#c8c8c8}
.homeFeature .featureActions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px}
.homeFeature .featureActions .heroPrimary{width:auto;min-width:230px}
.homeFeature .featureTrailer{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:12px;background:rgba(109,109,110,.55);color:#fff!important;font-weight:700;text-decoration:none!important}
.homeFeature .featureTrailer:hover{background:rgba(109,109,110,.8)}
@media (max-width:760px){
  .homeFeature{display:block;min-height:0;margin:0 0 20px;overflow:visible}
  .homeFeature .featureMedia{position:relative;width:100%;aspect-ratio:5/3}
  .homeFeature .featureMedia::after{background:linear-gradient(0deg,#141414 0%,rgba(20,20,20,0) 35%)}
  .homeFeature .featureMedia .cardQ{top:10px;right:10px}
  .homeFeature .featureText{width:100%;padding:0 15px;margin-top:-28px}
  .homeFeature .featureActions{flex-direction:column;align-items:stretch;gap:10px}
  .homeFeature .featureActions .heroPrimary,.homeFeature .featureTrailer{width:100%;min-width:0;justify-content:center}
}
/* Homepage rows on phones: each section is one swipeable row (streaming-app pattern) instead of
   8 stacked full-width tiles (~2,400px per section). The next tile peeks in at the edge. */
@media (max-width:760px){
  .homeRails .videoGrid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:15px;padding:0 15px 4px!important;margin:0 -15px 8px!important;width:calc(100% + 30px)!important;height:auto!important;scrollbar-width:none}
  .homeRails .videoGrid::-webkit-scrollbar{display:none}
  .homeRails .videoGrid > *{flex:0 0 78%!important;width:78%!important;max-width:78%!important;margin:0!important;scroll-snap-align:start}
  .homeRails .videoGrid > .pornstarThumbnailWrapper,.homeRails .videoGrid > .categoryThumbnailWrapper{flex-basis:42%!important;width:42%!important;max-width:42%!important}
}
/* Billboard on larger screens (desktop, headsets): the sharp poster with a slow zoom, instead of the
   500px preview video (phones only - see FEATURED_PREVIEW_JS) */
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .homeFeature .featureMedia img{transform-origin:60% 0;animation:billboardZoom 24s ease-out forwards}
  @keyframes billboardZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
}
/* Homepage "about" section (index.php) */
.homeAbout{text-align:left!important;max-width:820px;margin:32px auto 0!important;padding:0 16px;box-sizing:border-box}
.homeAbout h2{font-size:22px;color:#fff;margin:26px 0 8px;line-height:1.25}
.homeAbout h2:first-of-type{margin-top:8px}
.homeAbout p,.homeAbout h2{text-align:left!important}
.homeAbout p{margin:0 0 6px;line-height:1.65;color:#d0d0d0}
/* Listing tiles: verified quality badge (VideoGridItem) above the thumbnail image (z-index 2), like the duration */
.videoGridItem .thumbnail .cardQ{z-index:3;top:6px;left:6px}
/* Homepage: hide per-tile view counts (low numbers undersell the site; likes can replace them later) */
.homeRails .tileViewCount{display:none!important}
/* Homepage quick-path chips under the intro: prominent links to the hub pages */
.homeChips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;margin:14px auto 6px;padding:0 16px}
.homeChips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #3a3a3a;border-radius:20px;color:#e6e6e6!important;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.homeChips a:hover{border-color:#8a8a8a;color:#fff!important}
@media (max-width:760px){
  .homeChips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:12px 0 4px;padding:0 15px 4px;-webkit-overflow-scrolling:touch}
  .homeChips::-webkit-scrollbar{display:none}
}

/* ===== Performer page hero (vr-pornstar.php): the performer's own photo, blurred, as the banner ===== */
.performerHero {
    position: relative;
    overflow: hidden;
    margin: 0 0 8px;
    padding: 48px 2% 30px;
    background: #141414;
    isolation: isolate;
}
.performerHero::before {
    content: "";
    position: absolute;
    inset: -40px;
    z-index: -2;
    background-image: var(--hero-img);
    background-size: cover;
    background-position: center 30%;
    filter: blur(48px) saturate(1.2) brightness(.55);
    transform: scale(1.15);
}
.performerHero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(20, 20, 20, .15) 0%, rgba(20, 20, 20, .55) 60%, #141414 100%);
}
.performerHeroInner {
    display: flex;
    align-items: flex-end;
    gap: 28px;
    flex-wrap: wrap;
    max-width: 1400px;
}
.performerHeroPhoto {
    width: 220px;
    height: 220px;
    max-width: 100%;
    flex: none;
    border-radius: 50%;
    object-fit: cover;
    object-position: center 20%;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
    background: #232323;
}
.performerHeroText {
    flex: 1 1 320px;
    min-width: 0;
}
.performerHeroEyebrow {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8);
}
.performerHero h1.pornstarName {
    margin: 4px 0 10px;
    font-size: clamp(40px, 7vw, 88px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.03em;
    color: #fff;
    text-wrap: balance;
}
.performerHeroFacts {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    /* every fact carries its own "·" in front; the list starts one dot-width to the left and that strip is clipped,
       so a line never starts with a stray dot when the facts wrap (27 Oct 2026) */
    margin: 0 0 0 -28px;
    clip-path: inset(0 0 0 28px);
    font-size: 16px;
    color: #e6e6ea;
    font-variant-numeric: tabular-nums;
}
.performerHeroFacts span::before {
    content: "·";
    display: inline-block;
    width: 28px;
    text-align: center;
    color: rgba(255, 255, 255, .45);
}
.performerHeroActions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.performerHeroPlay {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 24px;
    border-radius: 999px;
    background: #1A98FF;
    color: #04111f;
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
}
.performerHeroPlay:hover {
    background: #4db0ff;
    color: #04111f;
}
.performerHeroPlayIcon {
    width: 0;
    height: 0;
    border-left: 12px solid currentColor;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.performerHeroLink { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-underline-offset: 3px; }
.performerHeroLink:hover { color: #fff; text-decoration-color: #fff; }
.performerHeroRank {
    font-size: 14px;
    color: #c8c8d0;
}
.performerHeroRank a {
    color: #1A98FF;
    font-weight: 700;
}
@media (max-width: 600px) {
    /* compact on phones (27 Oct 2026): small photo beside her name, so her scenes start on the first screen */
    .performerHero { padding: 18px 16px 14px; }
    .performerHeroInner { gap: 14px; flex-wrap: nowrap; align-items: center; }
    .performerHeroPhoto { width: 76px; height: 76px; }
    .performerHeroText { flex: 1 1 auto; }
    .performerHeroEyebrow { display: none; }
    .performerHero h1.pornstarName { font-size: 32px; margin: 0 0 6px; }
    .performerHeroFacts { font-size: 14px; gap: 2px 0; margin-left: -20px; clip-path: inset(0 0 0 20px); }
    .performerHeroFacts span::before { width: 20px; }
    .performerHeroActions { gap: 10px; margin-top: 12px; }
    .performerHeroPlay { flex: 1 0 100%; justify-content: center; }
}

/* ===== Performer page: Popular, Latest release, filters, Appears in, About (Spotify-style layout) ===== */
.performerSectionTitle,
.performerTop h2,
.performerAppears h2,
.profileVideoGridContainer #performerScenesTitle {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #fff;
    display: block !important;
}
.profileVideoGridContainer #performerScenesTitle { margin: 26px 2% 6px !important; }
.performerTop {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
    gap: 32px;
    padding: 12px 2% 26px;
}
@media (max-width: 900px) { .performerTop { grid-template-columns: 1fr; } }
.performerPopularList { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.performerPopularRow {
    display: grid;
    grid-template-columns: 22px 128px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
}
.performerPopularRow:hover { background: #242428; color: #fff; }
.performerPopularN { color: #a0a0aa; text-align: right; font-variant-numeric: tabular-nums; }
.performerPopularThumb, .performerLatestThumb, .performerStripThumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    max-width: 100%;
    overflow: hidden;
    border-radius: 6px;
    background: #232323;
}
.performerPopularThumb img, .performerLatestThumb img, .performerStripThumb img {
    width: 100%; height: 100%; object-fit: cover; display: block;
}
.performerPopularText { min-width: 0; display: grid; }
.performerPopularTitle { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.performerPopularStudio, .performerPopularLen { color: #a0a0aa; font-size: 13px; font-variant-numeric: tabular-nums; }
.performerPopularLenM { display: none; }
@media (max-width: 560px) { .performerPopularRow { grid-template-columns: 18px 96px minmax(0, 1fr); } .performerPopularLen { display: none; } .performerPopularLenM { display: inline; } }
.performerQ {
    position: absolute; top: 6px; right: 6px;
    background: rgba(0, 0, 0, .7); color: #fff;
    font-size: 11px; font-weight: 800; letter-spacing: .03em;
    padding: 2px 6px; border-radius: 4px;
}
.performerLatest {
    background: #1b1b1e; border: 1px solid #2e2e33; border-radius: 12px;
    padding: 16px; display: grid; gap: 10px; align-content: start;
}
.performerLatestLabel { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1A98FF; }
.performerLatest h3 { margin: 0; font-size: 18px; font-weight: 800; line-height: 1.25; }
.performerLatest h3 a { color: #fff; }
.performerLatestMeta { margin: 0; color: #a0a0aa; font-size: 14px; }
@media (max-width: 600px) {
    /* one compact row on phones (27 Oct 2026): it took a whole screen */
    .performerLatest { grid-template-columns: 140px minmax(0, 1fr); grid-template-areas: "label label" "thumb title" "thumb meta"; gap: 6px 12px; padding: 12px; }
    .performerLatestLabel { grid-area: label; }
    .performerLatestThumb { grid-area: thumb; align-self: start; }
    .performerLatest h3 { grid-area: title; font-size: 15px; }
    .performerLatestMeta { grid-area: meta; font-size: 13px; }
    .performerLatestPlay { display: none; }
}

/* filter chips: one scrolling row + sort */
.performerFilters { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #2e2e33; }
.performerFilters .performerFilterBar {
    flex: 1; min-width: 0;
    flex-wrap: nowrap !important;
    max-height: none !important;
    overflow-x: auto;
    scrollbar-width: none;
}
.performerFilters .performerFilterBar::-webkit-scrollbar { display: none; }
.performerFilters .performerFilterBar a { flex: none; background: #242428; font-weight: 600; }
.performerFilters .performerFilterBar a:hover { background: #33333a; }
.performerFilters .performerFilterBar a.active { background: #fff; color: #141414; }
.performerFilters .performerFilterBar a.active .filterCount { color: #55555c; opacity: 1; }
.performerFilters .filterToggleLabel { display: none !important; }
.performerSort {
    flex: none; background: #242428; color: #fff; border: 0; border-radius: 999px;
    padding: 8px 12px; font-family: inherit; font-weight: 600; font-size: 13px; cursor: pointer;
}

/* Appears in: one horizontal row */
.performerAppears { padding: 10px 2% 20px; }
.performerStrip {
    display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, 240px);
    gap: 16px; overflow-x: auto; padding-bottom: 8px;
}
.performerStripCard { display: grid; gap: 4px; color: #fff; text-decoration: none; }
.performerStripCard:hover { color: #fff; }
.performerStripTitle { font-weight: 700; font-size: 14px; line-height: 1.3; }
.performerStripMeta { color: #a0a0aa; font-size: 12.5px; }

/* Follow (assets/js/follow-N.js): outline pill, blue when following */
.performerFollow {
    position: relative;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 20px; border-radius: 999px;
    background: transparent; color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
    font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer;
}
.performerFollow:hover { border-color: #fff; }
.performerFollowIcon::before { content: "♡"; font-size: 16px; line-height: 1; }
.performerFollow[aria-pressed="true"] { border-color: #1A98FF; color: #1A98FF; }
.performerFollow[aria-pressed="true"] .performerFollowIcon::before { content: "♥"; }
.performerFollow[data-note]::after {
    content: attr(data-note);
    position: absolute; left: 50%; top: calc(100% + 8px); transform: translateX(-50%);
    white-space: nowrap; background: #242428; color: #fff; font-size: 12px; font-weight: 600;
    padding: 5px 9px; border-radius: 6px;
}
.followHuman:not([hidden]) { flex-basis: 100%; }

/* The site-wide `button { width:100%; height:48px; font-size:20px; background… }` rule would stretch these:
   size them to their content (hover included, since that rule styles :hover too) */
button.performerFollow, button.performerFollow:hover,
button.showMoreScenes, button.showMoreScenes:hover,
button.performerReadMore, button.performerReadMore:hover {
    width: auto;
    height: auto;
}
/* ...and the site-wide `button:hover` rule re-sets padding, height, weight and radius on hover, which made
   these shrink: repeat every property for the hover state too */
button.performerFollow, button.performerFollow:hover {
    background: transparent; padding: 11px 20px; border-radius: 999px;
    font-size: 14px; font-weight: 700; line-height: normal;
}
button.showMoreScenes, button.showMoreScenes:hover {
    width: fit-content;   /* centred by its auto margins */
    padding: 12px 28px; border-radius: 24px;
    font-size: 15px; font-weight: 400; line-height: normal;
}
button.showMoreScenes { background: #222; }
button.showMoreScenes:hover { background: #1A98FFCC; }
button.performerReadMore, button.performerReadMore:hover {
    background: none; padding: 0; border: 0;
    font-size: 14px; font-weight: 700; line-height: normal;
}
button.shareToggle, button.shareToggle:hover { font-weight: 700; line-height: normal; }

/* Scenes heading row: title on the left, sort on the right (above the filter chips) */
.performerScenesHead {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
    margin: 26px 2% 6px;
}
.profileVideoGridContainer .performerScenesHead #performerScenesTitle { margin: 0 !important; }

/* Action row under the hero banner (Watch latest · Follow · Share · rank) */
.performerActions { margin: 0; padding: 4px 2% 18px; }

/* Share menu (assets/js/share-N.js) */
.shareMenu { position: relative; }
button.shareToggle, button.shareToggle:hover {
    width: auto; height: auto;
    padding: 11px 20px; border-radius: 999px;
    background: transparent; color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
    font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer;
}
button.shareToggle:hover { border-color: #fff; }
.sharePanel {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 60;
    display: grid; min-width: 180px; padding: 6px;
    background: #242428; border: 1px solid #33333a; border-radius: 12px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .5);
}
.sharePanel[hidden] { display: none; }
.shareOption, button.shareOption, button.shareOption:hover {
    display: block; width: 100%; height: auto; text-align: left;
    padding: 9px 12px; border-radius: 8px; border: 0;
    background: transparent; color: #fff; text-decoration: none;
    font-family: inherit; font-weight: 600; font-size: 14px; cursor: pointer;
}
.shareOption:hover, button.shareOption:hover { background: #33333a; color: #fff; }

/* Section heading with "Show all" at the right (as Spotify) */
.performerSectionHead { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
button.performerShowAll, button.performerShowAll:hover {
    width: auto; height: auto; padding: 0; border: 0; background: none;
    color: #a0a0aa; font-family: inherit; font-size: 13px; font-weight: 800; line-height: normal;
    letter-spacing: .04em; text-transform: uppercase; cursor: pointer;
}
button.performerShowAll:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* "Appears in": a grid, first row only until "Show all" */
.performerCardGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 16px; }
@media (max-width: 1000px) { .performerCardGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .performerCardGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.performerAppears[data-collapsed="true"] .performerCardGrid > :nth-child(n+5) { display: none; }
@media (max-width: 1000px) { .performerAppears[data-collapsed="true"] .performerCardGrid > :nth-child(n+4) { display: none; } }
@media (max-width: 720px) { .performerAppears[data-collapsed="true"] .performerCardGrid > :nth-child(n+3) { display: none; } }

/* About: details list (as the mock-up) */
.performerAboutList { display: grid; grid-template-columns: auto 1fr; gap: 9px 18px; margin: 0; font-size: 14px; }
.performerAboutList dt { color: #a0a0aa; }
.performerAboutList dd { margin: 0; font-weight: 600; color: #f3f3f5; }
.performerAboutList dd a { color: #f3f3f5; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-underline-offset: 3px; }
.performerAboutList dd a:hover { color: #1A98FF; text-decoration-color: #1A98FF; }
.performerSocials { margin-top: 18px; display: flex; gap: 12px; flex-wrap: wrap; }

/* Mobile bottom bar (NavigationMenuProvider::createMobileBottomNav), restyled to match the performer pages:
   frosted dark bar, small icon labels, and a solid pill CTA like "Watch latest". Overrides the older
   !important rules above, so these need !important too. */
@media (max-width: 768px) {
    .mobileBottomNav {
        background: rgba(20, 20, 20, .88) !important;
        -webkit-backdrop-filter: saturate(1.4) blur(14px);
        backdrop-filter: saturate(1.4) blur(14px);
        border-top: 1px solid rgba(255, 255, 255, .08) !important;
    }
    .mobileBottomNav .mbn-item {
        color: #9c9ca6 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: .01em;
    }
    .mobileBottomNav .mbn-item i { font-size: 19px !important; }
    .mobileBottomNav .mbn-item:hover,
    .mobileBottomNav .mbn-item:active { color: #fff !important; }
    .mobileBottomNav .mbn-ctaLabel {
        height: 42px !important;
        padding: 0 22px !important;
        background: #1A98FF !important;
        color: #04111f !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        box-shadow: 0 6px 18px rgba(26, 152, 255, .28);
    }
    .mobileBottomNav .mbn-cta:active .mbn-ctaLabel { background: #4db0ff !important; }
}

/* ===== Homepage, matched to the performer page (2026-09-29) ===== */
h1.homeTitle { margin-top: 10px; }
.homeFeature { margin-bottom: 4px; }
@media (max-width: 760px) { .homeFeature { margin-bottom: 8px; } }

/* Section headings: "Show all" small, grey, uppercase; white + underline on hover (no blue) */
.sectionHeaderRow a.sectionHeaderLink {
    color: #a0a0aa !important;
    font-size: 13px !important;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.sectionHeaderRow a.sectionHeaderLink:hover {
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
.sectionHeaderRow h2 a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #fff;
    text-underline-offset: 4px;
}

/* "Browse all …": literally the "Show more scenes" pill (class showMoreScenes), as a link */
.homeBrowseAll a.showMoreScenes,
.homeBrowseAll a.showMoreScenes:hover {
    display: inline-block;
    width: fit-content;
    min-height: 0;
    margin: 0;
    padding: 12px 28px;
    border-radius: 24px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none !important;
}
.homeBrowseAll a.showMoreScenes { background: #222; border: 1px solid #333; transition: transform .3s ease-in-out, background-color .3s ease-in-out; }
/* grows 5% on hover, as the site-wide button rule does to "Show more scenes" (a <button>) */
.homeBrowseAll a.showMoreScenes:hover { background: #1A98FFCC; border-color: #1A98FF; transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) { .homeBrowseAll a.showMoreScenes, .homeBrowseAll a.showMoreScenes:hover { transition: none; transform: none; } }

/* Links in the homepage's text at the bottom: as the performer page's About links -
   white with a faint underline, blue on hover */
.homeAbout a {
    color: #f3f3f5 !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, .35) !important;
    text-underline-offset: 3px;
}
.homeAbout a:hover {
    color: #1A98FF !important;
    text-decoration-color: #1A98FF !important;
}

/* Quick-path pills: one scrolling row (as the performer page's chips), not wrapped onto two lines */
.homeChips {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
    max-width: none;
    padding-bottom: 4px;
}
.homeChips::-webkit-scrollbar { display: none; }
.homeChips a { flex: none; }
@media (min-width: 761px) {
    /* centred while they fit, scrolling from the left once they don't */
    .homeChips { justify-content: safe center; }
}
.homeChips a {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    background: #242428;
    color: #fff !important;
    font-weight: 600;
}
.homeChips a:hover { background: #33333a; color: #fff !important; }

/* Top VR porn stars: round photos (8 across on desktop, a swipe row on phones) */
.homePerformers, .homeCategories { width: 100%; margin-top: 8px; }
@media (min-width: 761px) {
    .homePerformers .performerFansRow { grid-auto-flow: row; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: visible; }
}

/* Categories: image tiles with the name on the picture (4 across; a 2-column grid on phones, no swiping) */
.homeCategoryGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 760px) { .homeCategoryGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
.homeCategoryTile {
    position: relative; display: block; overflow: hidden;
    aspect-ratio: 16 / 9; max-width: 100%;
    border-radius: 10px; background: #232323; text-decoration: none;
}
.homeCategoryTile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.homeCategoryTile::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 60%);
}
.homeCategoryTile span {
    position: absolute; left: 12px; bottom: 10px; right: 12px; z-index: 1;
    color: #fff; font-weight: 800; font-size: 18px; line-height: 1.15; letter-spacing: -.01em;
}
.homeCategoryTile:hover img { transform: scale(1.05); }
@media (max-width: 760px) { .homeCategoryTile span { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .homeCategoryTile img { transition: none; } }

/* Phones: scene rows still swipe, with smaller cards so the next one peeks in more */
@media (max-width: 760px) {
    .homeRails .videoGrid > * { flex-basis: 66% !important; width: 66% !important; max-width: 66% !important; }
}

/* Rankings page: share menus keep the page's small blue share-button look */
.rankShareMenu button.shareToggle,
.rankShareMenu button.shareToggle:hover {
    height: 30px; padding: 0 14px; border: 1px solid #1A98FF; border-radius: 999px;
    background: none; color: #1A98FF; font-size: 13px; font-weight: 600; transform: none;
}
.rankShareMenu button.shareToggle:hover { background: #1A98FF; color: #fff; }
.rankBoard-head .sharePanel { left: auto; right: 0; }   /* this one sits at the right edge */

/* Latest release: Watch button */
.performerLatestPlay { justify-self: start; padding: 11px 22px; margin-top: 4px; }

/* Fans also like: one row of round photos */
.performerFans { padding: 10px 2% 20px; }
.performerFansRow {
    display: grid; grid-auto-flow: column; grid-auto-columns: minmax(120px, 150px);
    gap: 18px; overflow-x: auto; padding-bottom: 8px;
}
.performerFan { display: grid; gap: 10px; justify-items: center; text-align: center; color: #fff; text-decoration: none; }
.performerFan:hover { color: #fff; }
.performerFan img {
    width: 100%; max-width: 150px; aspect-ratio: 1; height: auto;
    border-radius: 50%; object-fit: cover; object-position: center 20%;
    background: #232323; box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
    transition: transform .15s;
}
.performerFan:hover img { transform: scale(1.04); }
.performerFan span { font-weight: 700; font-size: 14px; line-height: 1.3; }
@media (prefers-reduced-motion: reduce) { .performerFan img { transition: none; } }

/* About card */
.performerAbout { padding: 10px 2% 30px; }
.performerAboutCard {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 28px;
    background: #1b1b1e; border: 1px solid #2e2e33; border-radius: 14px; padding: 22px;
}
@media (max-width: 820px) { .performerAboutCard { grid-template-columns: 1fr; } }
.performerAboutDetails .descriptionClass, .performerAboutDetails .profileRightColumn { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.performerSummary { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: #f3f3f5; max-width: 65ch; }
.performerBio { color: #a0a0aa; max-width: 65ch; line-height: 1.6; }
.performerBio[data-open="false"] { max-height: 7.2em; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); mask-image: linear-gradient(180deg, #000 60%, transparent); }
.performerReadMore {
    margin-top: 8px; background: none; border: 0; padding: 0; cursor: pointer;
    color: #fff; font-family: inherit; font-weight: 700; font-size: 14px; text-decoration: underline; text-underline-offset: 3px;
}
.performerReadMore[hidden] { display: none; }

/* Homepage rankings row: rank numbers, and one swipe row on every screen size */
.homeRankRow .performerFan { position: relative; scroll-snap-align: start; }
.fanRank { position: absolute; top: 0; left: 6px; z-index: 1; color: #fff; font-size: 30px; font-weight: 800; line-height: 1; text-shadow: 0 2px 10px rgba(0, 0, 0, .75); }
@media (min-width: 761px) {
    .homePerformers .performerFansRow.homeRankRow { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 150px; overflow-x: auto; scroll-snap-type: x mandatory; }
}