/* site.css — BabeSexy shared styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0}
 html{overflow-y:scroll}
 body{height:auto !important;min-height:100%;position:relative}
 a img{border:none !important}
 ul{list-style:none}
 img{display:inline-block;max-width:100%}
 .cc{clear:both}
 .cfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
 body{
 background:#f1f2f7;
 color:#727272;
 font:12px 'Inter',sans-serif;
 line-height:1.4;
}
 a{text-decoration:none}
 a:hover{color:#2d3e50}
 a:focus,a:active{color:#fff}
 .page-layout{
 margin:0 auto;
 padding:0 12px;
 position:relative;
 width:100%;
 max-width:100%;
}
 .page-layout:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
 #header,#footer,#content{
 width:100%;
 margin:0 auto;
 padding:0;
 position:relative;
}
 #header{
 background:#fff;
 padding:8px 0;
 position:sticky;
 top:0;
 z-index:1000;
}
 #header .page-layout{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:nowrap;
 gap:6px;
 overflow:hidden;
}
 #header .logo{
 display:flex;
 align-items:center;
 gap:10px;
 flex-shrink:0;
 text-decoration:none;
}
 .logo-icon{
 width:52px;
 height:52px;
 flex-shrink:0;
}
 .logo-wordmark{
 display:flex;
 align-items:baseline;
 gap:0;
 line-height:1;
 font-family:'Raleway',sans-serif;
 font-weight:900;
 font-size:36px;
 letter-spacing:1px;
 text-transform:uppercase;
}
 .logo-wordmark .part-babe{
 color:#23262d;
}
 .logo-wordmark .part-sexy{
 color:#e84c3d;
}
 .logo-domain{
 display:block;
 font-family:'Inter',sans-serif;
 font-size:9px;
 font-weight:400;
 color:#aaa;
 letter-spacing:0.5px;
 margin-top:3px;
}
 .logo-text-wrap{
 display:flex;
 flex-direction:column;
}
 #header .header-content{
 flex:1;
 min-width:0;
 padding-left:16px;
 max-width:none;
}
 #header .header-top-line{
 font-size:10px;
 color:#6b6b6b;
 line-height:1.5;
}
 #header .hdesc{
 color:#919191;
 font-size:10px;
 margin-top:4px;
 line-height:1.6;
}
 .mobile-header{
 display:none;
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:52px;
 background:#fff;
 border-bottom:1px solid #eee;
 z-index:1000;
 justify-content:center;
 align-items:center;
}
 .header-nav{
 display:flex;
 align-items:center;
 flex:1;
 flex-wrap:wrap;
 gap:0;
 margin:0 16px;
}
 .header-nav a{
 display:inline-block;
 padding:6px 10px;
 font-family:'Inter',sans-serif;
 font-size:12px;
 font-weight:600;
 color:#444;
 text-transform:uppercase;
 letter-spacing:0.4px;
 white-space:nowrap;
 border-radius:3px;
 transition:background 0.15s,color 0.15s;
}
 .header-nav a:hover,
 .header-nav a.current{
 color:#e84c3d;
 background:#f8f0f0;
}
 .header-nav a span{color:#e84c3d}
 .header-nav a:hover span{color:#c73229}
 .header-search{
 flex-shrink:0;
}
 .header-search form{
 display:flex;
 align-items:center;
 height:34px;
 background:#f1f2f7;
 border:1px solid #ddd;
 border-radius:4px;
 overflow:hidden;
}
 .header-search input[type=text]{
 background:transparent;
 border:none;
 color:#333;
 font-size:12px;
 width:160px;
 padding:0 10px;
 height:34px;
 outline:none;
 font-family:'Inter',sans-serif;
}
 .header-search input[type=text]::placeholder{color:#aaa}
 .header-search button{
 background:#e84c3d;
 border:none;
 width:34px;
 height:34px;
 color:#fff;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 transition:background 0.15s;
}
 .header-search button:hover{background:#c73229}
 .page-hdesc{
 font-size:12px;
 color:#666;
 line-height:1.7;
 padding:10px 16px;
 margin-bottom:12px;
 background:#fff;
 border-left:3px solid #e84c3d;
 border-radius:0 4px 4px 0;
 box-shadow:0 1px 4px rgba(0,0,0,0.05);
}
 .page-hdesc strong{
 color:#23262d;
 font-weight:700;
}
 #content{padding:8px 0}
 .related-box{
 padding:6px 8px;
 color:#cdcdcd;
 font-size:11px;
 line-height:22px;
 background:#23262d;
 margin-bottom:8px;
 border-radius:3px;
}
 .related-box a{color:#aaa;font-size:11px}
 .related-box a:hover{color:#e84c3d}
 .sidebar-left{
 float:left;
 width:270px;
}
 .sidebar-right{
 float:right;
 width:270px;
}
 .content{
 margin:0 276px 0 276px;
 padding:0 8px;
}
 /* Если нет sidebar-right — убираем правый отступ */
 .page-layout:not(:has(.sidebar-right)) .content{
 margin-right:0;
}
 /* Если нет sidebar-left — убираем левый отступ */
 .page-layout:not(:has(.sidebar-left)) .content{
 margin-left:0;
}
 .title-line{
 background:#e84c3d;
 color:#fff;
 font-size:11px;
 font-weight:700;
 font-family:'Raleway',sans-serif;
 letter-spacing:0.5px;
 text-transform:uppercase;
 display:block;
 padding:8px 8px;
 border-radius:5px 5px 0 0;
 margin:5px 0 0;
}
 .sidebar-left ul{
 background:#23262d;
 border-radius:0 0 5px 5px;
}
 .sidebar-left li{
 display:block;
 width:100%;
 border-bottom:1px dashed #3a3d45;
}
 .sidebar-left li a{
 background:#24272e;
 color:#d0d0d0;
 font-size:11px;
 line-height:25px;
 display:block;
 padding:0 8px;
 transition:background 0.12s,color 0.12s;
}
 .sidebar-left li a:hover{background:#fff;color:#24272e}
 .sidebar-left li.end{
 height:28px;
 background:#1b1d23;
 border:none;
 border-radius:0 0 5px 5px;
 margin-top:4px;
}
 .sidebar-left-section{margin-bottom:10px}
 .thumbs-tl{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:2px;
 background:#fff;
 padding:4px;
}
 .thumb-tl{
 display:block;
 position:relative;
 width:100%;
 aspect-ratio:133 / 178;
 margin:0;
 overflow:hidden;
 border-radius:3px;
 background:#111;
}
 .thumb-tl img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform 0.25s,opacity 0.25s;
}
 .thumb-tl:hover img{
 transform:scale(1.04);
 opacity:0.75;
}
 .thumb-tl .title{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,transparent 100%);
 color:#fff;
 font-size:10px;
 font-weight:600;
 padding:18px 5px 5px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 opacity:0;
 transition:opacity 0.25s;
}
 .thumb-tl:hover .title{opacity:1}
 .thumbs{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
 gap:3px;
}
 .thumb{
 position:relative;
 width:100%;
 aspect-ratio:270 / 400;
 overflow:hidden;
 border-radius:3px;
 background:#111;
 display:block;
}
 .thumb img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform 0.3s ease,opacity 0.3s ease;
 will-change:transform;
}
 .thumb:hover img{
 transform:scale(1.04);
 opacity:0.72;
}
 .thumb-link{
 position:absolute;
 inset:0;
 z-index:1;
 text-decoration:none;
}
 .thumb .overlay{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 z-index:2;
 background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.3) 55%,transparent 100%);
 padding:28px 8px 8px;
 pointer-events:none;
 transition:background 0.25s;
}
 .thumb:hover .overlay{
 background:linear-gradient(to top,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.45) 60%,transparent 100%);
}
 .thumb .title{
 display:block;
 font-size:13px;
 font-weight:600;
 color:#fff;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 line-height:1.3;
 margin-bottom:5px;
 text-shadow:0 1px 3px rgba(0,0,0,0.9);
}
 .thumb .thlabel{
 display:flex;
 justify-content:space-between;
 align-items:center;
 font-size:10px;
 color:#ccc;
 line-height:1.3;
}
 .thumb .thlabel .left{
 color:#bbb;
}
 .thumb .thlabel .cat-link{
 position:relative;
 z-index:3;
 pointer-events:all;
 color:#e84c3d;
 font-size:10px;
 font-weight:600;
 text-shadow:0 1px 2px rgba(0,0,0,0.9);
 text-decoration:none;
}
 .thumb .thlabel .cat-link:hover{
 color:#fff;
}
 .h1h2h3-title{
 display:block;
 padding:0;
 margin:0 0 8px;
 border:none;
 background:none;
}
 .h1h2h3-title h1{
 font-family:'Raleway',sans-serif;
 font-size:clamp(16px,2.2vw,28px);
 font-weight:900;
 letter-spacing:-0.5px;
 text-transform:uppercase;
 color:#23262d;
 line-height:1.2;
 margin:0;
 letter-spacing:-0.5px;
}
 .h1h2h3-title h1 span{
 color:#e84c3d;
}
 .h1h2h3-title h2,
 .h1h2h3-title h3{display:inline;font-size:inherit;font-weight:inherit}
 .pager-box{
 text-align:center;
 font-size:12px;
 margin:10px 0;
 line-height:1;
}
 .pager-box span,
 .pager-box a{
 display:inline-block;
 vertical-align:top;
 height:34px;
 line-height:34px;
 padding:0 10px;
 margin:2px;
 color:#e84c3d;
 background:#fff;
 border:1px solid #fff;
 border-radius:4px;
 transition:border-color 0.12s,color 0.12s,background 0.12s;
}
 .pager-box a.current,
 .pager-box a:hover{color:#24272e;border:1px solid #e84c3d;text-decoration:none}
 .pager-box a.prev,
 .pager-box a.next{color:#fff;background:#e84c3d;border:1px solid #e84c3d;font-weight:700}
 .pager-box a.prev:hover,
 .pager-box a.next:hover{color:#24272e;background:#fff;border:1px solid #e84c3d}
 .content-catdesc-txt{
 color:#7b7b7b;
 font-size:12px;
 margin:0 10px 12px;
 text-align:center;
 line-height:1.7;
}
 #footer{
 background:#fff;
 padding:12px 0;
 border-top:2px solid #e84c3d;
 margin-top:10px;
}
 #footer .page-layout{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
}
 #footer .logo-text{
 font-family:'Raleway',sans-serif;
 font-size:20px;
 font-weight:700;
 color:#e84c3d;
 text-transform:uppercase;
 letter-spacing:1px;
 flex-shrink:0;
}
 #footer .footer-content{
 flex:1;
 min-width:200px;
 text-align:center;
 font-size:10px;
 color:#999;
 line-height:1.7;
}
 #footer .footer-content a{color:#e84c3d}
 #footer .footer-content a:hover{color:#2d3e50}
 .spots-box{
 text-align:center;
 background:#fff;
 padding:8px 8px 0;
 border-radius:4px;
 margin-bottom:8px;
}
 .spots-label{
 font-size:9px;
 font-weight:700;
 color:#bbb;
 letter-spacing:1.5px;
 text-transform:uppercase;
 margin-bottom:6px;
}
 .spots-box .ad-placeholder{
 display:inline-block;
 width:290px;
 height:250px;
 background:#f0f0f0;
 border:1px dashed #ccc;
 color:#bbb;
 font-size:11px;
 line-height:250px;
 text-align:center;
 border-radius:3px;
}
 @media only screen and (max-width:1400px){
 .sidebar-right{display:none}
 .content{margin-right:0}
}
 @media only screen and (max-width:1080px){
 body{padding-top:52px}
 #header .page-layout{display:none}
 .mobile-header{display:flex}
 .header-nav,.header-search{display:none}
 .sidebar-left{display:none}
 .sidebar-right{display:none}
 .content{margin:0;padding:0}
}
 @media only screen and (max-width:600px){
 #nav-wrapper{flex-direction:column;align-items:stretch;padding:0}
 .search-box{width:100%;border-radius:0;margin:0;height:42px}
 .search-box input[type=text]{flex:1;width:auto;height:42px;font-size:13px}
 .search-box input[type=submit]{height:42px;width:60px;font-size:12px;border-radius:0}
 #content{padding:6px 0}
 .related-box{font-size:10px;line-height:20px}
 .sidebar-left,
 .sidebar-right{display:none}
 .content{margin:0;padding:0}
 .thumbs{grid-template-columns:repeat(2,1fr);gap:2px}
 .pager-box span,
 .pager-box a{padding:0 8px;margin:1px;font-size:11px;height:32px;line-height:32px}
 .pager-box a.page-num:nth-child(n+6){display:none}
 #footer .page-layout{flex-direction:column;text-align:center;padding:10px}
 #footer .footer-content{text-align:center}
}
 @media only screen and (max-width:360px){
 .thumbs{grid-template-columns:1fr 1fr}
}
 .mob-menu-btn span{
 display:block;
 width:22px;
 height:2px;
 background:#23262d;
 border-radius:2px;
 transition:transform 0.2s,opacity 0.2s;
}
 .mob-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mob-menu-btn.open span:nth-child(2){opacity:0}
 .mob-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mob-logo{
 position:relative;
 z-index:1;
 text-decoration:none;
 transition:opacity 0.2s ease,transform 0.2s ease;
}
 .mob-logo.search-hidden{
 opacity:0;
 pointer-events:none;
}
 .mob-logo .logo-wordmark{
 font-size:26px;
 letter-spacing:-0.5px;
}
 .mob-logo.hidden{
 opacity:0;
 pointer-events:none;
}
 .mob-search-form{
 display:none;
 position:absolute;
 left:96px;
 right:44px;
 top:50%;
 transform:translateY(-50%);
 z-index:10;
 align-items:center;
 background:#f5f5f5;
 border:1px solid #ddd;
 border-radius:40px;
 overflow:hidden;
 animation:fadeInSearch 0.2s ease;
}
 .mob-search-form.visible{display:flex}
 .mob-logo.search-hidden{opacity:0;pointer-events:none}
 @keyframes fadeInSearch{
 from{opacity:0;transform:translateY(-50%) scaleX(0.8)}
 to{opacity:1;transform:translateY(-50%) scaleX(1)}
}
 .mob-search-form input{
 flex:1;
 background:transparent;
 border:none;
 outline:none;
 padding:8px 12px;
 font-size:13px;
 color:#23262d;
 min-width:0;
}
 .mob-search-form input::placeholder{color:#aaa}
 .mob-search-go{
 background:#e84c3d;
 border:none;
 color:#fff;
 padding:8px 12px;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}
 .mob-search-go:hover{background:#c73b2e}
 .mob-search-form input::placeholder{color:#aaa}
 .mob-search-form button{
 background:#e84c3d;
 border:none;
 color:#fff;
 font-size:11px;
 font-weight:700;
 font-family:'Raleway',sans-serif;
 padding:0 12px;
 cursor:pointer;
 height:36px;
}
 .mob-search-btn{
 display:flex;
 align-items:center;
 justify-content:center;
 background:none;
 border:none;
 cursor:pointer;
 padding:10px 12px;
 color:#23262d;
 flex-shrink:0;
 transition:color 0.15s;
 position:relative;
 width:44px;
 height:44px;
}
 .mob-search-btn .icon-search,
 .mob-search-btn .icon-close{
 position:absolute;
 transition:opacity 0.2s,transform 0.2s;
}
 .mob-search-btn .icon-close{
 opacity:0;
 transform:rotate(-45deg) scale(0.7);
}
 .mob-search-btn.active{color:#e84c3d}
 .mob-search-btn.active .icon-search{
 opacity:0;
 transform:rotate(45deg) scale(0.7);
}
 .mob-search-btn.active .icon-close{
 opacity:1;
 transform:rotate(0deg) scale(1);
}
 @media only screen and (min-width:1081px){
 .mobile-header{display:none !important}
}
 .thumb .overlay{
 opacity:0;
 transition:opacity 0.25s,background 0.25s;
}
 .thumb:hover .overlay{
 opacity:1;
}
 .thumb .thlabel .cat-link{
 color:#fff;
 font-weight:500;
}
 .thumb .thlabel .cat-link:hover{
 color:#e0e0e0;
 text-decoration:underline;
}
 .header-search input[type=text]{
 width:220px;
}
 @media only screen and (max-width:600px){
 #content .page-layout{
 padding:0 8px;
}
 .thumbs{
 gap:2px;
}
}
 .sidebar-left ul.two-col{
 display:grid;
 grid-template-columns:1fr 1fr;
}
 .sidebar-left ul.two-col li{
 border-right:1px dashed #3a3d45;
}
 .sidebar-left ul.two-col li.end{
 grid-column:1 / -1;
}
 .thumb.ad-card{
 background:#f5f5f5;
 border:1px solid #e8e8e8;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 position:relative;
}
 .thumb.ad-card .ad-corner-badge{
 position:absolute;
 top:6px;
 right:6px;
 z-index:10;
 background:rgba(0,0,0,0.35);
 color:#fff;
 font-size:9px;
 font-weight:700;
 letter-spacing:0.5px;
 padding:2px 6px;
 border-radius:3px;
 pointer-events:none;
}
 .thumb.ad-card .ad-inner{
 width:300px;
 height:250px;
 transform-origin:center center;
 transform:scale(var(--ad-scale,1));
 flex-shrink:0;
 pointer-events:none;
}
 .mob-sidebar-strip{
 content-visibility:auto;
 contain-intrinsic-size:0 200px;
 display:none;
}
 @media only screen and (max-width:1080px){
 .mob-sidebar-strip{
 content-visibility:auto;
 contain-intrinsic-size:0 200px;
 display:block;
 margin:12px 0;
}
 .mob-sidebar-strip .strip-title{
 font-family:'Raleway',sans-serif;
 font-size:13px;
 font-weight:700;
 color:#444;
 padding:0 4px 8px;
 text-transform:uppercase;
 letter-spacing:0.5px;
}
 .mob-sidebar-strip .strip-inner{
 display:flex;
 gap:6px;
 overflow-x:auto;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:none;
 padding-bottom:4px;
}
 .mob-sidebar-strip .strip-inner::-webkit-scrollbar{display:none}
 .mob-sidebar-strip .strip-item{
 flex:0 0 130px;
 position:relative;
 border-radius:4px;
 overflow:hidden;
 background:#111;
}
 .mob-sidebar-strip .strip-item img{
 display:block;
 width:130px;
 height:193px;
 object-fit:cover;
}
 .mob-sidebar-strip .strip-item .strip-label{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:linear-gradient(to top,rgba(0,0,0,0.82) 0%,transparent 100%);
 color:#fff;
 font-size:10px;
 padding:16px 6px 6px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}
}
 .mob-nav-drawer{
 display:none;
 flex-direction:column;
 width:100%;
 background:#f5f0eb;
 border-top:2px solid #d6cfc6;
 border-bottom:1px solid #e0d8cf;
 box-shadow:0 8px 24px rgba(0,0,0,0.15);
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:1001;
 max-height:calc(100vh - 52px);
 overflow-y:auto;
}
 .mob-nav-drawer.open{display:flex}
 .mob-nav-drawer a{
 display:block;
 text-align:left;
 padding:13px 20px;
 border-bottom:1px solid #e0d8cf;
 font-size:14px;
 font-weight:600;
 color:#23262d;
 letter-spacing:0.8px;
 text-transform:uppercase;
 font-family:'Inter',sans-serif;
 text-decoration:none;
 transition:background 0.12s;
}
 .mob-nav-drawer a:hover,
 .mob-nav-drawer a.current{background:#ede7df}
 .mob-nav-drawer a span{color:#23262d}
 .mob-sidebar-btn,
 .mob-menu-btn,
 .mob-search-btn{
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 background:none;
 border:none;
 cursor:pointer;
 padding:8px;
 color:#23262d;
 display:flex;
 align-items:center;
 justify-content:center;
}
 .mob-sidebar-btn{left:8px}
 .mob-menu-btn{
 left:48px;
 flex-direction:column;
 gap:5px;
}
 .mob-search-btn{right:8px}
 .mob-sidebar-btn:hover,
 .mob-menu-btn:hover,
 .mob-search-btn:hover{color:#e84c3d}
 .mob-sidebar-overlay{
 display:none;
 position:fixed;
 inset:0;
 background:rgba(0,0,0,0.4);
 z-index:1499;
}
 .mob-sidebar-overlay.open{display:block}
 .mob-sidebar-panel{
 display:none;
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:1500;
 background:#fff;
 box-shadow:0 8px 24px rgba(0,0,0,0.15);
 overflow-y:auto;
 max-height:calc(100vh - 52px);
}
 .mob-sidebar-panel.open{display:block}
 .mob-sidebar-panel .sidebar-left{
 display:block !important;
 float:none;
 width:100%;
 padding:4px 8px;
}
 .mob-sidebar-panel .sidebar-left ul{
 margin:0;
}
 .mob-sidebar-panel .sidebar-left ul.two-col{
 grid-template-columns:1fr 1fr;
}
 .gallery-header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:14px;
 flex-wrap:wrap;
 border-bottom:2px solid #ebebeb;
 padding-bottom:10px;
}
 .gallery-header h1{
 margin:0;
}
 .sort-bar{
 display:flex;
 align-items:center;
 gap:4px;
 flex-shrink:0;
}
 .sort-label{
 font-size:11px;
 font-weight:700;
 color:#aaa;
 text-transform:uppercase;
 letter-spacing:0.8px;
 margin-right:4px;
 white-space:nowrap;
}
 .sort-btn{
 font-family:'Inter',sans-serif;
 font-size:12px;
 font-weight:600;
 color:#666;
 background:#fff;
 border:1px solid #ddd;
 border-radius:20px;
 padding:5px 14px;
 text-decoration:none;
 transition:background 0.15s,color 0.15s,border-color 0.15s;
 white-space:nowrap;
}
 .sort-btn:hover{
 border-color:#bbb;
 color:#23262d;
}
 .sort-btn.active{
 background:#e84c3d;
 color:#fff;
 border-color:#e84c3d;
}
 @media (max-width:600px){
 .gallery-header{flex-direction:column;align-items:flex-start;gap:8px}
 .sort-bar{flex-wrap:wrap}
}
 .gallery-header-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-bottom:10px;
 flex-wrap:wrap;
}
 .gallery-header-row .h1h2h3-title{
 margin:0;
 flex-shrink:1;
 min-width:0;
}
 .gallery-header-row .sort-bar{
 margin-bottom:0;
 flex-shrink:1;
 flex-wrap:wrap;
 gap:4px;
}
 .sort-label{
 font-size:clamp(9px,1vw,11px);
 white-space:nowrap;
}
 .sort-btn{
 font-size:clamp(10px,1.1vw,12px);
 padding:clamp(3px,0.4vw,4px) clamp(7px,1vw,12px);
 white-space:nowrap;
}
 .quick-links-strip{
 display:flex;
 flex-wrap:nowrap;
 gap:6px;
 overflow:hidden;
 margin-bottom:10px;
 padding:2px 0;
}
 .ql-link{
 display:inline-block;
 white-space:nowrap;
 flex-shrink:0;
 font-family:'Inter',sans-serif;
 font-size:12px;
 font-weight:600;
 color:#fff;
 background:#2e3240;
 border-radius:6px;
 padding:6px 12px;
 text-decoration:none;
 transition:background 0.15s;
}
 .ql-link:hover{
 background:#e84c3d;
 color:#fff;
}
 @media only screen and (max-width:1080px){
 .quick-links-strip{
 overflow-x:auto;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:none;
 padding-bottom:4px;
}
 .quick-links-strip::-webkit-scrollbar{display:none}
}
 .mob-search-btn .icon-search{display:block}
 .mob-search-btn .icon-close{display:none}
 .mob-search-btn.active .icon-search{display:none}
 .mob-search-btn.active .icon-close{display:block}
 .mob-search-btn.active{color:#e84c3d}
 .mob-sidebar-btn .icon-sidebar{display:block}
 .mob-sidebar-btn .icon-close{display:none}
 .mob-sidebar-btn.active .icon-sidebar{display:none}
 .mob-sidebar-btn.active .icon-close{display:block}
 .mob-sidebar-btn.active{color:#e84c3d}
 .ad-after-pagination{
 display:none;
}
 @media only screen and (max-width:1400px){
 .ad-after-pagination{
 display:block;
 margin-top:16px;
}
}
 .own-badge{
 position:absolute;
 top:8px;
 left:8px;
 z-index:5;
 display:flex;
 align-items:center;
 gap:4px;
 background:#e84c3d;
 color:#fff;
 font-family:'Inter',sans-serif;
 font-size:9px;
 font-weight:800;
 letter-spacing:1px;
 text-transform:uppercase;
 padding:3px 7px 3px 5px;
 border-radius:4px;
 box-shadow:0 2px 6px rgba(0,0,0,0.35);
 pointer-events:none;
 animation:own-pulse 2.5s ease-in-out infinite;
}
 .own-badge svg{
 flex-shrink:0;
}
 @keyframes own-pulse{
 0%,100%{box-shadow:0 2px 6px rgba(232,76,61,0.4)}
 50%{box-shadow:0 2px 14px rgba(232,76,61,0.75)}
}
 .thumb-tl .own-badge,
 .strip-item .own-badge{
 font-size:7px;
 padding:2px 5px 2px 4px;
 top:5px;
 left:5px;
 gap:3px;
}
 .thumb-tl .own-badge svg,
 .strip-item .own-badge svg{
 width:7px;
 height:7px;
}
 .footer-logo{
 display:flex;
 align-items:center;
 gap:10px;
 text-decoration:none;
 flex-shrink:0;
}
 .footer-logo .logo-wordmark{
 font-size:24px;
 letter-spacing:1px;
}
 .footer-logo .logo-icon{
 width:40px;
 height:40px;
}
 .thumbs-single{
 display:flex;
 flex-direction:column;
 gap:3px;
 margin-bottom:8px;
}
 .thumb-single{
 display:block;
 position:relative;
 width:100%;
 overflow:hidden;
 border-radius:3px;
 background:#111;
 text-decoration:none;
}
 .thumb-single img{
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:270 / 400;
 object-fit:cover;
 transition:transform 0.25s,opacity 0.25s;
}
 .thumb-single:hover img{
 transform:scale(1.04);
 opacity:0.75;
}
 .thumb-single .title{
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);
 color:#fff;
 font-size:11px;
 font-weight:600;
 padding:16px 8px 6px;
 opacity:0;
 transition:opacity 0.25s;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
 .thumb-single:hover .title{opacity:1}
 .last-searches-wrap{
 background:#23262d;
 padding:8px;
 border-radius:0 0 5px 5px;
 line-height:1.9;
 font-size:10.5px;
}
 .last-searches-wrap a{
 color:#c0c0c0;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:500;
 letter-spacing:0.2px;
}
 .last-searches-wrap a:hover{color:#e84c3d}
 .mob-sidebar-panel .last-searches-wrap{background:#f5f5f5}
 .mob-sidebar-panel .last-searches-wrap a{color:#555}
 .mob-sidebar-panel .last-searches-wrap a:hover{color:#e84c3d}
 .gib{
 background:#23262d;
 border-radius:8px;
 overflow:hidden;
 margin-bottom:20px;
 color:#fff;
}
 .gib-header{
 background:#1a1c22;
 padding:16px 20px;
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:16px;
 border-bottom:2px solid #e84c3d;
 flex-wrap:wrap;
}
 .gib-label{
 font-size:10px;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#e84c3d;
 margin-bottom:4px;
}
 .gib-title{
 font-family:'Raleway',sans-serif;
 font-size:22px;
 font-weight:900;
 color:#fff;
 text-transform:uppercase;
 letter-spacing:-0.5px;
 line-height:1.1;
}
 .gib-title span{color:#e84c3d}
 .gib-meta{
 display:flex;
 flex-direction:column;
 gap:6px;
 align-items:flex-end;
 font-size:11px;
 color:#999;
 flex-shrink:0;
}
 .gib-meta span{
 display:flex;
 align-items:center;
 gap:5px;
 white-space:nowrap;
}
 .gib-body{
 padding:16px 20px;
 border-bottom:1px solid #2e3240;
 display:flex;
 gap:14px;
 align-items:flex-start;
}
 .gib-model-avatar{
 flex-shrink:0;
 width:60px;
 border-radius:4px;
 overflow:hidden;
 border:2px solid #e84c3d;
}
 .gib-model-avatar img{width:100%;height:80px;object-fit:cover;object-position:center top;display:block}
 .gib-model-info{
 display:flex;
 flex-direction:column;
 gap:2px;
}
 .gib-model-label{
 font-size:9px;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#666;
}
 .gib-model-name{
 font-family:'Raleway',sans-serif;
 font-size:18px;
 font-weight:900;
 color:#fff;
 text-transform:uppercase;
}
 .gib-model-name:hover{color:#e84c3d}
 .gib-model-more{
 font-size:11px;
 color:#e84c3d;
 margin-top:4px;
}
 .gib-model-more:hover{text-decoration:underline}
 .gib-desc{
 font-size:12.5px;
 color:#aaa;
 line-height:1.7;
 margin-top:10px;
}
 .gib-taxonomy{
 padding:12px 20px;
 border-bottom:1px solid #2e3240;
 display:flex;
 flex-direction:column;
 gap:10px;
}
 .gib-tax-row{
 display:flex;
 align-items:flex-start;
 gap:10px;
}
 .gib-tax-label{
 font-size:9px;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#555;
 white-space:nowrap;
 padding-top:5px;
 min-width:60px;
}
 .gib-chips{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
}
 .gib-chip{
 padding:4px 12px;
 background:#2e3240;
 border:1px solid #3a3d45;
 border-radius:20px;
 font-size:11px;
 font-weight:600;
 color:#aaa;
 transition:background .2s,color .2s;
}
 .gib-chip:hover{background:#e84c3d;border-color:#e84c3d;color:#fff}
 .gib-tags{
 display:flex;
 flex-wrap:nowrap;
 gap:5px;
 overflow-x:auto;
 scrollbar-width:none;
 -webkit-overflow-scrolling:touch;
}
 .gib-tags::-webkit-scrollbar{display:none}
 .gib-tag{
 padding:3px 9px;
 background:#2e3240;
 border-radius:12px;
 font-size:11px;
 color:#888;
 white-space:nowrap;
 transition:color .2s,background .2s;
}
 .gib-tag:hover{background:#e84c3d;color:#fff}
 .gib-rating{
 padding:14px 20px;
 border-bottom:1px solid #2e3240;
}
 .gib-rating-label{
 font-size:9px;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#555;
 display:block;
 margin-bottom:10px;
}
 .gib-vote-row{
 display:flex;
 align-items:center;
 gap:10px;
}
 .gib-vote{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:7px 14px;
 border-radius:6px;
 font-size:13px;
 font-weight:700;
 cursor:pointer;
 border:1px solid #3a3d45;
 background:#2e3240;
 color:#aaa;
 transition:all .2s;
 flex-shrink:0;
}
 .gib-vote.up:hover,.gib-vote.up.voted{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}
 .gib-vote.down:hover,.gib-vote.down.voted{background:rgba(232,76,61,.15);border-color:#e84c3d;color:#e84c3d}
 .gib-vote.voted{pointer-events:none}
 .gib-bar{
 flex:1;
 height:6px;
 background:rgba(232,76,61,.2);
 border-radius:3px;
 overflow:hidden;
}
 .gib-bar-fill{
 height:100%;
 background:#22c55e;
 border-radius:3px;
 transition:width .4s ease;
}
 .gib-actions{
 padding:14px 20px;
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}
 .gib-btn{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:8px 16px;
 border-radius:6px;
 font-size:12px;
 font-weight:600;
 cursor:pointer;
 border:1px solid #3a3d45;
 background:#2e3240;
 color:#ccc;
 transition:all .2s;
 font-family:'Inter',sans-serif;
}
 .gib-btn:hover{background:#3a3d45;color:#fff}
 .gib-btn.primary{background:#e84c3d;border-color:#e84c3d;color:#fff}
 .gib-btn.primary:hover{background:#c73d30}
 @media (max-width:600px){
 .gib-header{flex-direction:column}
 .gib-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 14px}
 .gib-body{flex-direction:column}
 .gib-tax-row{flex-direction:column;gap:6px}
}
 .gib-desc-wrap{margin-top:10px}
 .gib-desc{
 font-size:12.5px;
 color:#aaa;
 line-height:1.7;
 overflow:hidden;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 margin:0;
 transition:all .3s;
}
 .gib-desc.expanded{
 display:block;
 -webkit-line-clamp:unset;
}
 .gib-desc-toggle{
 margin-top:5px;
 background:none;
 border:none;
 color:#e84c3d;
 font-size:11px;
 font-weight:600;
 cursor:pointer;
 padding:0;
 font-family:'Inter',sans-serif;
}
 .gib-desc-toggle:hover{text-decoration:underline}
 .gib-model-row{display:flex;align-items:center;gap:10px}
 .gib-model-info{display:flex;flex-direction:column;gap:2px}
 .gib-model-name{
 font-family:'Raleway',sans-serif;
 font-size:16px;
 font-weight:900;
 color:#fff;
 text-transform:uppercase;
 letter-spacing:1px;
}
 .gib-model-name:hover{color:#e84c3d}
 .gib-comments{
 border-top:1px solid #2e3240;
 padding:16px 20px;
}
 .gib-comments-title{
 font-size:11px;
 font-weight:700;
 letter-spacing:2px;
 text-transform:uppercase;
 color:#666;
 margin-bottom:14px;
}
 .gib-comment-form{
 display:flex;
 flex-direction:column;
 gap:10px;
 margin-bottom:20px;
}
 .gib-comment-form input,
 .gib-comment-form textarea{
 background:#1a1c22;
 border:1px solid #3a3d45;
 border-radius:6px;
 color:#fff;
 font-family:'Inter',sans-serif;
 font-size:13px;
 padding:10px 14px;
 outline:none;
 resize:none;
 transition:border-color .2s;
}
 .gib-comment-form input:focus,
 .gib-comment-form textarea:focus{border-color:#e84c3d}
 .gib-comment-form textarea{min-height:90px}
 .gib-captcha-wrap{
 background:#1a1c22;
 border:1px solid #3a3d45;
 border-radius:6px;
 padding:12px 14px;
 display:flex;
 align-items:center;
 gap:10px;
 font-size:12px;
 color:#666;
}
 .gib-captcha-check{
 width:20px;height:20px;
 border:2px solid #3a3d45;
 border-radius:3px;
 cursor:pointer;
 flex-shrink:0;
 display:flex;align-items:center;justify-content:center;
 transition:all .2s;
}
 .gib-captcha-check.checked{background:#22c55e;border-color:#22c55e}
 .gib-captcha-check.checked::after{content:"✓";color:#fff;font-size:13px;font-weight:700}
 .gib-form-error{color:#e84c3d;font-size:11px;min-height:16px}
 .gib-form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
 .gib-comment-list{display:flex;flex-direction:column;gap:12px}
 .gib-comment-item{
 background:#1a1c22;
 border-radius:6px;
 padding:12px 14px;
 border-left:3px solid #2e3240;
}
 .gib-comment-item.new{border-left-color:#e84c3d}
 .gib-comment-meta{
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:6px;
}
 .gib-comment-nick{
 font-weight:700;
 font-size:12px;
 color:#fff;
}
 .gib-comment-date{
 font-size:10px;
 color:#555;
}
 .gib-comment-text{
 font-size:13px;
 color:#aaa;
 line-height:1.6;
}
 .gib-model-names{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-top:4px;
}
 .gib-model-names .gib-model-name{
 font-size:13px;
 font-weight:700;
 color:#fff;
 background:#2e3240;
 border:1px solid #3a3d45;
 border-radius:20px;
 padding:4px 12px;
 font-family:'Inter',sans-serif;
 text-transform:none;
 letter-spacing:0;
 transition:background .2s,color .2s,border-color .2s;
}
 .gib-model-names .gib-model-name:hover{
 background:#e84c3d;
 border-color:#e84c3d;
 color:#fff;
}
 .more-gal-nav{
 display:flex;
 align-items:center;
 gap:8px;
}
 .more-gal-scroll-wrap{
 flex:1;
 overflow:hidden;
 min-width:0;
}
 .more-gal-arrow{
 flex-shrink:0;
 width:34px;
 height:34px;
 border-radius:50%;
 background:#2e3240;
 border:1px solid #3a3d45;
 color:#ccc;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 transition:background .2s,color .2s,border-color .2s;
 font-family:inherit;
}
 .more-gal-arrow:hover{
 background:#e84c3d;
 border-color:#e84c3d;
 color:#fff;
}
 @media (max-width:1080px){
 .more-gal-arrow{display:none}
 .more-gal-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .more-gal-scroll-wrap::-webkit-scrollbar{display:none}
}
 .more-gal-thumb{
 width:150px !important;
}
 .more-gal-thumb img{
 width:150px !important;
 height:225px !important;
}
 .gal-title-block{
 padding:14px 0 10px;
 border-bottom:1px solid #e8e8e8;
 margin-bottom:12px;
}
 .gal-title{
 font-family:'Raleway',sans-serif;
 font-size:clamp(20px,3vw,34px);
 font-weight:900;
 line-height:1.1;
 letter-spacing:-0.5px;
 color:#23262d;
 display:flex;
 align-items:baseline;
 flex-wrap:wrap;
 gap:8px;
 margin:0 0 6px;
}
 .gal-title-model{
 color:#23262d;
}
 .gal-title-sep{
 color:#e84c3d;
 font-weight:400;
}
 .gal-title-name{
 color:#e84c3d;
}
 .gal-title-sub{
 display:flex;
 align-items:center;
 gap:6px;
 font-size:12px;
 color:#999;
 font-weight:500;
 letter-spacing:0.3px;
}
 .gal-title-dot{
 color:#ddd;
}
 .cta-bar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 background:#23262d;
 border-radius:6px;
 padding:12px 16px;
 margin:12px 0 16px;
}
 .cta-bar-text{
 display:flex;
 align-items:center;
 gap:8px;
 font-size:13px;
 color:#ccc;
 min-width:0;
}
 .cta-bar-text svg{
 flex-shrink:0;
 color:#e84c3d;
}
 .cta-bar-text span{
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
 .cta-bar-btn{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:9px 20px;
 background:#e84c3d;
 color:#fff;
 font-size:12px;
 font-weight:700;
 letter-spacing:0.5px;
 text-transform:uppercase;
 border-radius:5px;
 white-space:nowrap;
 flex-shrink:0;
 transition:background .2s,transform .15s;
 font-family:'Inter',sans-serif;
}
 .cta-bar-btn:hover{
 background:#c73d30;
 color:#fff;
 transform:translateY(-1px);
}
 @media (max-width:560px){
 .cta-bar{flex-direction:column;align-items:stretch}
 .cta-bar-btn{text-align:center;justify-content:center}
}
 .ad-fullwidth-bar{
 background:#fff;
 border-radius:4px;
 margin:6px 0 12px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 align-items:center;
}
 .ad-fullwidth-label{
 font-size:9px;
 font-weight:700;
 color:#bbb;
 letter-spacing:1.5px;
 text-transform:uppercase;
 padding:5px 0 4px;
 border-bottom:1px solid #eee;
 width:100%;
 text-align:center;
}
 .ad-fullwidth-holder{
 width:100%;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:90px;
}
 .ad-fullwidth-holder .ad-banner-inner{
 width:100%;
 transform-origin:center center;
}
/* ── Ad banner holder (spots-box) ─────────────────────────────────────── */
.spots-box .ad-banner-holder{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.spots-box .ad-banner-inner{
  width:300px;
  height:250px;
  flex-shrink:0;
  transform-origin:center center;
}
.ad-banner-holder{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ad-banner-inner{
  width:300px;
  height:250px;
  flex-shrink:0;
  transform-origin:center center;
}