/* PornHat — Mint Night, 2026-10-08 */
:root{--page:#10151b;--surface:#171f28;--elevated:#23313d;--input:#0d131a;--border:#334551;--text:#eff6f8;--muted:#aebfc8;--gold:#80edc9;--gold2:#b6ffe5;--red:#bfafff;--max:1520px;--ph-radius:13px}
html{background:var(--page);scrollbar-color:#526575 var(--page)}
body{background:radial-gradient(ellipse at 0 0,rgba(128,237,201,.065),transparent 48%),radial-gradient(ellipse at 100% 0,rgba(191,175,255,.06),transparent 44%),var(--page);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a,button,input,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-header{background:#121a22;border-bottom:1px solid var(--border)}
.head-row{gap:14px;min-height:84px;padding:16px 24px;flex-wrap:wrap}
.head-row .logo{gap:10px;font-size:29px;font-style:normal;font-weight:850;letter-spacing:-1.3px;text-transform:none;color:var(--text);line-height:1;white-space:nowrap}
.head-row .logo b{color:var(--gold);font-weight:850}
.head-row .logo-face{width:45px;height:45px;flex-basis:45px;border-radius:0}
.head-row .search{min-width:160px;max-width:380px;margin-left:8px}
.search input{height:44px;border-radius:10px 0 0 10px;color:var(--text);background:#0c131a}
.search input::placeholder{color:var(--muted);opacity:1}
.search input:focus{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.search button{height:44px;border-radius:0 10px 10px 0;background:var(--gold);color:#10241e;padding-inline:16px}
.search button:hover{background:var(--gold2)}
.nav a{font-size:14px;padding:10px;border-radius:9px;color:#d2e1e8}
.nav a:hover,.quick a:hover{color:var(--gold);background:var(--elevated)}
.sfm-language summary{background:var(--surface);border:1px solid var(--border);height:42px}
.sfm-language-menu{border:1px solid var(--border)}
.quick{gap:2px}.quick a{color:#d2e1e8}.quick a::after{background:var(--surface)!important;color:var(--text)!important}
.featured-row{background:rgba(23,31,40,.75);border-top:1px solid var(--border)}
.featured-row-inner{padding:14px 24px;gap:16px}
.featured-title{font-size:clamp(16px,1.5vw,21px);font-weight:650;letter-spacing:-.02em;white-space:normal}
.wrap{padding:28px 24px 56px}
.page-head,.headline{padding:0;margin-bottom:20px}
.page-head h1,.page-head h2,.headline h1,.headline h2,.block h3{font-size:clamp(20px,2vw,26px);text-transform:none;letter-spacing:-.035em;font-weight:750}
.page-head h1:before,.page-head h2:before{content:"";display:inline-block;width:6px;height:19px;margin-right:10px;border-radius:6px;background:linear-gradient(var(--gold),var(--red));vertical-align:-2px}
body .grid,body .list-videos,body .videos,body .category-grid,body .list-categories,body .categories-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
body .category-grid{margin-bottom:34px;gap:18px}
body .category-card{position:relative;display:flex;flex-direction:column;gap:0;margin:0;min-width:0;border-radius:var(--ph-radius);background:var(--surface);overflow:hidden;border:1px solid var(--border);transition:border-color .18s ease,transform .18s ease}
body .category-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;background:var(--surface)}
body .category-card span{display:block;min-height:42px;padding:10px 12px;text-align:left;font-size:14px;font-weight:650;text-transform:capitalize;letter-spacing:0;color:var(--text)}
body .category-card:hover{border-color:var(--gold);transform:translateY(-2px)}
body .category-card:hover span{color:var(--gold)}
body .categories-gallery-card{border:1px solid var(--border);border-radius:var(--ph-radius);overflow:hidden;background:var(--surface);transition:border-color .18s ease,transform .18s ease}
body .categories-gallery-image{aspect-ratio:16/9;border-radius:0;box-shadow:none}
body .categories-gallery-image img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
body .categories-gallery-title{padding:11px 12px;min-height:42px}
body .categories-gallery-title b{font-size:14px;font-weight:650}
body .categories-gallery-title small{color:var(--muted)}
body .categories-gallery-card:hover{border-color:var(--gold);transform:translateY(-2px)}
body .categories-filter a{color:#cbdbe3}
body .categories-filter a.is-active{background:var(--gold);color:#10241e}
body .card{min-width:0;border-radius:var(--ph-radius)}
body .thumb,body .videos>li>a:first-child{aspect-ratio:16/9;border-radius:var(--ph-radius);background:var(--surface);box-shadow:0 4px 16px #0002;outline:1px solid #ffffff12;outline-offset:-1px;transition:outline-color .18s ease}
body .thumb img,body .videos>li>a:first-child img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
body .thumb:hover{outline-color:var(--gold)}
body .thumb:hover img{transform:scale(1.025)}
/* Hide captions only on video cards; category names stay visible. */
body .card>.card-title,body .card>.card-tags,body .card>.card-meta,body .videos>li>.video-description,body .videos>li>.info-left,body .videos>li>.info-right{display:none}
body .duration{right:8px;bottom:8px;background:#0b131de6;color:#fff;border:1px solid #ffffff24;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:650}
body .fav-toggle{right:8px;top:8px;width:32px;height:32px;background:#0b131de6;color:#fff;border:1px solid #ffffff24;font-size:17px}
body .fav-toggle.on{background:var(--gold);color:#10241e;border-color:var(--gold)}
body .pager a,body .pager span{background:var(--surface);border-color:var(--border);border-radius:10px}
body .pager .pager-current{background:var(--gold);border-color:var(--gold);color:#10241e;font-weight:750}
body .pager .pager-gap{background:transparent;border-color:transparent;color:var(--muted)}
body .pager a:hover{background:var(--elevated);border-color:var(--gold);color:var(--gold)}
body .tabs a:hover{background:var(--gold);color:#10241e}
.category-links,.block{background:var(--surface);border-radius:var(--ph-radius);border-color:var(--border)}
.category-links a,.block ol li,.block.tags a{color:var(--muted)}
.category-links a:hover,.block a:hover{color:var(--gold)}
.breadcrumbs{color:var(--muted)}
body .video-shell .source-bar{background:var(--surface)}
body .video-description{color:#c8d8e0}
.tag-list a,.video-actions a,.video-actions button{border-color:var(--border)}
.site-footer{background:#121a22}.foot-inner{padding:28px 24px;color:var(--muted)}
.foot-links{flex-wrap:wrap}.foot-links a{color:#cbdbe3}.foot-links a:hover{color:var(--gold)}
.footer-toplist{padding:30px 24px}.footer-toplist a{color:#cbdbe3}.footer-toplist li:before{color:var(--muted)}
.footer-about{padding:0 24px 28px;color:var(--muted)}
@media(max-width:1380px){.head-row .search{order:3;max-width:none;flex-basis:100%;margin:0}.nav{margin-left:auto}.head-row{gap:12px}}
@media(max-width:1100px){body .grid,body .list-videos,body .videos,body .category-grid,body .list-categories,body .categories-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.head-row,.featured-row-inner{padding-left:20px;padding-right:20px}.wrap{padding:24px 20px 44px}}
@media(max-width:820px){.head-row{gap:10px}.head-row .search{order:3}.nav{order:4;margin:0;width:100%;overflow-x:auto}.nav ul{min-width:max-content}.sfm-language{margin-left:auto}.quick{margin-left:0}.category-links,.block{columns:3}}
@media(max-width:600px){.head-row{padding:14px 12px;gap:9px}.head-row .logo{font-size:25px;gap:7px}.head-row .logo-face{width:37px;height:37px;flex-basis:37px}.sfm-language{margin-left:auto}.sfm-language summary{font-size:12px;gap:5px;padding-left:7px;padding-right:7px;height:38px}.sfm-language-globe{width:17px}.sfm-language-globe svg{width:17px;height:17px}.quick{gap:0}.quick a{width:30px;height:38px}.nav a{padding:9px 12px;font-size:13px}.search input,.search button{height:42px}.featured-row-inner{padding:12px;gap:7px}.wrap{padding:20px 12px 36px}body .grid,body .list-videos,body .videos,body .category-grid,body .list-categories,body .categories-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}body .category-grid{margin-bottom:28px}body .category-card span{min-height:38px;padding:9px 10px;font-size:12px}body .categories-gallery-title{padding:9px 10px;min-height:38px}body .categories-gallery-title b{font-size:12px}.category-links,.block{columns:2}.foot-inner,.footer-toplist{padding:24px 12px}.footer-about{padding:0 12px 24px}.featured-title{font-size:17px}.page-head{gap:12px}body .thumb,body .category-card,body .categories-gallery-card{border-radius:10px}body .fav-toggle{width:29px;height:29px;right:6px;top:6px}body .duration{right:6px;bottom:6px;font-size:10px}}
@media(max-width:370px){.sfm-language-globe{display:none}.head-row .logo{font-size:23px}.head-row{gap:6px}.quick a{width:27px}.wrap{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){body .thumb img,body .category-card,body .categories-gallery-card{transition:none}body .thumb:hover img,body .category-card:hover,body .categories-gallery-card:hover{transform:none}}