/* WALL — тёмная стена фото: шапка как журнал (Lora), коллаж 5 новых, модели кружками, сетка 4 в ряд с зазором 2px,
   название при наведении (на телефоне — всегда, мелко), плитки студии и друзей в сетке. Поверх theme-amber.css. */
:root{--bg:#0c0c0e;--surface:#141417;--surface-2:#1c1c20;--line:#232328;--text:#f1f1f3;--muted:#8d8d95;--accent:#e8506a;--accent-2:#f2667e;--ab-ink:#fff;
--t2:#d6d6da;--t3:#b4b4ba;--t4:#b4b4ba;--t5:#c9c9ce;--t6:#e8e8ea;--ph:#6d6d74;--hi:#fff;--acc-h:#f2667e;--acc-b:#f2667e;--hdr:rgba(12,12,14,.94);--foot:#09090a;--sugg:#141417;
--acc-a12:rgba(232,80,106,.12);--acc-a13:rgba(232,80,106,.12);--acc-a15:rgba(232,80,106,.16);--acc-a45:rgba(232,80,106,.45);--acc2-a04:rgba(232,80,106,.04);
--font:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--display:'Lora',Georgia,serif;--pink:#ff9aa9}
body{color-scheme:dark}
.shell{max-width:none;padding-inline:0}
main.shell{padding-inline:0}
.footer .shell,.topbar .shell{padding-inline:clamp(12px,1.6vw,24px)}
/* шапка */
.topbar{background:var(--hdr);border-bottom:1px solid var(--line)}
.top-inner{min-height:66px}
.brand.sk-logo{flex:none;max-width:none;overflow:visible;font:700 28px/1 var(--display);letter-spacing:-.01em;color:#fff}
.brand.sk-logo span{color:inherit;background:none;margin:0;padding:0;font:inherit}
.brand.sk-logo .sk-b{color:var(--accent);font-style:italic}
.brand.sk-logo .sk-dot{display:none}
.nav{gap:2px}
.nav a,.nav summary{padding:8px 11px;color:var(--muted);font-size:13.5px;font-weight:600;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{background:none;color:#fff}
.search{height:40px;border:1px solid var(--line);background:#141417;border-radius:4px}
.search button{border-left:0!important;color:var(--muted)}
.search:focus-within{border-color:var(--accent);box-shadow:none}
.age-badge{border-color:var(--line);color:var(--muted);border-radius:4px}
/* коллаж 5 новых */
.wl-col{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,clamp(180px,19vw,330px));gap:2px;margin-top:2px}
.wl-col a{position:relative;overflow:hidden;background:var(--surface)}
.wl-col a:first-child{grid-row:span 2}
.wl-col img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:transform .6s}
.wl-col a:hover img{transform:scale(1.03)}
.wl-col span{position:absolute;left:0;right:0;bottom:0;padding:50px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:14px;font-weight:600;line-height:1.3}
.wl-col a:first-child span{padding:90px 26px 22px;font:600 clamp(20px,2vw,30px)/1.15 var(--display)}
.wl-col small{display:block;margin-bottom:6px;color:var(--pink);font:600 12px var(--font);letter-spacing:.18em;text-transform:uppercase}
/* модели кружками */
.wl-mods{display:flex;gap:16px;padding:16px clamp(12px,1.6vw,24px) 14px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.wl-mods::-webkit-scrollbar{display:none}
.wl-mods a{flex:none;width:76px;text-align:center;color:var(--muted);font-size:11.5px}
.wl-mods a:hover{color:#fff}
.wl-mods img,.wl-mods i{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 5px;padding:2px;border:2px solid var(--accent);border-radius:50%!important;object-fit:cover;background:var(--bg);font-style:normal;color:var(--accent);font-weight:700}
.wl-mods span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-mods .wl-all i{border-style:dashed;border-color:var(--line);font-size:12px}
/* заголовок + сортировка */
.wl-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px clamp(12px,1.6vw,24px) 12px}
.wl-bar h1{margin:0;color:#fff;font:600 22px/1.2 var(--display)}
.wl-bar h1 small{color:var(--muted);font-size:.7em}
.wl-bar .sortbar{margin:0}
.wl-bar .sort-count{display:none}
.sort-links{border:0;background:none;padding:0}
.sort-links a{border-radius:20px!important;padding:6px 13px;font-weight:600;font-size:13px}
.sort-links a[aria-current]{background:#fff;color:#000}
/* сетка 4 в ряд, зазор 2px */
.grid,.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important}
.grid:has(.card>a>.caption){row-gap:2px}
.frame{background:var(--surface)}
.frame img{transition:transform .6s}
@media(hover:hover){.card a:hover .frame img{transform:scale(1.03)}}
.ab-ov{padding:70px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;transition:opacity .25s}
.card a:hover .ab-ov,.card a:focus-visible .ab-ov{opacity:1}
.ab-ov .caption{font-size:15px;font-weight:600}
.ab-ov small{display:block;margin-top:3px;color:var(--pink);font-size:12px;font-weight:500}
@media(hover:none){.ab-ov{opacity:1;padding:34px 8px 7px}.ab-ov .caption{font-size:12px}.ab-ov small{display:none}}
/* плитка студии */
.wl-st,.wl-fr{position:relative;aspect-ratio:var(--card-ratio,2/3);overflow:hidden;list-style:none}
.wl-st{background:#1a1013;color:#fff}
.wl-st-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.5) saturate(1.2);transform:scale(1.15)}
.wl-st-b{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:clamp(16px,2.4vw,36px)}
.wl-st small,.wl-fr small{color:var(--pink);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.wl-st b{font:700 clamp(26px,2.8vw,42px)/1 var(--display)}
.wl-st p{margin:0;color:rgba(255,255,255,.85);font-size:14px;line-height:1.55}
.wl-st-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%}
.wl-st-mini i{aspect-ratio:2/3;overflow:hidden;border-radius:4px!important}
.wl-st-mini img{display:block;width:100%;height:100%;object-fit:cover}
.wl-btn{display:inline-flex;align-items:center;margin-top:6px;padding:12px 24px;border-radius:30px!important;background:var(--accent);color:#fff!important;font-weight:700;font-size:14px}
.wl-btn:hover{background:var(--accent-2)}
/* плитка друзей */
.wl-fr{display:flex;flex-direction:column;gap:2px;padding:clamp(16px,2vw,30px);background:#16161a}
.wl-fr b{margin:2px 0 12px;color:#fff;font:700 clamp(22px,2vw,30px)/1.05 var(--display)}
.wl-fr a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #2a2a30;color:#f1f1f3;font-size:14.5px;font-weight:600}
.wl-fr a:hover{color:var(--accent-2)}
.wl-fr em{display:block;color:#77777f;font-size:12px;font-style:normal;font-weight:400}
.wl-fr i{color:var(--accent);font-style:normal}
/* пагинация, текст внизу */
.pagination{justify-content:center;margin:26px 0 0}
.pagination a,.pagination span{border-radius:4px!important}
.wl-about{max-width:1000px;margin:34px auto 0;padding:0 clamp(12px,1.6vw,24px);color:var(--t3);font-size:14.5px;line-height:1.75}
.wl-about h2{margin:0 0 10px;color:#fff;font:600 22px var(--display)}
.wl-about p{margin:0 0 10px}
.wl-about a{color:var(--pink)}
.sc-searches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:1000px;margin:20px auto 0;padding:0 clamp(12px,1.6vw,24px);color:var(--muted);font-size:12.5px}
.sc-searches a{padding:3px 10px;border-radius:20px!important;background:#18181b;color:var(--t3)}
/* внутренние страницы */
main.shell>*:not(.wl-col):not(.wl-mods):not(.wl-bar):not(.grid):not(.wl-about):not(.sc-searches):not(.pagination){padding-inline:clamp(12px,1.6vw,24px)}
.ab-intro h1,.intro h1,.ab-minfo h1,.ab-ghead h1,.related-head h2,.ab-head h2{font-family:var(--display);font-weight:600;color:#fff}
.eyebrow,.ab-eyebrow{color:var(--pink)}
.ab-btn{background:var(--accent);color:#fff}
.ab-btn:hover{background:var(--accent-2)}
.footer{margin-top:40px;border-top:1px solid var(--line)}
.footer .brand.sk-logo{font-size:26px}
@media(max-width:1000px){.grid,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
.top-inner{min-height:58px}
.brand.sk-logo{font-size:24px}
.wl-col{grid-template-columns:1fr 1fr;grid-template-rows:72vw 36vw 36vw}
.wl-col a:first-child{grid-column:1/-1;grid-row:auto}
.wl-col a:first-child span{padding:60px 14px 14px;font-size:20px}
.wl-col span{padding:30px 8px 7px;font-size:11.5px}
.wl-mods{gap:10px;padding:12px}
.wl-mods a{width:62px}
.wl-mods img,.wl-mods i{width:58px;height:58px}
.wl-bar{padding:12px 12px 8px}
.wl-bar h1{font-size:18px}
.wl-bar .sortbar{display:none}
.grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ab-ov{opacity:1}
.wl-st-b{padding:14px;gap:6px}.wl-st b{font-size:24px}.wl-st p{font-size:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.wl-st-mini{display:none}.wl-btn{padding:9px 14px;font-size:12.5px}
.wl-fr{padding:14px 12px}.wl-fr b{font-size:20px;margin-bottom:6px}.wl-fr a{font-size:12.5px;padding:7px 0}.wl-fr em{display:none}
.wl-about{font-size:13.5px}
}
/* при наведении название остаётся белым (не красным) */
.card a:hover .ab-ov .caption{color:#fff}
/* плитка друзей на телефоне — во всю ширину, высота по содержимому */
@media(max-width:760px){.wl-fr{grid-column:1/-1;aspect-ratio:auto;padding:16px 14px}.wl-fr a{font-size:13.5px;padding:9px 0}.wl-fr em{display:block}}
/* галерея: портрет модели + баннер спонсора + цифры и лайк; теги 14 + «+N more» */
.wl-info{display:grid;grid-template-columns:clamp(200px,18vw,280px) minmax(0,1fr);gap:2px;margin:20px 0 0}
.wl-info.no-model{grid-template-columns:1fr}
.wl-i-m{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:12px 0 0 12px;background:var(--surface)}
.wl-i-m img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wl-i-m:hover img{transform:scale(1.04)}
.wl-i-m span{position:absolute;left:0;right:0;bottom:0;padding:70px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.wl-i-m small,.wl-i-b small{display:block;color:var(--pink);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.wl-i-m b{display:block;margin:2px 0 4px;color:#fff;font:600 24px/1.15 var(--display)}
.wl-i-m em{color:var(--pink);font-size:13px;font-style:normal;font-weight:600}
.wl-i-r{display:grid;grid-template-rows:1fr auto;gap:2px;min-width:0}
.wl-i-ban{position:relative;overflow:hidden;border-radius:0 12px 0 0;background:#1a1013;min-height:220px}
.no-model .wl-i-ban{border-radius:12px 12px 0 0}
.wl-i-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.42) saturate(1.2);transform:scale(1.15)}
.wl-i-b{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;height:100%;padding:clamp(18px,2.6vw,40px)}
.wl-i-b b{color:#fff;font:700 clamp(24px,2.6vw,38px)/1.08 var(--display)}
.wl-i-b p{max-width:560px;margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.6}
.wl-i-st{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:14px 22px;border-radius:0 0 12px 0;background:var(--surface);color:var(--muted);font-size:13px}
.no-model .wl-i-st{border-radius:0 0 12px 12px}
.wl-i-st b{margin-right:3px;color:#fff;font-size:16px;font-weight:600}
.wl-i-st a{color:var(--pink);font-weight:600}
.wl-like{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:8px 18px;border:2px solid var(--accent);border-radius:30px!important;background:none;color:#fff;font:700 14px var(--font);cursor:pointer;transition:background .2s,transform .15s}
.wl-like i{color:var(--accent);font-style:normal;transition:transform .2s}
.wl-like:hover{background:rgba(232,80,106,.14)}
.wl-like:hover i{transform:scale(1.25)}
.wl-like.is-liked{background:var(--accent)}
.wl-like.is-liked i{color:#fff}
.wl-i-t{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.wl-i-t a{display:block;padding:5px 12px;border:1px solid var(--line);border-radius:20px!important;color:#cfcfd4;font-size:12.5px}
.wl-i-t a:hover{border-color:var(--accent);color:#fff}
.wl-i-t li:nth-child(n+15):not(.wl-more){display:none}
.wl-i-t.is-open li{display:block!important}
.wl-i-t.is-open .wl-more{display:none!important}
.wl-more button{all:unset;cursor:pointer;display:block;padding:5px 13px;border-radius:20px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:700}
.pager-link{border-color:var(--line);background:var(--surface)}
.pager-link:hover{border-color:var(--accent);background:#1c1c20}
@media(max-width:760px){
.wl-info{grid-template-columns:118px minmax(0,1fr);margin:14px 8px 0}
.wl-i-m{border-radius:10px 0 0 0}
.wl-i-m span{padding:40px 8px 8px}.wl-i-m b{font-size:16px}.wl-i-m em,.wl-i-m small{display:none}
.wl-i-r{grid-template-rows:1fr}
.wl-i-ban{border-radius:0 10px 0 0;min-height:0}
.wl-i-b{padding:14px;gap:6px}.wl-i-b b{font-size:20px}.wl-i-b p{display:none}.wl-btn{padding:9px 14px;font-size:12.5px}
.wl-i-st{grid-column:1/-1;gap:8px 14px;padding:12px;border-radius:0 0 10px 10px}
.wl-like{margin-left:0}
.wl-i-t li:nth-child(n+9):not(.wl-more){display:none}
}
.wl-more .wl-mb{display:none}
.wl-more.wl-m-only{display:none}
@media(max-width:760px){
.wl-i-r{display:contents}
.wl-i-ban{grid-column:2}
.wl-i-st{grid-column:1/-1}
.wl-more.wl-m-only{display:block}
.wl-more .wl-d{display:none}.wl-more .wl-mb{display:inline}
}
