/* Общая светлая основа для тем pop / tabloid / sidebar (body.light-ui). Подключается поверх frame.css,
   цвета и шрифты задаёт файл темы через переменные:
   --bg --surface --surface-2 --line --text --muted --accent --accent-2 --on-accent --r (скругление) --font --display */
.light-ui{color-scheme:light;--bg:#f6f6f6;--surface:#fff;--surface-2:#efefef;--line:#e2e2e2;--text:#1a1a1a;--muted:#777;--accent:#e0245e;--accent-2:#b81a4b;--on-accent:#fff;--r:10px;--font:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--display:var(--font)}
.light-ui{font-family:var(--font);background:var(--bg);color:var(--text)}
.light-ui ::selection{background:var(--accent);color:var(--on-accent)}
.light-ui a:focus-visible,.light-ui button:focus-visible,.light-ui input:focus-visible,.light-ui summary:focus-visible{outline-color:var(--accent)}
.light-ui h1,.light-ui h2{font-family:var(--display)}

/* шапка */
.light-ui .topbar{background:var(--surface);border-bottom:1px solid var(--line)}
.light-ui .brand{font-family:var(--display);color:var(--text)}
.light-ui .brand span{color:var(--accent)}
.light-ui .brand i{background:var(--accent)}
.light-ui .brand:hover span{color:var(--accent-2)}
.light-ui .nav{color:var(--muted)}
.light-ui .nav a:hover,.light-ui .nav summary:hover,.light-ui .nav a[aria-current]{color:var(--text)}
.light-ui .channel-menu{background:var(--surface);border-color:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.light-ui .channel-menu a{color:var(--text)}
.light-ui .channel-menu a:hover{background:var(--surface-2);color:var(--text)}
.light-ui .channel-menu a:first-child{color:var(--accent);border-bottom-color:var(--line)}
.light-ui .search input{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.light-ui .search button{border-color:var(--line);background:var(--surface-2);color:var(--muted)}
.light-ui .search input:focus{outline:none;border-color:var(--accent)}
.light-ui .search button:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

/* заголовки списков, сортировка, теги */
.light-ui .eyebrow{color:var(--accent)}
.light-ui .muted,.light-ui .intro-copy,.light-ui .gallery-summary,.light-ui .gallery-count,.light-ui .sort-count,.light-ui .sort{color:var(--muted)}
.light-ui .sort-links{border-color:var(--line);background:var(--surface)}
.light-ui .sort-links a{color:var(--muted)}
.light-ui .sort-links a:hover{background:var(--surface-2);color:var(--text)}
.light-ui .sort-links a[aria-current]{background:var(--text);color:var(--surface);box-shadow:none}
.light-ui .browse-strip span{color:var(--muted)}
.light-ui .browse-strip a,.light-ui .tag-cloud a,.light-ui .tags a{border-color:var(--line);background:var(--surface);color:var(--text)}
.light-ui .browse-strip a:hover,.light-ui .browse-strip a[aria-current],.light-ui .tag-cloud a:hover,.light-ui .tags a:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.light-ui .browse-strip em{margin-left:7px;font-style:normal;font-size:11px;color:var(--accent)}
.light-ui .browse-strip a:hover em{color:inherit}
.light-ui .tag-cloud span{color:var(--accent)}
.light-ui .tag-cloud a:hover span{color:inherit}
.light-ui .sec-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 16px}
.light-ui .sec-head h2,.light-ui .sec-title{margin:0;font-size:clamp(22px,2vw,30px);font-weight:700;letter-spacing:-.02em}
.light-ui .sec-head .sortbar{flex-direction:row;align-items:center;gap:10px}

/* карточки: картинка, под ней название + модель + число фото */
.light-ui .frame{background:var(--surface-2);border-radius:var(--r)}
.light-ui .card a{position:relative;display:block}
.light-ui .card-body{display:block;padding:9px 2px 0}
.light-ui .card-body .caption{margin:0;color:var(--text);font-weight:600;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.light-ui .card a:hover .caption{color:var(--accent)}
.light-ui .card-line{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--muted);min-width:0}
.light-ui .cl-model{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.light-ui .cl-count{flex:none;color:var(--accent);font-weight:600}
.light-ui .card-new{position:absolute;z-index:2;top:10px;left:10px;padding:3px 9px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.light-ui .card-sticker{position:absolute;z-index:3;top:10px;right:10px;padding:3px 9px;background:var(--text);color:var(--surface);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.light-ui .card a>.caption{color:var(--text);font-weight:600}
.light-ui .card a>.caption .unit{display:inline}
.light-ui .ad-space{border-color:var(--line);background:var(--surface);color:var(--muted);border-radius:var(--r)}
.light-ui .ad-space strong{color:var(--text)}

/* страница галереи */
.light-ui .breadcrumb{color:var(--muted)}
.light-ui .breadcrumb a:hover{color:var(--accent)}
.light-ui .breadcrumb span{color:var(--line)}
.light-ui .breadcrumb span[aria-current]{color:var(--muted)}
.light-ui .gallery-tabs-wrap{background:color-mix(in srgb,var(--bg) 92%,transparent);border-color:var(--line)}
.light-ui .gallery-tabs a{color:var(--muted)}
.light-ui .gallery-tabs a:hover,.light-ui .gallery-tabs a.active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.light-ui .gallery-tabs .tab-count{color:var(--accent)}
.light-ui .photo a,.light-ui .thumb{background:var(--surface-2)}
.light-ui .slideshow-trigger{border-color:transparent;background:var(--accent);color:var(--on-accent)}
.light-ui .slideshow-trigger:hover{background:var(--accent-2)}
.light-ui .details-wrap,.light-ui .comments,.light-ui .related{border-top-color:var(--line)}
.light-ui .panel{border-color:var(--line);background:var(--surface);border-radius:var(--r)}
.light-ui .related-head a{color:var(--accent);font-weight:600}
.light-ui .description{color:#444}
.light-ui .facts div{border-top-color:var(--line)}
.light-ui .facts dt{color:var(--muted)}
.light-ui .facts dd{color:var(--text)}
.light-ui .facts dd a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.light-ui .facts dd a:hover{color:var(--accent-2);text-decoration-color:currentColor}
.light-ui .tags-title,.light-ui .rating-count,.light-ui .rating-form legend,.light-ui .sponsor-copy,.light-ui .action-status{color:var(--muted)}
.light-ui .star-choice label{color:#cfcfcf}
.light-ui .rating-stars,.light-ui .star-choice label:hover,.light-ui .star-choice label:hover~label,.light-ui .star-choice input:checked~label{color:var(--accent)}
.light-ui .sponsor-label{color:var(--accent)}
.light-ui .rate-button,.light-ui .sponsor-link,.light-ui .wide-ad .ad-cta,.light-ui .comment-form button,.light-ui .contact-send{border:0;border-radius:calc(var(--r)*.6);background:var(--accent);color:var(--on-accent);font-weight:700}
.light-ui .rate-button:hover,.light-ui .sponsor-link:hover,.light-ui .sponsor-banner .ad-cta:hover,.light-ui .comment-form button:hover,.light-ui .contact-send:hover{background:var(--accent-2);color:var(--on-accent);filter:none}
.light-ui .action-button,.light-ui .comments-more{border-color:var(--line);background:var(--surface);color:var(--text);border-radius:calc(var(--r)*.6)}
.light-ui .action-button:hover,.light-ui .action-button[aria-pressed="true"],.light-ui .comments-more:hover{border-color:var(--accent);background:var(--surface);color:var(--accent)}
.light-ui .pager-link{border-color:var(--line);background:var(--surface);border-radius:var(--r)}
.light-ui .pager-link small{color:var(--accent)}
.light-ui .pager-link strong{color:var(--text)}
.light-ui .pager-link:hover{border-color:var(--accent);background:var(--surface)}
.light-ui .wide-ad{border-color:var(--line);background:var(--surface);border-radius:var(--r)}
.light-ui .wide-ad small{color:var(--muted)}
.light-ui .wide-ad span{color:#666}
.light-ui .comment-compose,.light-ui .comment{border-color:var(--line);background:var(--surface)}
.light-ui .comment-compose summary,.light-ui .comment-meta strong{color:var(--text)}
.light-ui .comment p{color:#444}
.light-ui .comment-tools button,.light-ui .comment-meta,.light-ui .comments-head span{color:var(--muted)}
.light-ui .comment-tools button:hover{color:var(--accent)}
.light-ui .comment-form input,.light-ui .comment-form textarea,.light-ui .contact-form input,.light-ui .contact-form select,.light-ui .contact-form textarea,.light-ui .report-dialog textarea{border-color:var(--line);background:#fff;color:#111}
.light-ui .report-dialog{border-color:var(--line);background:#fff;color:#111}
.light-ui .report-dialog p{color:#555}
.light-ui .report-actions button{border-color:var(--line);background:var(--surface-2);color:#111}
.light-ui .contact-form{border-color:var(--line);background:var(--surface)}
.light-ui .contact-form label{color:#333}
.light-ui .contact-ok,.light-ui .flash{border-color:#9bd3a6;background:#effaf1;color:#1d5c2a}
.light-ui .contact-err,.light-ui .flash-error{border-color:#f0b4b4;background:#fdf0f0;color:#8a1c1c}
.light-ui .prose a{color:var(--accent)}
.light-ui .prose p,.light-ui .prose li{color:#333}
.light-ui .about,.light-ui .partners{border-top-color:var(--line)}
.light-ui .about p,.light-ui .partners ul{color:#555}
.light-ui .partners h2{color:var(--text)}
.light-ui .directory-links a{border-color:var(--line);background:var(--surface);border-radius:var(--r)}
.light-ui .directory-links strong{color:var(--text)}
.light-ui .directory-links span{color:var(--muted)}
.light-ui .directory-links a:hover{border-color:var(--accent);background:var(--surface)}
.light-ui .pagination a,.light-ui .pagination span{border-color:var(--line);background:var(--surface);color:var(--text);border-radius:calc(var(--r)*.6)}
.light-ui .pagination span:not([aria-current]){background:transparent}
.light-ui .pagination a:hover{border-color:var(--accent);background:var(--surface);color:var(--accent)}
.light-ui .pagination [aria-current]{border-color:var(--accent)!important;background:var(--accent)!important;color:var(--on-accent)!important;font-weight:700}
.light-ui .footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted)}
.light-ui .footer nav a{color:var(--text);font-weight:600}
.light-ui .footer a:hover{color:var(--accent)}
.light-ui .back-top{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:0 6px 20px rgba(0,0,0,.12)}

/* мобильные */
@media(max-width:760px){
.light-ui .nav{border-top-color:var(--line)}
.light-ui .nav>a,.light-ui .nav-dropdown summary{border-bottom-color:var(--line)}
.light-ui .channel-menu{background:var(--surface-2);box-shadow:none}
.light-ui .menu-toggle,.light-ui .mobile-search summary{border-color:var(--line);color:var(--text)}
.light-ui .menu-open .menu-toggle,.light-ui .mobile-search[open] summary{border-color:var(--accent);background:var(--surface-2);color:var(--accent)}
.light-ui .mobile-search form{border-color:var(--line);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.light-ui .mobile-search input{color:var(--text)}
.light-ui .mobile-search button{border-left-color:var(--line);background:var(--accent);color:var(--on-accent)}
.light-ui .details-wrap{background:var(--surface);border-color:var(--line)}
.light-ui .facts div{border-bottom-color:var(--line)}
.light-ui .sec-head{flex-wrap:wrap;margin-top:24px}
.light-ui .card-body .caption{font-size:13px}
.light-ui .card-line{font-size:11px}
}
@media(max-width:480px){.light-ui .cl-model{display:none}}