/* GLASS — матовое стекло: фон — сильно размытая обложка новой галереи (.gl-bg в layout), шапка и карточки
   полупрозрачные со стеклянным размытием, крупные фото 3 в ряд. Поверх theme-amber.css. */
:root{--bg:#2a1c24;--surface:rgba(255,255,255,.1);--surface-2:rgba(255,255,255,.14);--line:rgba(255,255,255,.18);--text:#fff;--muted:rgba(255,255,255,.66);--accent:#ffd1e3;--accent-2:#ff9cc4;--ab-ink:#2a1c24;
--t2:rgba(255,255,255,.9);--t3:rgba(255,255,255,.78);--t4:rgba(255,255,255,.75);--t5:rgba(255,255,255,.85);--t6:#fff;--ph:rgba(255,255,255,.4);--hi:#fff;--acc-h:#ffd1e3;--acc-b:#ffd1e3;--hdr:rgba(255,255,255,.08);--foot:rgba(0,0,0,.25);--sugg:#3a2832;
--acc-a12:rgba(255,209,227,.12);--acc-a13:rgba(255,209,227,.13);--acc-a15:rgba(255,209,227,.15);--acc-a45:rgba(255,209,227,.45);--acc2-a04:rgba(255,209,227,.04);
--glass:rgba(255,255,255,.12);--glass-b:rgba(255,255,255,.22);--i-card:rgba(255,255,255,.1);--i-chip:rgba(255,255,255,.12);
--font:'Poppins',system-ui,-apple-system,Segoe UI,Arial,sans-serif;--display:'Poppins',system-ui,sans-serif}
html{background:var(--bg)}
body{color-scheme:dark;background:transparent;color:var(--text);font-family:var(--font);overflow-x:clip;position:relative}
.gl-bg{position:fixed;inset:-80px;z-index:-1;background:#2a1c24 center/cover no-repeat;filter:blur(60px) saturate(1.3);opacity:.85;pointer-events:none}
.gl-bg::after{content:'';position:absolute;inset:0;background:rgba(30,16,24,.25)}
.theme-glass{--sh:clamp(12px,2.4vw,40px)}
.theme-glass .shell,.theme-glass main.shell{max-width:1500px;padding-inline:var(--sh)}
@media(max-width:600px){.theme-glass{--sh:10px}}
h1,h2,h3{font-family:var(--font);font-style:normal;font-weight:600;letter-spacing:-.01em;text-transform:none}
a{color:inherit}
/* ---- шапка: матовое стекло ---- */
.topbar{position:sticky;top:0;z-index:40;background:var(--hdr);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:0;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none;color:var(--text)}
.top-inner{min-height:74px;gap:22px}
/* логотип B4 «переключатель»: белая таблетка «FTV» внутри стеклянной; brand_logo = FTV|girls pics */
.brand.sk-logo{flex:none;max-width:none;display:inline-flex;align-items:center;gap:0;padding:5px;border-radius:40px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 18px rgba(0,0,0,.12);font:800 23px/1 var(--font);letter-spacing:-.005em;color:#fff;text-transform:none;white-space:nowrap;transition:background .2s}
.brand.sk-logo:hover{background:rgba(255,255,255,.22)}
.brand.sk-logo span{color:inherit;background:none;margin:0;padding:0;font:inherit}
.brand.sk-logo span.sk-a{padding:8px 19px;border-radius:40px;background:#fff;color:#2a1c24;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.brand.sk-logo span.sk-b{padding:0 18px 0 16px;color:#fff;font-weight:700;word-spacing:.12em}
.brand.sk-logo span.sk-b:empty{display:none}
.footer .brand.sk-logo{font-size:23px}
.brand.sk-logo .sk-dot{display:none}
.search{height:40px;border:0;border-radius:30px;background:rgba(255,255,255,.12)}
.search input{color:#fff;font-size:13.5px}.search input::placeholder{color:rgba(255,255,255,.6)}.search button{border-left:0!important;color:rgba(255,255,255,.7)}
.age-badge{border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.75);border-radius:30px;background:rgba(255,255,255,.08)}
@media(min-width:761px){
.top-inner>.brand{order:1}.top-inner>.nav{order:2}.top-inner>.desktop-search{order:3;margin-left:auto;width:min(300px,24vw)}.top-inner>.age-badge{order:4}
.nav{gap:2px}.nav a,.nav summary{padding:8px 12px;border-radius:30px;color:rgba(255,255,255,.75);font:500 14px var(--font);background:none!important;white-space:nowrap}
.nav a:hover{color:#fff;background:rgba(255,255,255,.1)!important}.nav a[aria-current]{color:#fff;font-weight:600;background:rgba(255,255,255,.14)!important}
}
@media(max-width:760px){
.top-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:0}.brand.sk-logo{font-size:18px;margin-block:9px;min-width:0;padding:4px}.brand.sk-logo span.sk-a{padding:7px 14px}.brand.sk-logo span.sk-b{padding:0 13px 0 11px}.footer .brand.sk-logo{font-size:20px}
.top-inner>.brand{order:1;flex:0 1 auto}.top-inner>.mobile-search{order:3;margin-left:auto}.top-inner>.menu-toggle{order:4;margin-left:0}.top-inner>.nav{order:10;flex:0 0 100%}.top-inner>.age-badge{display:none}
.mobile-search summary,.menu-toggle{border-color:rgba(255,255,255,.25)!important;color:#fff;background:rgba(255,255,255,.1)!important;border-radius:30px!important}
.menu-toggle span{background:#fff}.mobile-search summary svg{stroke:#fff}
.mobile-search form{box-shadow:0 10px 30px rgba(0,0,0,.35);background:var(--sugg)}.mobile-search input{background:rgba(255,255,255,.12);color:#fff;border:1px solid var(--line);border-radius:30px}
.mobile-search button{background:var(--accent)!important;color:var(--ab-ink)!important;border:0;border-radius:30px}
.nav{background:rgba(42,28,36,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:0 calc(-1 * var(--sh));padding:4px 14px 10px}
.nav>a,.nav-dropdown summary{color:#fff;font:500 15px var(--font);border-bottom-color:var(--line)}
}
.nav-dropdown .dd,.nav-dropdown>div{background:var(--sugg)!important}
.breadcrumb{color:var(--muted);font-size:12.5px}.breadcrumb a{color:var(--t3)}
/* ---- H1 + сортировка ---- */
.gl-h1{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:28px 0 24px}
.gl-h1 h1{flex:1 1 auto;min-width:0}
.gl-h1 h1{margin:0;font:600 clamp(22px,2.2vw,32px)/1.2 var(--font);text-shadow:0 2px 20px rgba(0,0,0,.3)}.gl-h1 h1 small{color:var(--muted);font-size:.6em}
.gl-h1 p{margin:6px 0 0;color:rgba(255,255,255,.75);font-size:14px}
.gl-h1 .sortbar{margin:0 0 0 auto}
.sort-links{padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);gap:2px}
.sort-links a{padding:7px 15px;border-radius:30px;background:transparent!important;color:rgba(255,255,255,.8);font:500 13px var(--font)}
.sort-links a:hover{color:#fff}
.sort-links a[aria-current]{background:#fff!important;color:var(--ab-ink)}
.sort-count{color:var(--muted)}.gl-h1 .sort-count{display:none}
/* ---- текст под H1 + «истории» моделей ---- */
.gl-h1:has(+.gl-lead){margin-bottom:10px}
.gl-lead{max-width:820px;margin:0 0 22px;color:rgba(255,255,255,.84);font-size:15px;line-height:1.65}
.gl-lead a{color:var(--accent);font-weight:500}.gl-lead a:hover{color:#fff;text-decoration:underline}
.gl-st{display:flex;gap:18px;margin:0 0 26px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.gl-st::-webkit-scrollbar{display:none}
.gl-st a{flex:none;width:96px;text-align:center;scroll-snap-align:start}
.gl-st i{display:block;width:88px;height:88px;margin:0 auto 7px;padding:3px;border-radius:50%!important;background:conic-gradient(#ffd1e3,#ff7aa8,#ffb38a,#ffd1e3);transition:transform .25s}
.gl-st img{display:block;width:100%;height:100%;border-radius:50%!important;border:3px solid rgba(58,34,40,.92);object-fit:cover;object-position:50% 20%;background:rgba(255,255,255,.1)}
.gl-st a:hover i{transform:scale(1.06)}
.gl-st span{display:block;color:#fff;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl-st small{display:block;color:rgba(255,255,255,.6);font-size:11px}
.gl-st a:hover span{color:var(--accent)}
.gl-st .gl-st-all i{display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:26px;font-style:normal}
@media(max-width:760px){.gl-lead{font-size:13.5px;margin-bottom:16px}.gl-st{gap:10px;margin:0 -10px 18px;padding:2px 10px 6px}.gl-st a{width:70px}.gl-st i{width:66px;height:66px}.gl-st span{font-size:11px}.gl-st small{font-size:10px}}
/* ---- сетка: стеклянные карточки ---- */
.grid,.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
@media(max-width:1100px){.grid,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card>a{display:block;height:100%;padding:10px;border:1px solid var(--glass-b);border-radius:22px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 40px rgba(0,0,0,.25);transition:transform .25s,background .25s}
.card>a:hover{transform:translateY(-3px);background:rgba(255,255,255,.18)}
.frame{border-radius:15px;overflow:hidden;background:rgba(255,255,255,.08)}
.frame img{transition:transform .6s}.card a:hover .frame img{transform:scale(1.035)}
.card .caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 6px 4px;padding:0;color:#fff;font:600 16px/1.3 var(--font);white-space:normal}
.gl-meta{display:block;margin:0 6px 4px;color:rgba(255,255,255,.7);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-grid .card .caption,.grid:not(.gl-grid) .card .caption{font-size:14px}
/* друзья — стеклянная плашка на всю ширину сетки */
.gl-fr{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:18px 20px;border:1px solid var(--glass-b);border-radius:22px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);list-style:none}
.gl-fr>span{margin-right:6px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gl-fr nav{display:contents}
.gl-fr a{padding:7px 14px;border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-size:13.5px;font-weight:500}
.gl-fr a:hover{background:#fff;color:var(--ab-ink)}
.gl-fr-b{margin-top:24px}
.gl-about{margin:34px 0 0;padding:26px 30px;border:1px solid var(--glass-b);border-radius:22px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:rgba(255,255,255,.85);line-height:1.75}
.gl-about h2{margin:0 0 8px;font:600 21px var(--font);color:#fff}.gl-about a{color:var(--accent)}
/* ---- пагинация ---- */
.pagination a,.pagination span{border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.1);color:#fff;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pagination a:hover{background:rgba(255,255,255,.2)}
.pagination [aria-current],.pagination .is-current{background:#fff!important;color:var(--ab-ink)!important;border-color:#fff}
/* ---- внутренние страницы (пока общая разметка, стеклянные поверхности) ---- */
.eyebrow,.ab-eyebrow{color:var(--accent)}
.ab-btn{border-radius:30px;background:#fff;color:var(--ab-ink)}.ab-btn:hover{background:var(--accent)}
.photo a{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08)}
.ab-tags a,.ab-tag,.tag-chip{border-radius:30px!important}
.ab-stars .ab-ph{border-radius:16px;overflow:hidden}
.prose p,.prose li,.about.prose div{color:rgba(255,255,255,.85)!important}.prose a{color:var(--accent)!important}
.about.prose{border:1px solid var(--glass-b);border-radius:22px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:26px 30px}
/* ---- футер ---- */
.footer{margin-top:50px;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ab-fh{color:var(--accent)}
.footer .ab-fcols a{color:rgba(255,255,255,.75)}.footer .ab-fcols a:hover{color:#fff}
.footer p,.footer small{color:rgba(255,255,255,.6)}
@media(max-width:760px){
.grid,.related-grid,.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.card>a{padding:6px;border-radius:14px}.frame{border-radius:10px}
.card .caption,.related-grid .card .caption,.grid:not(.gl-grid) .card .caption{margin:8px 3px 2px;font-size:12.5px}
.gl-meta{margin:0 3px 2px;font-size:11px}
.gl-h1{margin:18px 0 14px}.gl-h1 .sortbar{margin:0}
.gl-fr{padding:14px;border-radius:14px}.gl-fr a{font-size:12.5px;padding:6px 11px}
.gl-about{padding:18px;border-radius:14px}
}
/* без поддержки backdrop-filter — плотнее, чтобы текст читался */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card>a,.gl-fr,.gl-about,.topbar{background:rgba(52,34,44,.88)}}
