/* Preserve the downloaded desktop layout; only platform controls and narrow screens differ. */
:root{color-scheme:dark;--ph-orange:#ff9900}
body.pornhub-template{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
.pornhub-template .ph-icon-hamb-menu:before{content:"☰"!important}
.pornhub-template .ph-icon-person-add:before{content:"♙"!important}
.pornhub-template .ph-icon-cloud-upload:before{content:"↑"!important}
.pornhub-template .ph-icon-language:before{content:"◎"!important}
.pornhub-template #header.template-menu-open #leftMenu{display:block!important;visibility:visible!important;transform:none!important;left:0!important;position:absolute;top:100%;width:300px;max-height:75vh;overflow:auto;z-index:80;background:#151515}
.pornhub-template #header.template-profile-open .profileOptions{display:block!important}
.pornhub-template :is(i, span)[class*="ph-icon-"] {
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
}

:where(.pornhub-template :is(i, span)[class*="ph-icon-"]):before {
  content: "•" !important;
  font-family: Arial, sans-serif !important;
}

.pornhub-template .ph-icon-categories:before { content: "☰" !important; }
.pornhub-template .ph-icon-straight:before { content: "▶" !important; }
.pornhub-template .ph-icon-gay:before,
.pornhub-template .ph-icon-sapphic:before { content: "♥" !important; }
.pornhub-template .ph-icon-trans:before { content: "◆" !important; }
.pornhub-template .ph-icon-featured-porn-videos:before,
.pornhub-template .ph-icon-verified-pornstars:before { content: "★" !important; }
.pornhub-template .ph-icon-pornstars-and-models:before { content: "♙" !important; }
.pornhub-template .ph-icon-verified:before { content: "✓" !important; }
.pornhub-template .ph-icon-thumb-up:before,
.pornhub-template .ph-icon-thumb-up-shiny:before { content: "♥" !important; }
.pornhub-template .ph-icon-groups:before { content: "♧" !important; }
.pornhub-template .ph-icon-playlist-play:before { content: "☷" !important; }
.pornhub-template .ph-icon-gif:before { content: "▣" !important; }
.pornhub-template .ph-icon-photos:before { content: "▧" !important; }
.pornhub-template .ph-icon-bar-chart:before,
.pornhub-template .ph-icon-line-chart:before { content: "▥" !important; }
.pornhub-template .ph-icon-user-circle:before { content: "●" !important; }
.pornhub-template .ph-icon-trophy:before { content: "♛" !important; }
.pornhub-template .ph-icon-shopping-basket:before { content: "▱" !important; }
.pornhub-template .ph-icon-search-user:before { content: "⌕" !important; }
.pornhub-template .ph-icon-chevron-right:before { content: "›" !important; }
.pornhub-template .ph-icon-chevron-left:before { content: "‹" !important; }
.pornhub-template .ph-icon-arrow-drop-down:before { content: "⌄" !important; }
.pornhub-template .ph-icon-arrow-drop-up:before { content: "⌃" !important; }
.pornhub-template .ph-icon-search:before { content: "⌕" !important; }
.pornhub-template .ph-icon-view-on:before { content: "◉" !important; }
.pornhub-template .ph-icon-whatshot:before { content: "♨" !important; }
.pornhub-template .ph-icon-channel:before { content: "▤" !important; }
.pornhub-template .ph-icon-shorties:before { content: "▣" !important; }
.pornhub-template .ph-icon-cross:before { content: "×" !important; }

.template-download-bar {
  position: fixed;
  z-index: 60;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 78px;
  padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255, 255, 255, .1);
  background: rgba(17, 17, 17, .94);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.template-download-bar .download-caption {
  max-width: min(35vw, 340px);
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.template-download-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: min(420px, calc(100vw - 32px));
  min-height: 54px;
  padding: 10px 24px;
  border: 0;
  border-radius: 5px;
  background: var(--ph-orange) !important;
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 5px 18px rgba(255, 153, 0, .25);
}

.template-download-button:hover {
  background: #ffad32 !important;
  color: #111 !important;
}

.age-gate {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0, 0, 0, .8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.age-gate[hidden] {
  display: none !important;
}

.age-card {
  width: min(100%, 480px);
  padding: 32px;
  border: 1px solid #383838;
  border-radius: 12px;
  background: #1b1b1b;
  text-align: center;
  box-shadow: 0 20px 80px rgba(0, 0, 0, .5);
}

.age-logo {
  width: auto;
  max-width: 190px;
  height: 42px;
  object-fit: contain;
}

.age-kicker {
  margin: 22px 0 8px;
  color: var(--ph-orange);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .16em;
}

.age-card h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(22px, 5vw, 28px);
  line-height: 1.4;
}

.age-copy {
  margin: 14px 0 24px;
  color: #b9b9b9;
  font-size: 14px;
  line-height: 1.8;
}

.age-confirm,
.age-leave {
  width: 100%;
  min-height: 48px;
  border-radius: 5px;
  font: inherit;
  cursor: pointer;
}

.age-confirm {
  border: 0;
  background: var(--ph-orange);
  color: #111;
  font-size: 16px;
  font-weight: 800;
}

.age-leave {
  margin-top: 10px;
  border: 1px solid #4b4b4b;
  background: transparent;
  color: #ddd;
  font-size: 14px;
}

[data-template-video][hidden] {
  display: none !important;
}


html.supportsGridLayout.fluidContainer body.pornhub-template #video-list html.supportsGridLayout.fluidContainer body.pornhub-template #video-list #singleFeedSection{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:none!important;grid-auto-flow:row!important;gap:24px 10px!important}
html.supportsGridLayout.fluidContainer body.pornhub-template #video-list #singleFeedSection>li{display:block!important;grid-area:auto!important;grid-row:auto!important;grid-column:auto!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important}
@media(max-width:700px){
 html,body.pornhub-template{min-width:320px!important;overflow-x:hidden}
 #headerWrapper{height:auto!important;min-height:0!important}
 html.supportsGridLayout #header{display:block!important;position:relative}
 html.supportsGridLayout #header #headerWrapper #headerContainer{display:grid!important;grid-template-areas:"logo profile" "search search";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:38px 42px;height:auto!important;min-height:114px!important;gap:10px;width:100%!important;min-width:0!important;padding:12px!important;box-sizing:border-box}
 #headerContainer>.headerContainerColumn{width:auto!important;min-width:0!important;margin:0!important}
 #headerContainer>.headerContainerColumn:first-child{grid-area:logo}
 #headerContainer>.headerContainerColumn.withSearch{grid-area:search;display:block!important}
 #headerContainer>.headerContainerColumn:last-child{grid-area:profile}
 #headerContainer .logo{display:flex!important;align-items:center;gap:10px;width:auto!important}
 #headerContainer .logo .orientationMenuWrap,#headerContainer .uploadBtnContent,#headerContainer .uploadBtnContentSpicevids{display:none!important}
 #headerContainer .logoWrapper{margin:0!important}
 #headerContainer img.pornhub_logo_straight{width:138px!important;height:26px!important;object-fit:contain}
 #headerSearchWrapperFree,#search_form{width:100%!important;min-width:0!important;margin:0!important}
 #headerSearchWrapperFree input{min-width:0!important}
 #headerMenuContainer,#headerMainMenuInner,#headerCampaignDiv{width:100%!important;min-width:0!important}
 #headerMainMenu{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;height:40px!important}
 #headerMainMenu>li{flex:0 0 auto!important;width:auto!important;min-width:70px!important}
 .container.front-index-page{width:calc(100% - 20px)!important;min-width:0!important;margin:14px auto!important;padding:0!important}
 html.supportsGridLayout.fluidContainer body.pornhub-template #video-list #singleFeedSection{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 8px!important;margin:12px 0!important;padding:0!important}
 #singleFeedSection .pcVideoListItem{width:auto!important;min-width:0!important;float:none!important;margin:0!important;padding:0!important;list-style:none}
 #singleFeedSection .pcVideoListItem .wrap{width:100%!important;min-width:0!important}
 #singleFeedSection .phimage{width:100%!important;height:auto!important;aspect-ratio:16/9;overflow:hidden}
 #singleFeedSection .videoPreviewBg{width:100%!important;height:100%!important;display:block}
 #singleFeedSection .phimage img{width:100%!important;height:100%!important;object-fit:cover}
 #singleFeedSection .title{font-size:13px!important;line-height:1.4!important}
 .template-download-bar .download-caption{display:none}
 .template-download-button{width:min(460px,calc(100vw - 24px));min-height:50px;font-size:18px!important}
 .age-card{padding:26px 22px}
}
