/* ===== COMMON: full shared styles ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;scrollbar-width:thin;scrollbar-color:#333 #111}body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.5;color:#eee;background:#0d0d0d;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}:root{--red:#F22E4B;--red-d:#c41f3a;--header-h:68px;--sb-w:220px;--sb-gap:3px;--bg:#0d0d0d;--bg2:#141414;--bg3:#1c1c1c;--border:#252525;--text:#ccc;--text-dim:#666}.site-header{position:sticky;top:0;z-index:300;min-height:var(--header-h);height:auto;background:#111;border-bottom:1px solid #222;display:flex;align-items:center;overflow:visible}.header-inner{width:100%;padding:0 16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sb-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:6px;color:#bbb;transition:background .15s,color .15s;flex-shrink:0}.sb-toggle:hover{background:#1e1e1e;color:#fff}.sb-toggle.active{color:var(--red)}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;margin:0 20px 0 8px}.logo-mark{width:34px;height:34px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{display:block}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text-top{font-size:25px;font-weight:700;color:#fff;letter-spacing:-0.02em}.logo-text-top span{color:var(--red)}.logo-text-bot{font-size:8px;font-weight:400;letter-spacing:0.25em;color:#999;margin-top:2px}.main-nav{display:flex;align-items:center;align-content:flex-start;gap:1px;flex:1;flex-wrap:wrap}.main-nav a{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;font-weight:500;color:#b0b0b0;padding:5px 8px;border-radius:6px;white-space:nowrap;position:relative;transition:background .15s,color .15s;flex-shrink:0}.main-nav a svg{flex-shrink:0;opacity:.7}.main-nav a:hover{background:#1e1e1e;color:#fff}.main-nav a:hover svg{opacity:1}.nav-active{background:var(--red) !important;color:#fff !important}.nav-active:hover{background:var(--red-d) !important}.nav-active svg{opacity:1 !important}.nav-red{color:var(--red) !important}.nav-red:hover{background:#1a0012 !important}.nav-red svg{opacity:1 !important}.nav-discount{
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  position: relative !important;
  overflow: visible !important;
  animation: none !important;
  margin-left: 10px !important;
}
.nav-discount::before,.nav-discount::after{
  content:'';
  position:absolute;
  inset:-3px;
  border-radius:8px;
  border:1.5px solid var(--red);
  opacity:0;
  animation:ripple-ring 2.2s ease-out infinite;
  pointer-events:none;
}
.nav-discount::after{
  inset:-7px;
  border-radius:10px;
  animation-delay:.7s;
}
.nav-discount svg{opacity:1 !important;stroke:#fff !important}
@keyframes ripple-ring{
  0%{opacity:.7;inset:-2px}
  100%{opacity:0;inset:-10px}
}
@keyframes pulse-border{0%,100%{border-color:rgba(180,0,30,.3)}50%{border-color:rgba(180,0,30,.85)}}.header-icons{display:flex;align-items:center;gap:2px;margin-left:4px;flex-shrink:0}.hicon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:6px;color:#999;transition:background .15s,color .15s}.hicon:hover{background:#1e1e1e;color:#fff}.hicon.active{color:var(--red)}.history-dot{display:none;position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--bg);box-shadow:0 0 6px rgba(180,0,30,.7)}#history-btn{position:relative}#history-btn.has-history .history-dot{display:block}#history-btn.has-history{color:#eee}.mobile-history-btn.has-history .history-dot{display:block}.mobile-history-btn.has-history{color:#eee}.history-drop{display:none;position:fixed;top:var(--header-h);right:0;width:320px;background:#161616;border:1px solid var(--border);border-top:none;border-radius:0 0 0 10px;z-index:400;box-shadow:-4px 8px 24px rgba(0,0,0,.5)}.history-drop.open{display:block}.history-drop-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:#888;letter-spacing:.06em;text-transform:uppercase}.history-clear-btn{font-size:10px;color:#888;transition:color .15s;font-family:'Open Sans',sans-serif}.history-clear-btn:hover{color:var(--red)}.history-drop-list{max-height:420px;overflow-y:auto;padding:6px}.history-drop-list::-webkit-scrollbar{width:4px}.history-drop-list::-webkit-scrollbar-track{background:transparent}.history-drop-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}.history-drop-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;text-decoration:none;transition:background .15s}.history-drop-item:hover{background:#1e1e1e}.history-drop-thumb{width:44px;height:58px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#1a1a1a}.history-drop-info{flex:1;min-width:0}.history-drop-model{font-size:12px;color:var(--red);font-weight:700;letter-spacing:.03em}.history-drop-title{font-size:12.5px;color:#eee;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-drop-empty{padding:20px;text-align:center;font-size:12px;color:#888}.header-search{flex:1;max-width:300px;position:relative;display:flex;align-items:center}.header-search form{width:100%;display:flex;align-items:center;background:#181818;border:1px solid #282828;border-radius:7px;overflow:hidden;transition:border-color .15s}.header-search form:focus-within{border-color:var(--red)}.header-search-icon{display:flex;align-items:center;padding:0 0 0 11px;color:#555;flex-shrink:0;pointer-events:none}.header-search input{flex:1;padding:7px 8px;background:transparent;border:none;color:#eee;font-size:13px;font-family:'Open Sans',sans-serif;outline:none;min-width:0}.header-search input::placeholder{color:#555}.header-search-submit{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#242424;border-left:1px solid #303030;color:#888;flex-shrink:0;transition:color .15s,background .15s;font-family:'Open Sans',sans-serif}.header-search-submit:hover{color:#fff;background:var(--red);border-color:var(--red)}@media (max-width:1024px){.header-search{display:none;pointer-events:none}}.search-drop{display:none;position:fixed;top:var(--header-h);left:0;right:0;background:#161616;border-bottom:1px solid var(--border);padding:10px 16px;z-index:400}.search-drop.open{display:block}.search-drop form{display:flex;gap:8px;max-width:500px;margin:0 auto}.search-drop input{flex:1;padding:8px 14px;background:#1e1e1e;border:1px solid var(--border);border-radius:6px;color:#fff;font-size:13px;font-family:'Open Sans',sans-serif;outline:none}.search-drop input:focus{border-color:var(--red)}.search-drop button[type=submit]{padding:8px 18px;background:var(--red);color:#fff;border-radius:6px;font-size:13px;font-weight:600;transition:background .15s}.search-drop button[type=submit]:hover{background:var(--red-d)}.link-bar{padding:10px 12px;border-bottom:1px solid var(--border);background:#0f0f0f}.link-bar-wrap{display:flex;flex-wrap:wrap;gap:6px}.link-bar-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.link-bar-scroll::-webkit-scrollbar{display:none}.link-bar a{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 12px;border-radius:5px;font-size:12px;font-weight:500;color:#bbb;background:#181818;border:1px solid #252525;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.link-bar a:hover{background:#222;color:#fff;border-color:#333}.page-body{display:flex;align-items:flex-start;min-height:calc(100vh - var(--header-h))}.sidebar{width:var(--sb-w);flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);min-height:calc(100vh - var(--header-h));position:sticky;top:var(--header-h);align-self:flex-start;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - var(--header-h))}.sidebar.right{border-right:none;border-left:1px solid var(--border)}.sidebar.closed{display:none !important}.sidebar-inner{padding:14px;width:var(--sb-w)}.sb-section{margin-bottom:22px}.sb-title{font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-dim);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:10px}.sb-nav{display:flex;flex-direction:column;gap:1px}.sb-nav a{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px;font-size:13px;color:#bbb;transition:background .12s,color .12s}.sb-nav a:hover{background:var(--bg3);color:#fff}.sb-nav a.active{background:#1a0012;color:var(--red)}.sb-nav .icon{width:15px;height:15px;flex-shrink:0;opacity:.5;transition:opacity .12s}.sb-nav a:hover .icon{opacity:.9}.sb-nav a.active .icon{opacity:1;stroke:var(--red)}.sb-nav .count{margin-left:auto;font-size:10px;color:#888;font-weight:600}.sb-models{display:flex;flex-direction:column}.sb-model{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1a1a1a;transition:color .12s}.sb-model:hover{color:#fff}.sb-model-rank{font-size:10px;color:#888;font-weight:700;width:16px;flex-shrink:0;text-align:right}.sb-model-name{font-size:13px;color:#bbb;flex:1}.sb-model:hover .sb-model-name{color:#fff}.sb-model-cnt{font-size:10px;color:#888}.sb-tags{display:flex;flex-wrap:wrap;gap:4px}.sb-tags a{font-size:12px;padding:3px 8px;background:#1a1a1a;border:1px solid var(--border);border-radius:3px;color:#888;transition:all .12s}.sb-tags a:hover{border-color:var(--red);color:var(--red);background:#160010}.sb-tags a.active{border-color:var(--red);color:var(--red);background:#160010}.sb-filters{display:flex;flex-direction:column;gap:6px}.sb-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;cursor:pointer;padding:3px 0}.sb-check:hover{color:#bbb}.sb-check input[type=checkbox]{width:13px;height:13px;accent-color:var(--red);cursor:pointer;flex-shrink:0}.sb-check span:last-child{margin-left:auto;font-size:10px;color:#888}.sb-history{display:flex;flex-direction:column;gap:1px}.sb-empty{font-size:11px;color:#888;padding:4px 0}.sb-hist-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:5px;font-size:13px;color:#888;transition:background .12s,color .12s;text-decoration:none}.sb-hist-item:hover{background:#1a1a1a;color:#eee}.sb-hist-thumb{width:28px;height:28px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#222}.sb-hist-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-heading{padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.gallery-heading h2,.gallery-heading h1{font-size:13px;font-weight:600;color:#888;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.gallery-heading h2 span,.gallery-heading h1 span{color:var(--red);margin-left:6px}.gallery-heading-spacer{flex:1}.sb-banner{background:linear-gradient(135deg,#1a0012,#0d0d0d);border:1px solid #3a0018;border-radius:8px;padding:16px;text-align:center}.sb-banner p{font-size:13px;color:#bbb;margin-bottom:10px;line-height:1.5}.sb-banner strong{color:var(--red);font-size:16px;display:block;margin-bottom:6px}.sb-banner a{display:block;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:8px;border-radius:5px;transition:background .15s}.sb-banner a:hover{background:var(--red-d)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.intro{order:1}.site-desc{order:5}.gallery-heading{order:2}.gallery-grid{order:3}.pagination{order:4}.intro{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.intro-left{display:flex;flex-direction:column;flex-shrink:0}.intro-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.02em}.intro-sub{font-size:12px;color:#999;margin-top:2px}.intro-spacer{flex:1}@media (max-width:900px){.intro{padding:8px 10px;gap:8px}.intro-title{font-size:17px}}.sort-drop-wrap{position:relative;flex-shrink:0}.sort-drop-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#bbb;background:#181818;border:1px solid #252525;transition:background .12s,color .12s,border-color .12s;white-space:nowrap;font-family:'Open Sans',sans-serif}.sort-drop-btn:hover{background:#222;color:#eee;border-color:#333}.sort-drop-btn.open{color:var(--red);border-color:var(--red);background:#1a0012}.sort-drop-menu{display:none;position:absolute;top:calc(100%+6px);right:0;background:#161616;border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:300;min-width:130px;box-shadow:0 8px 24px rgba(0,0,0,.5)}.sort-drop-menu.open{display:block}.sort-opt{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;color:#999;transition:background .12s,color .12s;text-align:left;font-family:'Open Sans',sans-serif;white-space:nowrap}.sort-opt:hover{background:#1e1e1e;color:#fff}.sort-opt.active{color:var(--red);background:#1a0012}.sort-opt svg{flex-shrink:0;opacity:.6}.sort-opt.active svg{opacity:1}.random-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#999;border:1px solid #222;transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.random-btn:hover{background:#1e1e1e;color:#fff;border-color:#333}.col-toggle-tb{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#888;border:1px solid #222;transition:background .15s,color .15s;flex-shrink:0}.col-toggle-tb:hover{background:#1e1e1e;color:#fff}.col-toggle-tb.active{color:var(--red);border-color:var(--red)}.col-toggle-tb svg{fill:currentColor;transition:fill .15s}@media (max-width:900px){.col-toggle-tb{display:flex}.intro{padding:8px 10px;gap:6px}.sort-btn{padding:5px 7px;font-size:11px}}.site-desc{padding:14px 16px;border-bottom:1px solid var(--border);background:#111}.site-desc p{font-size:12px;line-height:1.7;color:#bbb;margin-bottom:8px}.site-desc p:last-child{margin-bottom:0}.site-desc p strong{color:var(--red);font-weight:600}@media (max-width:900px){.site-desc{display:none}}.gallery-grid{position:relative;width:100%;overflow-anchor:none}body{overflow-anchor:none}.gallery-grid::after{content:'';display:block;clear:both}.gallery-sizer{float:left}.gallery-card{float:left;box-sizing:border-box;padding:0 1.5px 3px}.gallery-card-inner{position:relative;overflow:hidden;background:#161616}.gallery-card img{display:block;width:100%;height:auto;transition:transform .4s ease;filter:brightness(1)}.gallery-card:hover .gallery-card-inner img{transform:scale(1.05);filter:brightness(1)}.gc-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 75%);opacity:0;transition:opacity .2s;padding:30px 10px 10px;pointer-events:none;z-index:2}.gallery-card:hover .gc-info{opacity:1}.gc-model{font-size:11px;font-weight:700;color:#fff;background:var(--red);display:inline-block;padding:1px 6px;border-radius:3px;letter-spacing:.04em;margin-bottom:3px}.gc-title{font-size:13px;color:#fff;line-height:1.35;margin-top:2px}.gc-date{font-size:11px;color:#bbb;margin-top:4px}.gc-save{position:absolute;top:6px;right:6px;width:28px;height:28px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .15s,border-color .15s;z-index:3;cursor:pointer;color:#bbb}.gallery-card:hover .gc-save{opacity:1}.gc-save:hover{background:var(--red);border-color:var(--red);color:#fff}.gc-save.saved{opacity:1;background:var(--red);border-color:var(--red);color:#fff}@media (max-width:900px){.gc-save{opacity:1}}.gc-save svg{display:block;pointer-events:none}.gallery-card.banner-card{cursor:default}.gallery-card.banner-card .gallery-card-inner{background:#111;display:flex;align-items:center;justify-content:center;aspect-ratio:300 / 250;overflow:hidden}.gallery-card.banner-card img{width:100%;height:100%;object-fit:cover;filter:none !important;transition:none !important}.gallery-card.banner-card:hover .gallery-card-inner img{transform:none !important;filter:none !important}.gc-ext-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:3px;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px 2px 5px;border-radius:4px;pointer-events:none;z-index:4;border:1px solid rgba(255,255,255,.12);line-height:1}.gc-ext-badge svg{width:9px;height:9px;flex-shrink:0;opacity:.9}.banner-label{position:absolute;top:5px;left:5px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ddd;background:rgba(0,0,0,.75);padding:2px 7px;border-radius:3px;pointer-events:none;z-index:2;border:1px solid rgba(255,255,255,.1)}.gallery-card.ad-script-card{cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:300 / 250;overflow:hidden;position:relative}.gallery-card.ad-script-card .gallery-card-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0f0f0f;position:relative}.gallery-card.ad-script-card:hover .gallery-card-inner{transform:none !important}.ad-script-wrap{width:300px;height:250px;flex-shrink:0;transform-origin:center center}.sb-friends{display:flex;flex-direction:column;gap:1px}.sb-friends li{list-style:none}.sb-friends li a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px;color:#999;transition:background .12s,color .12s}.sb-friends li a:hover{background:var(--bg3);color:#fff}.sb-friends li a svg{flex-shrink:0;opacity:.45;transition:opacity .12s}.sb-friends li a:hover svg{opacity:1}.pagination{display:flex;gap:3px;justify-content:center;padding:28px 0 16px;clear:both}.pagination a,.pagination span{font-size:12px;font-weight:500;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:#999;border-radius:4px;transition:all .15s}.pagination a:hover{border-color:var(--red);color:var(--red)}.pg-active{background:var(--red) !important;color:#fff !important;border-color:var(--red) !important}.pg-dots{border:none !important;color:#333 !important}.site-footer{border-top:1px solid var(--border);margin-top:20px}.footer-banner{background:#111;padding:40px 20px;text-align:center;border-bottom:1px solid var(--border)}.footer-banner h2{font-size:26px;font-weight:300;color:#fff;margin-bottom:8px}.footer-banner h2 strong{color:var(--red);font-weight:700}.footer-banner p{font-size:13px;color:#999;margin-bottom:18px}.btn-join{display:inline-block;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 28px;transition:background .15s}.btn-join:hover{background:var(--red-d)}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.footer-nav{display:flex;gap:18px}.footer-nav a{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#333;font-weight:500;transition:color .15s}.footer-nav a:hover{color:var(--red)}.footer-copy{font-size:12px;color:#444}.scroll-up{position:fixed;bottom:20px;right:20px;width:36px;height:36px;background:#1a1a1a;border:1px solid #333;color:#888;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .2s;z-index:50;border-radius:4px}.scroll-up.visible{opacity:1;pointer-events:all}.scroll-up:hover{border-color:var(--red);color:var(--red)}.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;flex-shrink:0;position:relative;z-index:10}.hamburger span{display:block;width:20px;height:2px;background:#888;border-radius:1px;transition:all .2s}.mobile-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:#111;z-index:290;flex-direction:column;overflow-y:auto;padding:8px 0}.mobile-nav.open{display:flex}.mobile-nav>a{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:14px;color:#bbb;border-bottom:1px solid var(--border);transition:color .15s,background .15s}.mobile-nav>a svg{flex-shrink:0;opacity:.6}.mobile-nav>a:hover{color:#fff;background:#181818}.mobile-nav>a:hover svg{opacity:1}.mobile-nav-history-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#888;border-top:1px solid var(--border);margin-top:4px}.mobile-nav-history-head span{display:flex;align-items:center;gap:6px}#mobile-nav-history{padding:0 8px 12px}.mobile-nav-hist-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;text-decoration:none;transition:background .15s}.mobile-nav-hist-item:hover{background:#1a1a1a}.mobile-nav-hist-thumb{width:38px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#1a1a1a}.mobile-nav-hist-info{flex:1;min-width:0}.mobile-nav-hist-model{font-size:12px;color:var(--red);font-weight:700}.mobile-nav-hist-title{font-size:13px;color:#bbb;line-height:1.3;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-nav-hist-empty{padding:12px 18px;font-size:13px;color:#888}.mob-section{border-top:1px solid var(--border)}.mob-section-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 18px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#999;background:none;border:none;font-family:'Open Sans',sans-serif;cursor:pointer;transition:color .15s;user-select:none}.mob-section-head span{display:flex;align-items:center;gap:8px}.mob-section-head:hover{color:#bbb}.mob-section-arrow{transition:transform .2s;flex-shrink:0}.mob-section.open .mob-section-arrow{transform:rotate(180deg)}.mob-section-body{display:none}.mob-section.open .mob-section-body{display:block}.mob-section-body ul{padding:0 0 8px}.mob-section-body ul li{list-style:none}.mob-section-body ul li a{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:14px;color:#888;border-bottom:1px solid var(--border);transition:color .15s,background .15s}.mob-section-body ul li a svg{flex-shrink:0;opacity:.5}.mob-section-body ul li a:hover{color:#fff;background:#181818}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:14px;color:#888;border-bottom:1px solid var(--border);transition:color .15s,background .15s}.mobile-nav-link svg{flex-shrink:0;opacity:.6}.mobile-nav-link:hover{color:#fff;background:#181818}.mobile-search-btn{display:none;flex-shrink:0}.mobile-history-btn{display:none;flex-shrink:0;position:relative}.mobile-theme-btn{display:none;flex-shrink:0}@media (max-width:1024px){.main-nav{display:none}.header-icons{display:none}.sidebar{display:none !important}.sb-toggle{display:none}.logo-text-bot{display:none}.logo-link{margin:0 4px;flex:1}.main-content{width:100%;min-width:0}.intro{padding:12px 10px 10px}.gallery-grid{padding:0}.gallery-card{padding:0 1px 2px}.mobile-search-btn{display:flex}.mobile-history-btn{display:flex}.mobile-theme-btn{display:flex}.hamburger{display:flex}}@media (max-width:400px){.logo-link{margin:0 2px}}.history-drop-foot{padding:6px 8px 8px;border-top:1px solid var(--border)}.history-close-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px;border-radius:6px;font-size:12px;font-weight:500;color:#999;font-family:'Open Sans',sans-serif;background:#1a1a1a;transition:background .15s,color .15s}.history-close-btn:hover{background:#222;color:#fff}.btn-icon-default{display:block !important}.btn-icon-close{display:none !important}.hicon.active .btn-icon-default{display:none !important}.hicon.active .btn-icon-close{display:block !important;color:var(--red)}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger.active span{background:var(--red)}.hamburger span{transition:transform .2s,opacity .2s,background .2s}.mobile-history-btn.active .history-dot{display:none!important}
    .sb-all-models{display:block;margin-top:8px;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#888;text-align:center;border:1px solid #252525;transition:background .12s,color .12s,border-color .12s;text-decoration:none}.sb-all-models:hover{background:#1c1c1c;color:#ddd;border-color:#333}
    .mobile-sb-btn{display:none;flex-shrink:0}@media(max-width:1024px){.mobile-sb-btn{display:flex}.sidebar.right{display:flex!important;position:fixed;top:var(--header-h);right:0;bottom:0;width:260px;height:auto;min-height:unset;z-index:280;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;border-left:1px solid #252525;box-shadow:-8px 0 24px rgba(0,0,0,.5)}.sidebar.right.mob-open{display:flex!important;transform:translateX(0)}.sb-right-overlay{display:none;position:fixed;inset:0;top:var(--header-h);z-index:279;background:rgba(0,0,0,.5)}.sb-right-overlay.open{display:block}}
    /* CLS=0: CSS columns instead of masonry */
    #gallery-grid {
      display: block;
      overflow-anchor: none;
    }
    @media (min-width: 1800px) { #gallery-grid { column-count: 6; column-gap: 3px; } }
    @media (min-width: 1400px) and (max-width: 1799px) { #gallery-grid { column-count: 5; column-gap: 3px; } }
    @media (min-width: 1100px) and (max-width: 1399px) { #gallery-grid { column-count: 4; column-gap: 3px; } }
    @media (min-width: 550px)  and (max-width: 1099px) { #gallery-grid { column-count: 3; column-gap: 3px; } }
    @media (max-width: 549px)  { #gallery-grid { column-count: 2; column-gap: 2px; } }
    @media (max-width: 899px)  { #gallery-grid.cols-1 { column-count: 1 !important; } }
    #gallery-grid .gallery-card {
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
      float: none;
      width: 100%;
      display: block;
      margin-bottom: 3px;
      padding: 0;
      box-sizing: border-box;
    }
    #gallery-grid .gallery-sizer { display: none; }
    #gallery-grid .gallery-card-inner { position: relative; overflow: hidden; background: #161616; }
    #gallery-grid .gallery-card img { display: block; width: 100%; height: auto; vertical-align: bottom; }
    html.sb-left-closed  #sidebar-left  { display: none !important; }
    html.sb-right-closed #sidebar-right { display: none !important; }

    /* Fix: mob-open overrides html.sb-right-closed */
    html.sb-right-closed #sidebar-right.mob-open {
      display: flex !important;
      transform: translateX(0) !important;
    }

/* ===== LIGHT THEME OVERRIDE ===== */
/* ===== LIGHT THEME OVERRIDE ===== */
    :root {
      --accent: #EF4444;
      --accent-d: #DC2626;
      --bg: #ffffff;
      --bg2: #f8f8f8;
      --bg3: #f0f0f0;
      --border: #e5e5e5;
      --text: #111111;
      --text-dim: #888888;
      --shadow: 0 1px 3px rgba(0,0,0,0.08);
      --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Scrollbar */
    html { scrollbar-color: #ddd #f5f5f5; }

    /* MomLover link style */
    a { color: #000 !important; }
    a:hover { color: #888; }
    .nav-active, .nav-active a { color: #fff !important; }
    .gc-model a, .gc-model { color: #fff !important; }

    /* Body */
    body {
      background: var(--bg) !important;
      color: #212529 !important;
    }

    /* Header */
    .site-header {
      background: #fff !important;
      border-bottom: 1px solid var(--border) !important;
      box-shadow: var(--shadow) !important;
    }

    /* Logo — pill shape, bold wordmark */
    .logo-link { margin: 0 16px 0 4px !important; align-items: center !important; }
    .logo-text { justify-content: center !important; }
    .logo-text-top { line-height: 1 !important; }
    .logo-text-bot { line-height: 1 !important; margin-top: 3px !important; }
    .main-nav { align-items: center !important; }
    .main-nav a { align-items: center !important; line-height: 1.2 !important; }
    .logo-mark {
      background: transparent !important;
      border-radius: 0 !important;
      width: auto !important; height: auto !important;
    }
    .logo-text-top {
      font-size: 20px !important;
      font-weight: 700 !important;
      color: #111 !important;
      letter-spacing: -0.03em !important;
    }
    .logo-text-top span { color: var(--accent) !important; }
    .logo-text-bot {
      font-size: 8px !important;
      color: #bbb !important;
      letter-spacing: 0.2em !important;
    }

    /* Nav */
    .sb-toggle { color: #555 !important; }
    .sb-toggle:hover { background: #f3f3f3 !important; color: #111 !important; }
    .sb-toggle.active { color: var(--accent) !important; }

    .main-nav a {
      color: #111 !important;
      font-size: 14.5px !important;
      font-weight: 500 !important;
      padding: 5px 10px !important;
      border-radius: 3px !important;
      transition: background .15s, color .15s !important;
    }
    .main-nav a:hover { background: #EF4444 !important; color: #fff !important; }
    .nav-active {
      background: #EF4444 !important;
      color: #fff !important;
      border-radius: 3px !important;
    }
    .nav-active:hover { background: #DC2626 !important; }
    .nav-red { color: #EF4444 !important; }
    .nav-red:hover { background: #EF4444 !important; color: #fff !important; }
    ..nav-discount { background: #EF4444 !important; color: #fff !important; border: none !important; }
    .nav-discount::before,.nav-discount::after { border-color: #EF4444 !important; }

    /* Header icons */
    .hicon { color: #888 !important; }
    .hicon:hover { background: #f3f3f3 !important; color: #111 !important; }
    .hicon.active { color: var(--accent) !important; }
    .history-dot { background: var(--accent) !important; border-color: #fff !important; box-shadow: 0 0 6px rgba(239,68,68,.5) !important; }

    /* Search */
    .header-search form {
      background: #fff !important;
      border-color: #ddd !important;
    }
    .header-search form:focus-within { border-color: var(--accent) !important; }
    .header-search-icon { color: #aaa !important; }
    .header-search input { color: #111 !important; }
    .header-search input::placeholder { color: #bbb !important; }
    .header-search-submit {
      background: #fff !important;
      border-color: #ddd !important;
      color: #aaa !important;
    }
    .header-search-submit:hover { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }

    /* Search drop */
    .search-drop { background: #fff !important; border-color: var(--border) !important; }
    .search-drop input { background: #f5f5f5 !important; border-color: #e0e0e0 !important; color: #111 !important; }
    .search-drop input:focus { border-color: var(--accent) !important; }
    .search-drop button[type=submit] { background: var(--accent) !important; }
    .search-drop button[type=submit]:hover { background: var(--accent-d) !important; }

    /* History drop */
    .history-drop { background: #fff !important; border-color: var(--border) !important; box-shadow: -4px 8px 24px rgba(0,0,0,0.12) !important; }
    .history-drop-head { border-color: var(--border) !important; color: #999 !important; }
    .history-clear-btn { color: #bbb !important; }
    .history-clear-btn:hover { color: var(--accent) !important; }
    .history-drop-list::-webkit-scrollbar-thumb { background: #ddd !important; }
    .history-drop-item:hover { background: #f5f5f5 !important; }
    .history-drop-thumb { background: #eee !important; }
    .history-drop-model { color: var(--accent) !important; }
    .history-drop-title { color: #333 !important; }
    .history-drop-empty { color: #bbb !important; }
    .history-drop-foot { border-color: var(--border) !important; }
    .history-close-btn { background: #f3f3f3 !important; color: #888 !important; }
    .history-close-btn:hover { background: #eaeaea !important; color: #111 !important; }

    /* Link bar */
    .link-bar { background: #fafafa !important; border-color: var(--border) !important; }
    .link-bar a {
      color: #555 !important;
      background: #fff !important;
      border-color: #e5e5e5 !important;
      border-radius: 20px !important;
    }
    .link-bar a:hover { background: #f3f3f3 !important; color: #111 !important; border-color: #ccc !important; }

    /* Sidebars */
    .sidebar { background: #fafafa !important; border-color: var(--border) !important; scrollbar-color: #ddd transparent !important; }
    .sidebar.right { border-color: var(--border) !important; }

    .sb-title { color: #bbb !important; border-color: var(--border) !important; }

    .sb-nav a { color: #555 !important; }
    .sb-nav a:hover { background: #f0f0f0 !important; color: #111 !important; }
    .sb-nav a.active { background: #fff0f0 !important; color: var(--accent) !important; }
    .sb-nav .icon { opacity: .4 !important; }
    .sb-nav a:hover .icon { opacity: .8 !important; }
    .sb-nav a.active .icon { opacity: 1 !important; stroke: var(--accent) !important; }
    .sb-nav .count { color: #bbb !important; }

    .sb-model { border-color: #efefef !important; }
    .sb-model { padding: 6px 16px !important; margin: 0 !important; transition: background .12s !important; cursor: pointer !important; }
    .sb-model:hover { background: #f7f7f7 !important; color: #000 !important; border-color: transparent !important; }
    .sb-model-rank { color: #ccc !important; }
    .sb-model-name { color: #666 !important; }
    .sb-model:hover .sb-model-name { color: #111 !important; }
    .sb-model-cnt { color: #bbb !important; }

    .sb-tags a { background: #f3f3f3 !important; border-color: #e5e5e5 !important; color: #888 !important; }
    .sb-tags a:hover, .sb-tags a.active { border-color: var(--accent) !important; color: var(--accent) !important; background: #fff0f0 !important; }

    .sb-check { color: #888 !important; }
    .sb-check:hover { color: #555 !important; }
    .sb-check input[type=checkbox] { accent-color: var(--accent) !important; }
    .sb-check span:last-child { color: #bbb !important; }

    .sb-empty { color: #bbb !important; }
    .sb-hist-item { color: #aaa !important; }
    .sb-hist-item:hover { background: #f0f0f0 !important; color: #555 !important; }
    .sb-hist-thumb { background: #eee !important; }

    .sb-banner { background: linear-gradient(135deg,#fff0f0,#fff) !important; border-color: rgba(239,68,68,0.2) !important; }
    .sb-banner p { color: #777 !important; }
    .sb-banner strong { color: var(--accent) !important; }
    .sb-banner a { background: var(--accent) !important; }
    .sb-banner a:hover { background: var(--accent-d) !important; }

    .sb-friends li a { color: #777 !important; }
    .sb-friends li a:hover { background: #f0f0f0 !important; color: #111 !important; }

    .sb-all-models { color: #aaa !important; border-color: #e5e5e5 !important; }
    .sb-all-models:hover { background: #f3f3f3 !important; color: #333 !important; border-color: #ccc !important; }

    /* Gallery heading */
    .gallery-heading { border-color: var(--border) !important; }
    .gallery-heading h2, .gallery-heading h1 { color: #111 !important; }
    .gallery-heading h2 span, .gallery-heading h1 span { color: var(--accent) !important; }

    /* Intro / toolbar */
    .intro { border-color: var(--border) !important; }
    .intro-title { color: #111 !important; }
    .intro-sub { color: #aaa !important; }

    .sort-drop-btn { color: #555 !important; background: #f5f5f5 !important; border-color: #e0e0e0 !important; font-family: 'Open Sans', sans-serif !important; height: 32px !important; padding: 0 10px !important; box-sizing: border-box !important; }
    .sort-drop-btn:hover { background: #ececec !important; color: #111 !important; border-color: #ccc !important; }
    .sort-drop-btn.open { color: var(--accent) !important; border-color: var(--accent) !important; background: #fff0f0 !important; }
    .sort-drop-menu { background: #fff !important; border-color: var(--border) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }
    .sort-opt { color: #777 !important; font-family: 'Open Sans', sans-serif !important; }
    .sort-opt:hover { background: #f5f5f5 !important; color: #111 !important; }
    .sort-opt.active { color: var(--accent) !important; background: #fff0f0 !important; }

    .random-btn { color: #EF4444 !important; border: 2px solid #EF4444 !important; background: #fff !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; box-sizing: border-box !important; padding: 0 !important; border-radius: 6px !important; flex-shrink: 0 !important; }
    .random-btn:hover { background: #EF4444 !important; color: #fff !important; }
    .random-btn svg { stroke: currentColor !important; }
    .col-toggle-tb { color: #bbb !important; border-color: #e5e5e5 !important; }
    .col-toggle-tb:hover { background: #f3f3f3 !important; color: #555 !important; }
    .col-toggle-tb.active { color: var(--accent) !important; border-color: var(--accent) !important; }

    /* Site desc */
    .site-desc { background: #fff !important; border-color: var(--border) !important; }
    .site-desc p { color: #888 !important; }
    .site-desc p strong { color: var(--accent) !important; }

    /* Gallery cards — rounded */
    #gallery-grid { column-gap: 3px !important; }
    #gallery-grid .gallery-card { margin-bottom: 3px !important; }
    #gallery-grid .gallery-card-inner {
      border-radius: 0 !important;
      overflow: hidden !important;
      background: #eee !important;
      box-shadow: none !important;
      transition: box-shadow .2s, transform .2s !important;
    }
    .gallery-card:hover .gallery-card-inner {
      box-shadow: 0 6px 20px rgba(0,0,0,0.14) !important;
    }

    /* Card overlay — lighter gradient on light bg */
    .gc-info { background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 80%) !important; }
    .gc-model { background: var(--accent) !important; border-radius: 6px !important; }
    .gc-save {
      background: rgba(255,255,255,0.9) !important;
      border-color: rgba(0,0,0,0.1) !important;
      color: #555 !important;
      border-radius: 8px !important;
    }
    .gc-save:hover { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }
    .gc-save.saved { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }

    /* Banner card */
    .gallery-card.banner-card .gallery-card-inner { background: #f3f3f3 !important; }
    .banner-label { color: #555 !important; background: rgba(255,255,255,0.85) !important; border-color: rgba(0,0,0,0.1) !important; }

    /* Ad card */
    .gallery-card.ad-script-card .gallery-card-inner { background: #f5f5f5 !important; }

    /* Pagination */
    .pagination { display: flex; gap: 4px; justify-content: center; padding: 28px 0 16px; clear: both; }
    .pagination a, .pagination span { font-size: 13px; font-weight: 600; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; color: #333; border-radius: 3px; transition: all .15s; background: #fff; }
    .pagination a:hover { border-color: #EF4444; color: #EF4444; background: #fff; }
    .pg-active { background: #EF4444 !important; color: #fff !important; border-color: #EF4444 !important; }
    .pg-dots { border: none !important; color: #999 !important; background: transparent !important; font-weight: 400 !important; }

    /* Footer */
    .site-footer { border-color: var(--border) !important; }
    .footer-banner { background: #fafafa !important; border-color: var(--border) !important; }
    .footer-banner h2 { color: #111 !important; }
    .footer-banner h2 strong { color: var(--accent) !important; }
    .footer-banner p { color: #888 !important; }
    .btn-join { background: var(--accent) !important; }
    .btn-join:hover { background: var(--accent-d) !important; }
    .footer-nav a { color: #bbb !important; }
    .footer-nav a:hover { color: var(--accent) !important; }
    .footer-copy { color: #555 !important; font-size: 12px !important; }
    .footer-logo .logo-text-top { color: #111 !important; }
    /* ===== CTA BANNER VARIANTS (cta-v1 ... cta-v10) =====
       Usage: <a href="#" class="cta-banner cta-v1">...</a>
       Inner structure depends on variant — see examples in right sidebar
       Works in any sidebar: left, right, any container
    */

    /* Base container */
    .cta-banner {
      display: block;
      text-decoration: none;
      margin: 0 2px 10px;
      border-radius: 8px;
      transition: opacity .2s, border-color .2s, box-shadow .2s;
      font-family: 'Open Sans', sans-serif;
    }

    /* V1: Red gradient */
    .cta-v1 { background: linear-gradient(135deg, #EF4444, #c0392b); padding: 16px; }
    .cta-v1:hover { opacity: .88; }
    .cta-v1 .cta-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: rgba(255,255,255,.7); text-transform: uppercase; margin-bottom: 6px; }
    .cta-v1 .cta-title { font-size: 16px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 10px; }
    .cta-v1 .cta-btn { background: #fff; color: #EF4444; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 7px; border-radius: 4px; text-align: center; }

    /* V2: White with red left border */
    .cta-v2 { background: #fff; border: 1px solid #e5e5e5; border-left: 4px solid #EF4444; padding: 14px; }
    .cta-v2:hover { box-shadow: 0 2px 12px rgba(239,68,68,.15); border-color: #EF4444; }
    .cta-v2 .cta-title { font-size: 15px; font-weight: 700; color: #111; margin-bottom: 4px; }
    .cta-v2 .cta-sub { font-size: 12px; color: #888; margin-bottom: 10px; line-height: 1.4; }
    .cta-v2 .cta-link { color: #EF4444; font-size: 12px; font-weight: 700; }

    /* V3: Dark minimal */
    .cta-v3 { background: #111; border: 1px solid #2a2a2a; padding: 16px; }
    .cta-v3:hover { border-color: #EF4444; }
    .cta-v3 .cta-label { font-size: 11px; color: #EF4444; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
    .cta-v3 .cta-title { font-size: 14px; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 10px; }
    .cta-v3 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .05em; }

    /* V4: Stats 2 columns + button */
    .cta-v4 { background: #fff; border: 1px solid #ebebeb; padding: 14px; }
    .cta-v4:hover { border-color: #EF4444; }
    .cta-v4 .cta-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
    .cta-v4 .cta-stat { text-align: center; }
    .cta-v4 .cta-stat-num { font-size: 18px; font-weight: 700; color: #EF4444; }
    .cta-v4 .cta-stat-lbl { font-size: 10px; color: #aaa; }
    .cta-v4 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 8px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }

    /* V5: Badge + text */
    .cta-v5 { background: #fff; border: 1px solid #ebebeb; overflow: hidden; padding: 0; }
    .cta-v5:hover { border-color: #EF4444; }
    .cta-v5 .cta-head { background: #EF4444; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; }
    .cta-v5 .cta-head-label { font-size: 11px; font-weight: 700; color: #fff; letter-spacing: .06em; text-transform: uppercase; }
    .cta-v5 .cta-head-pct { font-size: 18px; font-weight: 900; color: #fff; }
    .cta-v5 .cta-body { padding: 12px 14px; }
    .cta-v5 .cta-title { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 4px; }
    .cta-v5 .cta-sub { font-size: 11px; color: #999; margin-bottom: 10px; }
    .cta-v5 .cta-link { color: #EF4444; font-size: 12px; font-weight: 700; }

    /* V6: Heart */
    .cta-v6 { background: #fff5f5; border: 1px solid #ffd5d5; padding: 16px; text-align: center; }
    .cta-v6:hover { border-color: #EF4444; }
    .cta-v6 .cta-icon { font-size: 24px; margin-bottom: 6px; }
    .cta-v6 .cta-title { font-size: 13px; font-weight: 700; color: #111; margin-bottom: 4px; }
    .cta-v6 .cta-sub { font-size: 11px; color: #888; margin-bottom: 10px; }
    .cta-v6 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; letter-spacing: .05em; text-transform: uppercase; }

    /* V7: Horizontal with icon */
    .cta-v7 { background: #fff; border: 1px solid #ebebeb; padding: 12px; display: flex; align-items: center; gap: 10px; }
    .cta-v7:hover { border-color: #EF4444; }
    .cta-v7 .cta-icon-box { width: 36px; height: 36px; background: #EF4444; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .cta-v7 .cta-title { font-size: 12px; font-weight: 700; color: #111; }
    .cta-v7 .cta-link { font-size: 11px; color: #EF4444; font-weight: 600; }

    /* V8: Black with yellow badge */
    .cta-v8 { background: #111; padding: 16px; position: relative; overflow: hidden; }
    .cta-v8:hover { opacity: .88; }
    .cta-v8 .cta-badge { position: absolute; top: 10px; right: -8px; background: #FFD600; color: #111; font-size: 10px; font-weight: 900; padding: 3px 16px 3px 8px; letter-spacing: .04em; }
    .cta-v8 .cta-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; margin-top: 4px; }
    .cta-v8 .cta-sub { font-size: 11px; color: #888; margin-bottom: 12px; }
    .cta-v8 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }

    /* V9: Link row */
    .cta-v9 { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-radius: 0; padding: 12px 4px; display: flex; align-items: center; justify-content: space-between; }
    .cta-v9:hover { background: #fff5f5; }
    .cta-v9 .cta-title { font-size: 12px; font-weight: 700; color: #111; }
    .cta-v9 .cta-link { font-size: 11px; color: #EF4444; font-weight: 600; }

    /* V10: Timer */
    .cta-v10 { background: #fff; border: 1px solid #ebebeb; padding: 14px; }
    .cta-v10:hover { border-color: #EF4444; }
    .cta-v10 .cta-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: #EF4444; text-transform: uppercase; margin-bottom: 6px; }
    .cta-v10 .cta-timer { display: flex; gap: 4px; margin-bottom: 10px; }
    .cta-v10 .cta-timer-cell { text-align: center; background: #f5f5f5; border-radius: 4px; padding: 4px 6px; flex: 1; }
    .cta-v10 .cta-timer-num { font-size: 16px; font-weight: 700; color: #111; }
    .cta-v10 .cta-timer-lbl { font-size: 9px; color: #aaa; }
    .cta-v10 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }


    /* Scroll up */
    .scroll-up { background: #fff !important; border-color: #e5e5e5 !important; color: #bbb !important; box-shadow: var(--shadow-md) !important; }
    .scroll-up.visible { opacity: 1 !important; pointer-events: all !important; }
    .scroll-up:hover { border-color: var(--accent) !important; color: var(--accent) !important; }

    /* Mobile nav */
    .hamburger span { background: #888 !important; }
    .hamburger.active span { background: var(--accent) !important; }
    .mobile-nav { background: #fff !important; }
    .mobile-nav > a { color: #555 !important; border-color: var(--border) !important; }
    .mobile-nav > a:hover { color: #111 !important; background: #f5f5f5 !important; }
    .mobile-nav-history-head { color: #bbb !important; border-color: var(--border) !important; }
    .mobile-nav-hist-item:hover { background: #f5f5f5 !important; }
    .mobile-nav-hist-thumb { background: #eee !important; }
    .mobile-nav-hist-model { color: var(--accent) !important; }
    .mobile-nav-hist-title { color: #777 !important; }
    .mobile-nav-hist-empty { color: #bbb !important; }
    .mob-section { border-color: var(--border) !important; }
    .mob-section-head { color: #bbb !important; font-family: 'Open Sans', sans-serif !important; }
    .mob-section-head:hover { color: #888 !important; }
    .mob-section-body ul li a { color: #777 !important; border-color: var(--border) !important; }
    .mob-section-body ul li a:hover { color: #111 !important; background: #f5f5f5 !important; }
    .mobile-nav-link { color: #777 !important; border-color: var(--border) !important; }
    .mobile-nav-link:hover { color: #111 !important; background: #f5f5f5 !important; }

    /* Mobile sidebar */
    .sidebar.right { border-color: var(--border) !important; box-shadow: -8px 0 24px rgba(0,0,0,0.1) !important; }
    .sb-right-overlay { background: rgba(0,0,0,0.2) !important; }

    /* Fix dark hardcoded colors */
    .history-drop-list::-webkit-scrollbar-thumb { background: #ddd !important; }

    /* ===== SIDEBAR MOMLOVER STYLE ===== */
    .sidebar { background: #fff !important; border-color: #e0e0e0 !important; overflow-y: auto !important; max-height: calc(100vh - var(--header-h)) !important; }
    .sidebar-inner { padding: 0 !important; width: 100% !important; }
    .sb-section { margin-bottom: 0 !important; border-bottom: 1px solid #ebebeb !important; }
    .sb-title { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #aaa !important; padding: 12px 16px 6px !important; border-bottom: none !important; margin-bottom: 0 !important; }
    .sb-nav { gap: 0 !important; }
    .sb-nav a { padding: 10px 16px !important; font-size: 14px !important; font-weight: 400 !important; color: #212529 !important; border-radius: 0 !important; border-bottom: 1px solid #f2f2f2 !important; background: transparent !important; }
    .sb-nav a:hover { background: #f7f7f7 !important; color: #000 !important; }
    .sb-nav a.active { background: #EF4444 !important; color: #fff !important; font-weight: 600 !important; border-bottom-color: #EF4444 !important; }
    .sb-nav a.active .icon { opacity: 1 !important; stroke: #fff !important; }
    .sb-nav .icon { opacity: 0.3 !important; }
    .sb-nav .count { color: #ccc !important; font-size: 11px !important; }
    .sb-models { padding: 4px 0 !important; }
    .sb-model { border-color: #f0f0f0 !important; padding: 7px 16px !important; }
    .sb-model-rank { color: #ccc !important; }
    .sb-model-name { color: #212529 !important; font-size: 13px !important; }
    .sb-model { cursor: pointer !important; transition: background .12s !important; }
    .sb-model:hover { background: #f7f7f7 !important; color: #000 !important; border-color: transparent !important; }
    .sb-model:hover .sb-model-name { color: #000 !important; font-weight: 600 !important; }
    .sb-model:hover .sb-model-rank { color: #EF4444 !important; }
    .sb-model-cnt { color: #bbb !important; }
    .sb-all-models { color: #888 !important; border-color: #e0e0e0 !important; margin: 8px 12px !important; width: calc(100% - 24px) !important; border-radius: 4px !important; font-size: 12px !important; }
    .sb-all-models:hover { background: #f5f5f5 !important; color: #333 !important; border-color: #ccc !important; }
    .sb-tags { padding: 6px 12px 12px !important; }
    .sb-tags a { background: #f5f5f5 !important; border-color: #e5e5e5 !important; color: #555 !important; }
    .sb-tags a:hover, .sb-tags a.active { border-color: #EF4444 !important; color: #EF4444 !important; background: #fff0f0 !important; }
    .sb-filters { padding: 6px 16px 12px !important; }
    .sb-check { color: #555 !important; }
    .sb-check:hover { color: #111 !important; }
    .sb-empty { color: #bbb !important; padding: 6px 16px !important; }
    .sb-hist-item { padding: 6px 16px !important; color: #777 !important; }
    .sb-hist-item:hover { background: #f5f5f5 !important; color: #333 !important; }
    .sb-hist-thumb { background: #eee !important; }
    .sb-hist-name { color: #555 !important; }
    .sb-banner { background: #fff0f0 !important; border-color: rgba(239,68,68,0.2) !important; margin: 10px !important; }
    .sb-banner p { color: #777 !important; }
    .sb-banner strong { color: #EF4444 !important; }
    .sb-friends li a { color: #555 !important; border-radius: 0 !important; padding: 9px 16px !important; border-bottom: 1px solid #f2f2f2 !important; }
    .sb-friends li a:hover { background: #f7f7f7 !important; color: #111 !important; }
    .gallery-heading { background: #fff !important; border-color: #e5e5e5 !important; }
    .gallery-heading h2, .gallery-heading h1 { color: #111 !important; }
    .gallery-heading h2 span { color: #EF4444 !important; }
    .sidebar.right { background: #fff !important; border-color: #e0e0e0 !important; box-shadow: -4px 0 16px rgba(0,0,0,0.08) !important; }

    /* Footer bottom — crisp text */
    .footer-bottom { border-top: 1px solid #e5e5e5 !important; padding: 20px !important; }
    .footer-nav a { color: #333 !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .05em !important; }
    .footer-nav a:hover { color: #EF4444 !important; }
    .footer-copy { color: #555 !important; font-size: 12px !important; }
    .footer-logo .logo-text-top { color: #111 !important; }
    /* ===== CTA BANNER VARIANTS (cta-v1 ... cta-v10) =====
       Usage: <a href="#" class="cta-banner cta-v1">...</a>
       Inner structure depends on variant — see examples in right sidebar
       Works in any sidebar: left, right, any container
    */

    /* Base container */
    .cta-banner {
      display: block;
      text-decoration: none;
      margin: 0 2px 10px;
      border-radius: 8px;
      transition: opacity .2s, border-color .2s, box-shadow .2s;
      font-family: 'Open Sans', sans-serif;
    }

    /* V1: Red gradient */
    .cta-v1 { background: linear-gradient(135deg, #EF4444, #c0392b); padding: 16px; }
    .cta-v1:hover { opacity: .88; }
    .cta-v1 .cta-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: rgba(255,255,255,.7); text-transform: uppercase; margin-bottom: 6px; }
    .cta-v1 .cta-title { font-size: 16px; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 10px; }
    .cta-v1 .cta-btn { background: #fff; color: #EF4444; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 7px; border-radius: 4px; text-align: center; }

    /* V2: White with red left border */
    .cta-v2 { background: #fff; border: 1px solid #e5e5e5; border-left: 4px solid #EF4444; padding: 14px; }
    .cta-v2:hover { box-shadow: 0 2px 12px rgba(239,68,68,.15); border-color: #EF4444; }
    .cta-v2 .cta-title { font-size: 15px; font-weight: 700; color: #111; margin-bottom: 4px; }
    .cta-v2 .cta-sub { font-size: 12px; color: #888; margin-bottom: 10px; line-height: 1.4; }
    .cta-v2 .cta-link { color: #EF4444; font-size: 12px; font-weight: 700; }

    /* V3: Dark minimal */
    .cta-v3 { background: #111; border: 1px solid #2a2a2a; padding: 16px; }
    .cta-v3:hover { border-color: #EF4444; }
    .cta-v3 .cta-label { font-size: 11px; color: #EF4444; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
    .cta-v3 .cta-title { font-size: 14px; color: #fff; font-weight: 600; line-height: 1.3; margin-bottom: 10px; }
    .cta-v3 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .05em; }

    /* V4: Stats 2 columns + button */
    .cta-v4 { background: #fff; border: 1px solid #ebebeb; padding: 14px; }
    .cta-v4:hover { border-color: #EF4444; }
    .cta-v4 .cta-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
    .cta-v4 .cta-stat { text-align: center; }
    .cta-v4 .cta-stat-num { font-size: 18px; font-weight: 700; color: #EF4444; }
    .cta-v4 .cta-stat-lbl { font-size: 10px; color: #aaa; }
    .cta-v4 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 8px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }

    /* V5: Badge + text */
    .cta-v5 { background: #fff; border: 1px solid #ebebeb; overflow: hidden; padding: 0; }
    .cta-v5:hover { border-color: #EF4444; }
    .cta-v5 .cta-head { background: #EF4444; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; }
    .cta-v5 .cta-head-label { font-size: 11px; font-weight: 700; color: #fff; letter-spacing: .06em; text-transform: uppercase; }
    .cta-v5 .cta-head-pct { font-size: 18px; font-weight: 900; color: #fff; }
    .cta-v5 .cta-body { padding: 12px 14px; }
    .cta-v5 .cta-title { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 4px; }
    .cta-v5 .cta-sub { font-size: 11px; color: #999; margin-bottom: 10px; }
    .cta-v5 .cta-link { color: #EF4444; font-size: 12px; font-weight: 700; }

    /* V6: Heart */
    .cta-v6 { background: #fff5f5; border: 1px solid #ffd5d5; padding: 16px; text-align: center; }
    .cta-v6:hover { border-color: #EF4444; }
    .cta-v6 .cta-icon { font-size: 24px; margin-bottom: 6px; }
    .cta-v6 .cta-title { font-size: 13px; font-weight: 700; color: #111; margin-bottom: 4px; }
    .cta-v6 .cta-sub { font-size: 11px; color: #888; margin-bottom: 10px; }
    .cta-v6 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; letter-spacing: .05em; text-transform: uppercase; }

    /* V7: Horizontal with icon */
    .cta-v7 { background: #fff; border: 1px solid #ebebeb; padding: 12px; display: flex; align-items: center; gap: 10px; }
    .cta-v7:hover { border-color: #EF4444; }
    .cta-v7 .cta-icon-box { width: 36px; height: 36px; background: #EF4444; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .cta-v7 .cta-title { font-size: 12px; font-weight: 700; color: #111; }
    .cta-v7 .cta-link { font-size: 11px; color: #EF4444; font-weight: 600; }

    /* V8: Black with yellow badge */
    .cta-v8 { background: #111; padding: 16px; position: relative; overflow: hidden; }
    .cta-v8:hover { opacity: .88; }
    .cta-v8 .cta-badge { position: absolute; top: 10px; right: -8px; background: #FFD600; color: #111; font-size: 10px; font-weight: 900; padding: 3px 16px 3px 8px; letter-spacing: .04em; }
    .cta-v8 .cta-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; margin-top: 4px; }
    .cta-v8 .cta-sub { font-size: 11px; color: #888; margin-bottom: 12px; }
    .cta-v8 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }

    /* V9: Link row */
    .cta-v9 { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-radius: 0; padding: 12px 4px; display: flex; align-items: center; justify-content: space-between; }
    .cta-v9:hover { background: #fff5f5; }
    .cta-v9 .cta-title { font-size: 12px; font-weight: 700; color: #111; }
    .cta-v9 .cta-link { font-size: 11px; color: #EF4444; font-weight: 600; }

    /* V10: Timer */
    .cta-v10 { background: #fff; border: 1px solid #ebebeb; padding: 14px; }
    .cta-v10:hover { border-color: #EF4444; }
    .cta-v10 .cta-label { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: #EF4444; text-transform: uppercase; margin-bottom: 6px; }
    .cta-v10 .cta-timer { display: flex; gap: 4px; margin-bottom: 10px; }
    .cta-v10 .cta-timer-cell { text-align: center; background: #f5f5f5; border-radius: 4px; padding: 4px 6px; flex: 1; }
    .cta-v10 .cta-timer-num { font-size: 16px; font-weight: 700; color: #111; }
    .cta-v10 .cta-timer-lbl { font-size: 9px; color: #aaa; }
    .cta-v10 .cta-btn { background: #EF4444; color: #fff; font-size: 11px; font-weight: 700; padding: 7px; border-radius: 4px; text-align: center; letter-spacing: .06em; text-transform: uppercase; }


    /* Theme toggle icon */

    /* Mobile: restore original header height */
    @media (max-width: 900px) {
      :root { --header-h: 58px !important; }
      .sb-toggle { width: 36px !important; height: 36px !important; }
      .hicon { width: 36px !important; height: 36px !important; }
      .logo-text-top { font-size: 20px !important; color: #111 !important; display: block !important; }
      .logo-text { display: flex !important; }
      .logo-link { flex: 1; min-width: 0; }
      /* Fixed header on mobile */
      .site-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 300 !important; }
      /* Padding below fixed header */
      body { padding-top: 58px !important; }
      /* Right sidebar — position and scroll fix */
      .sidebar.right {
        top: 58px !important;
        height: calc(100vh - 58px) !important;
        overflow-y: auto !important;
        background: #fff !important;
      }
    }

    /* Join button V5 */
    .btn-join-v5 {
      display: inline-block;
      background: transparent;
      color: #EF4444;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 12px 32px;
      border: 2px solid #EF4444;
      border-radius: 4px;
      text-decoration: none;
      transition: background .2s, color .2s;
    }
    .btn-join-v5:hover {
      background: #EF4444 !important;
      color: #fff !important;
    }

    /* ===== DARK MODE ===== */
    html.dark-mode body { background: #0d0d0d !important; color: #eee !important; }
    html.dark-mode .site-header { background: #111 !important; border-color: #222 !important; }
    html.dark-mode .logo-text-top { color: #fff !important; }
    html.dark-mode .logo-text-top span { color: #EF4444 !important; }
    html.dark-mode .logo-text-bot { color: #888 !important; }
    html.dark-mode .main-nav a:not(.nav-discount) { color: #bbb !important; }
    html.dark-mode .main-nav a:hover { background: #EF4444 !important; color: #fff !important; }
    html.dark-mode .sb-toggle { color: #bbb !important; }
    html.dark-mode .sb-toggle:hover { background: #1e1e1e !important; color: #fff !important; }
    html.dark-mode .hicon { color: #999 !important; }
    html.dark-mode .hicon:hover { background: #1e1e1e !important; color: #fff !important; }
    html.dark-mode .history-close-btn { background: #222 !important; color: #aaa !important; }
    html.dark-mode .history-close-btn:hover { background: #2a2a2a !important; color: #fff !important; }
    html.dark-mode .header-search form { background: #2a2a2a !important; border-color: #444 !important; }
    html.dark-mode .header-search input { color: #fff !important; }
    html.dark-mode .header-search input::placeholder { color: #999 !important; }
    html.dark-mode .header-search-icon { color: #aaa !important; }
    html.dark-mode .header-search-submit { background: #333 !important; border-color: #444 !important; color: #ccc !important; }
    html.dark-mode .sidebar { background: #141414 !important; border-color: #252525 !important; overflow-y: auto !important; max-height: calc(100vh - var(--header-h)) !important; }
    html.dark-mode .sb-title { color: #aaa !important; }
    html.dark-mode .sb-nav a { color: #bbb !important; border-color: #1a1a1a !important; background: transparent !important; }
    html.dark-mode .sb-nav a:hover { background: #1c1c1c !important; color: #fff !important; }
    html.dark-mode .sb-nav a.active { background: #EF4444 !important; color: #fff !important; }
    html.dark-mode .sb-section { border-color: #222 !important; }
    html.dark-mode .sb-model { border-color: #1a1a1a !important; }
    html.dark-mode .sb-model:hover { background: #1e1e1e !important; }
    html.dark-mode .sb-model-name { color: #bbb !important; }
    html.dark-mode .sb-model:hover .sb-model-name { color: #fff !important; }
    html.dark-mode .sb-model-rank { color: #888 !important; }
    html.dark-mode .sb-model-cnt { color: #999 !important; }
    html.dark-mode .sb-tags a { background: #1a1a1a !important; border-color: #333 !important; color: #aaa !important; }
    html.dark-mode .sb-tags a:hover { border-color: #EF4444 !important; color: #EF4444 !important; background: #1a0000 !important; }
    html.dark-mode .sb-all-models { border-color: #333 !important; color: #aaa !important; background: transparent !important; }
    html.dark-mode .sb-all-models:hover { background: #1e1e1e !important; color: #ccc !important; }
    html.dark-mode .sb-friends li a { color: #bbb !important; border-color: #222 !important; }
    html.dark-mode .sb-friends li a:hover { background: #1e1e1e !important; color: #fff !important; }
    html.dark-mode .sb-empty { color: #999 !important; }
    html.dark-mode .sb-hist-item { color: #ccc !important; }
    html.dark-mode .sb-hist-item:hover { background: #1e1e1e !important; color: #eee !important; }
    html.dark-mode .sb-hist-name { color: #ccc !important; }
    html.dark-mode .sb-hist-thumb { background: #2a2a2a !important; }
    html.dark-mode .gallery-heading { background: #111 !important; border-color: #222 !important; }
    html.dark-mode .gallery-heading h2, html.dark-mode .gallery-heading h1 { color: #fff !important; }
    html.dark-mode .intro { border-color: #222 !important; background: #0d0d0d !important; }
    html.dark-mode .intro-title { color: #fff !important; }
    html.dark-mode .intro-sub { color: #999 !important; }
    html.dark-mode .sort-drop-btn { background: #181818 !important; border-color: #252525 !important; color: #bbb !important; }
    html.dark-mode .sort-drop-btn:hover { background: #222 !important; color: #eee !important; }
    html.dark-mode .sort-drop-menu { background: #161616 !important; border-color: #252525 !important; }
    html.dark-mode .sort-opt { color: #999 !important; }
    html.dark-mode .sort-opt:hover { background: #1e1e1e !important; color: #fff !important; }
    html.dark-mode .random-btn { background: transparent !important; border-color: #EF4444 !important; color: #EF4444 !important; }
    html.dark-mode .random-btn:hover { background: #EF4444 !important; color: #fff !important; }
    html.dark-mode .col-toggle-tb { border-color: #333 !important; color: #aaa !important; }
    html.dark-mode .site-desc { background: #111 !important; border-color: #222 !important; }
    html.dark-mode .site-desc p { color: #bbb !important; }
    html.dark-mode .gallery-card-inner { background: #161616 !important; }
    html.dark-mode .link-bar { background: #111 !important; border-color: #222 !important; }
    html.dark-mode .link-bar a { background: #1a1a1a !important; border-color: #252525 !important; color: #bbb !important; }
    html.dark-mode .link-bar a:hover { background: #222 !important; color: #fff !important; border-color: #333 !important; }
    html.dark-mode .pagination a, html.dark-mode .pagination span { border-color: #333 !important; color: #aaa !important; background: #111 !important; }
    html.dark-mode .pagination a:hover { border-color: #EF4444 !important; color: #EF4444 !important; }
    html.dark-mode .site-footer { border-color: #222 !important; }
    html.dark-mode .footer-bottom { border-color: #222 !important; background: #0d0d0d !important; }
    html.dark-mode .footer-nav a { color: #aaa !important; }
    html.dark-mode .footer-nav a:hover { color: #EF4444 !important; }
    html.dark-mode .footer-copy { color: #888 !important; }
    html.dark-mode .footer-logo .logo-text-top { color: #eee !important; }
    html.dark-mode .scroll-up { background: #1a1a1a !important; border-color: #333 !important; color: #888 !important; }
    html.dark-mode .history-drop { background: #161616 !important; border-color: #252525 !important; }
    html.dark-mode .history-drop-head { color: #999 !important; border-color: #252525 !important; }
    html.dark-mode .history-drop-item:hover { background: #1e1e1e !important; }
    html.dark-mode .history-drop-title { color: #eee !important; }
    html.dark-mode .history-drop-empty { color: #888 !important; }
    html.dark-mode .search-drop { background: #161616 !important; border-color: #252525 !important; }
    html.dark-mode .search-drop input { background: #1e1e1e !important; border-color: #252525 !important; color: #fff !important; }
    html.dark-mode .mobile-nav { background: #111 !important; }
    html.dark-mode .mobile-nav > a { color: #bbb !important; border-color: #222 !important; }
    html.dark-mode .mobile-nav > a:hover { background: #1a1a1a !important; color: #fff !important; }
    html.dark-mode .mob-section { border-color: #222 !important; }
    html.dark-mode .mob-section-head { color: #bbb !important; }
    html.dark-mode .mob-section-body ul li a { color: #bbb !important; border-color: #222 !important; }
    html.dark-mode .mob-section-body ul li a:hover { background: #1a1a1a !important; color: #fff !important; }

    /* Dark mode — footer banner V5 */
    html.dark-mode .fb-v5 { background: #111 !important; border-color: #222 !important; }
    html.dark-mode .fb-v5 p { color: #888 !important; }
    html.dark-mode .fb-v5 h2 { color: #eee !important; }
    html.dark-mode .btn-join-v5 { color: #EF4444 !important; border-color: #EF4444 !important; background: transparent !important; }
    html.dark-mode .btn-join-v5:hover { background: #EF4444 !important; color: #fff !important; }
    /* Dark mode — sort dropdown */
    html.dark-mode .sort-drop-btn.open { background: #1a1a1a !important; border-color: #EF4444 !important; color: #EF4444 !important; }
    html.dark-mode .sort-opt.active { background: #1a0000 !important; color: #EF4444 !important; }
    /* Dark mode — nav count */
    html.dark-mode .sb-nav .count { color: #aaa !important; }
    html.dark-mode .sb-nav a.active .count { color: rgba(255,255,255,0.8) !important; }
    /* Dark mode — history drop model */
    html.dark-mode .history-drop-model { color: #EF4444 !important; }
    /* Dark mode — search drop */
    html.dark-mode .search-drop button[type=submit] { background: #EF4444 !important; color: #fff !important; }
    /* Dark mode — mobile nav hist */
    html.dark-mode .mobile-nav-hist-title { color: #ccc !important; }
    html.dark-mode .mobile-nav-hist-empty { color: #888 !important; }

    /* ===== CTA BANNERS — DARK MODE ===== */

    /* V1: gradient — keep as-is, already dark */
    html.dark-mode .cta-v1 { opacity: .9; }

    /* V2: white → dark */
    html.dark-mode .cta-v2 { background: #1a1a1a !important; border-color: #2a2a2a !important; border-left-color: #EF4444 !important; }
    html.dark-mode .cta-v2:hover { box-shadow: 0 2px 12px rgba(239,68,68,.2) !important; border-color: #EF4444 !important; }
    html.dark-mode .cta-v2 .cta-title { color: #eee !important; }
    html.dark-mode .cta-v2 .cta-sub { color: #888 !important; }

    /* V3: already dark — slightly lighter border */
    html.dark-mode .cta-v3 { border-color: #333 !important; }

    /* V4: white → dark */
    html.dark-mode .cta-v4 { background: #1a1a1a !important; border-color: #2a2a2a !important; }
    html.dark-mode .cta-v4:hover { border-color: #EF4444 !important; }
    html.dark-mode .cta-v4 .cta-stat-lbl { color: #777 !important; }

    /* V5: white → dark */
    html.dark-mode .cta-v5 { background: #1a1a1a !important; border-color: #2a2a2a !important; }
    html.dark-mode .cta-v5:hover { border-color: #EF4444 !important; }
    html.dark-mode .cta-v5 .cta-title { color: #eee !important; }
    html.dark-mode .cta-v5 .cta-sub { color: #888 !important; }

    /* V6: pinkish → dark */
    html.dark-mode .cta-v6 { background: #1a0a0a !important; border-color: #3a1515 !important; }
    html.dark-mode .cta-v6:hover { border-color: #EF4444 !important; }
    html.dark-mode .cta-v6 .cta-title { color: #eee !important; }
    html.dark-mode .cta-v6 .cta-sub { color: #888 !important; }

    /* V7: white → dark */
    html.dark-mode .cta-v7 { background: #1a1a1a !important; border-color: #2a2a2a !important; }
    html.dark-mode .cta-v7:hover { border-color: #EF4444 !important; }
    html.dark-mode .cta-v7 .cta-title { color: #eee !important; }

    /* V8: already dark — no changes */

    /* V9: white borders → dark */
    html.dark-mode .cta-v9 { border-color: #2a2a2a !important; }
    html.dark-mode .cta-v9:hover { background: #1a0a0a !important; }
    html.dark-mode .cta-v9 .cta-title { color: #eee !important; }

    /* V10: white → dark */
    html.dark-mode .cta-v10 { background: #1a1a1a !important; border-color: #2a2a2a !important; }
    html.dark-mode .cta-v10:hover { border-color: #EF4444 !important; }
    html.dark-mode .cta-v10 .cta-timer-cell { background: #242424 !important; }
    html.dark-mode .cta-v10 .cta-timer-num { color: #eee !important; }
    html.dark-mode .cta-v10 .cta-timer-lbl { color: #777 !important; }
    html.dark-mode a { color: inherit !important; }
    html.dark-mode a:hover { color: #888; }
    html.dark-mode .gallery-heading h2 span, html.dark-mode .gallery-heading h1 span { color: #EF4444 !important; }

    /* ── Force white text on red buttons in light mode ── */
    html:not(.dark-mode) .rev-cta-btn,
    html:not(.dark-mode) .rev-cta-btn:hover,
    html:not(.dark-mode) .model-more-btn,
    html:not(.dark-mode) .model-more-btn:hover,
    html:not(.dark-mode) .btn-join,
    html:not(.dark-mode) .btn-join:hover,
    html:not(.dark-mode) .btn-join-v5,
    html:not(.dark-mode) a.rev-cta-btn,
    html:not(.dark-mode) a.model-more-btn,
    html:not(.dark-mode) a.btn-join { color: #fff !important; }

    /* ── btn-join-v5 fix light mode ── */
    html:not(.dark-mode) .btn-join-v5 {
      color: #EF4444 !important;
      background: transparent !important;
      border-color: #EF4444 !important;
    }
    html:not(.dark-mode) .btn-join-v5:hover {
      background: #EF4444 !important;
      color: #fff !important;
    }
  
html.dark-mode .nav-discount,
html.dark-mode .nav-discount:hover {
  color: #fff !important;
}
html.dark-mode .nav-discount svg {
  stroke: #fff !important;
  fill: none !important;
}
html.dark-mode .nav-discount svg circle[fill="currentColor"],
html.dark-mode .nav-discount svg path[fill="currentColor"] {
  fill: #fff !important;
}

/* ── 50% Discount button ── */
.nav-discount,
.nav-discount:link,
.nav-discount:visited,
.nav-discount:hover,
html.dark-mode .nav-discount,
html.dark-mode .nav-discount:hover,
html:not(.dark-mode) .nav-discount,
html:not(.dark-mode) .nav-discount:hover {
  background: var(--red) !important;
  color: #ffffff !important;
  border: none !important;
  position: relative !important;
  overflow: visible !important;
}
.nav-discount svg,
html.dark-mode .nav-discount svg,
html:not(.dark-mode) .nav-discount svg {
  opacity: 1 !important;
  stroke: #ffffff !important;
}
.nav-discount::before,
.nav-discount::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border: 1.5px solid var(--red);
  opacity: 0;
  pointer-events: none;
  animation: ripple-out 2s ease-out infinite;
}
.nav-discount::after { animation-delay: 1s; }
@keyframes ripple-out {
  0%   { inset: 0px;  opacity: 0.75; }
  100% { inset: -9px; opacity: 0; border-radius: 12px; }
}
/* Mobile */
html.dark-mode .main-nav a.nav-discount,
html.dark-mode .mobile-nav-link.mobile-discount,
.mobile-nav-link.mobile-discount {
  color: #fff !important;
  font-weight: 700 !important;
  background: rgba(242,46,75,0.08) !important;
  border-left: 3px solid var(--red) !important;
}

/* Mobile discount - dark mode bright */
html.dark-mode .mobile-nav-link.mobile-discount {
  color: #ff2d55 !important;
  background: rgba(255,45,85,0.12) !important;
  border-left: 3px solid #ff2d55 !important;
  font-weight: 700 !important;
}
html:not(.dark-mode) .mobile-nav-link.mobile-discount {
  color: #EF4444 !important;
  background: rgba(239,68,68,0.08) !important;
  border-left: 3px solid #EF4444 !important;
  font-weight: 700 !important;
}

/* ── header-search adaptive shrink ── */
@media (max-width:1400px) { .header-search { max-width:240px; } }
@media (max-width:1280px) { .header-search { max-width:180px; } }
@media (max-width:1150px) { .header-search { max-width:180px; } }
@media (max-width:1060px) { .header-search { max-width:180px; } }