/* Тема SIDEBAR: тёмная колонка слева (логотип, поиск, меню, популярные теги и топ-модели со счётчиками),
   справа — тёплый серый фон, белые карточки, коралловый акцент. На главной — мозаика: 1 большая + 6.
   Ниже 1000px колонка превращается в обычную тёмную шапку. Подключается поверх frame.css + theme-light.css. */
.theme-sidebar{--bg:#eeeae6;--surface:#fff;--surface-2:#e4ded8;--line:#ddd5cd;--text:#1d1b1a;--muted:#8a817a;--accent:#ff6b4a;--accent-2:#e8522f;--on-accent:#fff;--r:14px;--side:270px;--dark:#1d1b1a;--dark-2:#2c2927;--dark-text:#d9d2cc;--dark-muted:#7c736c;
  --font:'Plus Jakarta Sans',Poppins,system-ui,sans-serif;--display:'Plus Jakarta Sans','TeX Gyre Adventor',Poppins,system-ui,sans-serif}

/* шапка = тёмная (и колонка, и мобильная полоса) */
.theme-sidebar .topbar{background:var(--dark);border-bottom:0;color:var(--dark-text)}
.theme-sidebar .brand{font-weight:800;font-size:25px;letter-spacing:-.03em;color:#fff}
.theme-sidebar .brand i{display:none}
.theme-sidebar .nav{color:var(--dark-text);font-weight:500}
.theme-sidebar .nav a:hover,.theme-sidebar .nav summary:hover,.theme-sidebar .nav a[aria-current]{color:#fff}
.theme-sidebar .channel-menu{background:var(--dark-2);border-color:#3a3633;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.theme-sidebar .channel-menu a{color:var(--dark-text)}
.theme-sidebar .channel-menu a:hover{background:#3a3633;color:#fff}
.theme-sidebar .channel-menu a:first-child{color:var(--accent);border-bottom-color:#3a3633}
.theme-sidebar .search input{border:0;border-radius:10px 0 0 10px;background:var(--dark-2);color:#fff;padding-left:14px}
.theme-sidebar .search button{border:0;border-radius:0 10px 10px 0;background:var(--dark-2);color:var(--dark-muted)}
.theme-sidebar .search input::placeholder{color:var(--dark-muted)}
.theme-sidebar .side-extra{display:none}

/* ---- широкий экран: шапка становится колонкой слева ---- */
@media(min-width:1001px){
.theme-sidebar{padding-left:var(--side)}
.theme-sidebar .topbar{position:fixed;z-index:10;left:0;top:0;bottom:0;width:var(--side);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3633 transparent}
.theme-sidebar .top-inner{max-width:none;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:28px 22px 30px}
.theme-sidebar .brand{order:1;display:block;white-space:normal;line-height:1.05;padding:0 4px}
.theme-sidebar .search{order:2;width:auto;height:42px;margin:22px 0 16px}
.theme-sidebar .nav{order:3;flex-direction:column;gap:2px;font-size:15px}
.theme-sidebar .nav>a,.theme-sidebar .nav-dropdown summary{display:flex;min-height:42px;padding:0 14px;border-radius:10px}
.theme-sidebar .nav-dropdown summary{justify-content:space-between}
.theme-sidebar .nav>a:hover,.theme-sidebar .nav-dropdown summary:hover{background:var(--dark-2)}
.theme-sidebar .nav>a[aria-current]{background:var(--accent);color:#fff}
.theme-sidebar .channel-menu{position:static;width:auto;margin:4px 0 6px;box-shadow:none;background:transparent;border:0;padding:0 0 0 10px}
.theme-sidebar .channel-menu a{min-height:34px;font-size:14px}
.theme-sidebar .channel-menu a:first-child{border-bottom:0;margin:0}
.theme-sidebar .side-extra{order:4;display:block}
.theme-sidebar .side-title{margin:26px 14px 8px;color:var(--dark-muted);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.theme-sidebar .side-list{margin:0;padding:0;list-style:none}
.theme-sidebar .side-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:0 14px;border-radius:8px;font-size:14px;color:var(--dark-text)}
.theme-sidebar .side-list a:hover{background:var(--dark-2);color:#fff}
.theme-sidebar .side-list span{color:var(--dark-muted);font-size:12px;font-variant-numeric:tabular-nums}
.theme-sidebar .side-list a:hover span{color:var(--accent)}
.theme-sidebar .shell{padding-inline:clamp(20px,2.4vw,40px)}
.theme-sidebar .back-top{right:22px}
}

/* заголовки, сортировка */
.theme-sidebar .intro{margin:30px 0 22px}
.theme-sidebar .intro h1,.theme-sidebar .gallery-head h1{font-weight:800;letter-spacing:-.03em}
.theme-sidebar .intro h1{font-size:clamp(28px,2.4vw,40px)}
.theme-sidebar .eyebrow{letter-spacing:.12em}
.theme-sidebar .sort-links{border:0;border-radius:12px;background:#fff;padding:4px}
.theme-sidebar .sort-links a{border-radius:9px;font-weight:500}
.theme-sidebar .sort-links a[aria-current]{background:var(--dark);color:#fff}
.theme-sidebar .sec-head{align-items:center;margin:36px 0 16px}
.theme-sidebar .sec-head::after{content:"";flex:1;height:1px;background:var(--line);order:1}
.theme-sidebar .sec-head h2{font-size:22px;font-weight:800}
.theme-sidebar .browse-strip a,.theme-sidebar .tag-cloud a,.theme-sidebar .tags a{border:0;border-radius:99px;font-weight:500}

/* карточки: белые, скруглённые, подпись внутри */
.theme-sidebar .grid,.theme-sidebar .related-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.theme-sidebar .card a{height:100%;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:box-shadow .2s ease,transform .2s ease}
@media(hover:hover){.theme-sidebar .card a:hover{box-shadow:0 12px 28px rgba(60,40,30,.16);transform:translateY(-2px)}}
.theme-sidebar .frame{border-radius:0}
.theme-sidebar .card-body{padding:10px 12px 12px}
.theme-sidebar .card-body .caption{font-size:14px;line-height:1.35;min-height:2.7em}
.theme-sidebar .mosaic .card:first-child .caption{min-height:0}
.theme-sidebar .card-line{justify-content:space-between;margin-top:3px}
.theme-sidebar .card a>.caption{margin:0;padding:10px 12px 12px}
.theme-sidebar .card-new{top:12px;left:12px}

/* мозаика на главной: 1 большая (2×2) + маленькие */
.theme-sidebar .mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}
.theme-sidebar .mosaic .card:first-child{grid-column:span 2;grid-row:span 2}
.theme-sidebar .mosaic .card:first-child a{display:flex;flex-direction:column}
.theme-sidebar .mosaic .card:first-child .frame{position:relative;flex:1 1 0;min-height:0;aspect-ratio:auto}
.theme-sidebar .mosaic .card:first-child picture{position:absolute;inset:0}
.theme-sidebar .mosaic .card:first-child .card-body{padding:14px 16px 16px}
.theme-sidebar .mosaic .card:first-child .caption{font-size:clamp(17px,1.3vw,22px)}
.theme-sidebar .mosaic .card:nth-child(n+6){display:none}
@media(min-width:1400px){
.theme-sidebar .mosaic{grid-template-columns:repeat(5,minmax(0,1fr))}
.theme-sidebar .mosaic .card:nth-child(n+6){display:block}
.theme-sidebar .after-mosaic>.card:nth-child(-n+2){display:none}
}

/* страница галереи */
.theme-sidebar .photo a{border-radius:10px}
.theme-sidebar .slideshow-trigger{border-radius:10px}
.theme-sidebar .panel{border:0;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.theme-sidebar .gallery-tabs a{border-radius:9px}
.theme-sidebar .footer{background:var(--dark);border-top:0;color:var(--dark-muted)}
.theme-sidebar .footer nav a{color:var(--dark-text)}
.theme-sidebar .footer a:hover{color:var(--accent)}

/* ---- узкий экран: обычная тёмная шапка ---- */
@media(max-width:1000px){
.theme-sidebar .top-inner{min-height:64px;gap:24px}
.theme-sidebar .brand{font-size:22px}
.theme-sidebar .nav{gap:22px}
}
@media(max-width:760px){
.theme-sidebar .nav{background:var(--dark);border-top-color:#3a3633}
.theme-sidebar .nav>a,.theme-sidebar .nav-dropdown summary{border-bottom-color:#2c2927}
.theme-sidebar .nav>a[aria-current]{color:var(--accent)}
.theme-sidebar .channel-menu{background:var(--dark-2)}
.theme-sidebar .menu-toggle,.theme-sidebar .mobile-search summary{border:0;color:#fff}
.theme-sidebar .menu-open .menu-toggle,.theme-sidebar .mobile-search[open] summary{background:var(--dark-2);color:var(--accent)}
.theme-sidebar .brand{font-size:20px}
.theme-sidebar .intro h1{font-size:26px}
.theme-sidebar .grid,.theme-sidebar .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-sidebar .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-sidebar .mosaic .card:first-child{grid-row:auto}
.theme-sidebar .mosaic .card:first-child .frame{flex:none;aspect-ratio:3/4}
.theme-sidebar .mosaic .card:first-child .caption{font-size:17px}
.theme-sidebar .card-body{padding:8px 10px 10px}
.theme-sidebar .card-body .caption{font-size:12.5px}
.theme-sidebar .sec-head{margin-top:26px}
}