/* Блок «Сайты для ниши»: лента обложек концептов + просмотр всего сайта (десктоп и мобильная) */
.ads{background:#fff;padding:96px 0 104px;overflow:hidden}
.ads-in{max-width:1180px;margin:0 auto;padding:0 22px}
.ads h2{font:600 clamp(32px,4.4vw,56px)/1.05 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;color:#1d1d1f;margin:0}
.ads-lead{font:400 19px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#6e6e73;max-width:620px;margin:16px 0 0}
.ads-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px max(22px,calc((100vw - 1180px)/2 + 22px)) 8px;margin:0 calc(-1 * max(22px,calc((100vw - 1180px)/2 + 22px)));scrollbar-width:none;scroll-padding-inline:max(22px,calc((100vw - 1180px)/2 + 22px))}
.ads-rail::-webkit-scrollbar{display:none}
.ads-c{flex:0 0 clamp(290px,46vw,620px);scroll-snap-align:start;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ads-c img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:16/10;object-fit:cover;border-radius:18px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ads-c:hover img{transform:scale(1.015)}
.ads-cap{display:block;margin-top:14px;font:400 15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif;color:#6e6e73}
.ads-cap b{color:#1d1d1f;font-weight:600}
.ads-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.ads-nav button{width:40px;height:40px;border-radius:50%;border:0;background:#e8e8ed;color:#1d1d1f;font-size:20px;cursor:pointer}
.ads-nav button:active{transform:scale(.96)}
/* просмотр сайта */
.ads-v{position:fixed;inset:0;z-index:2147483000;background:rgba(10,10,12,.92);display:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ads-v.on{display:block}
.ads-v-x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#1d1d1f;font-size:24px;cursor:pointer;z-index:3}
.ads-v-t{position:absolute;top:24px;left:24px;right:80px;color:#f5f5f7;font:500 15px -apple-system,Arial,sans-serif;z-index:3}
.ads-v-t b{font-weight:600}
.ads-v-s{position:absolute;inset:72px 0 0;overflow-y:auto;display:flex;gap:28px;justify-content:center;align-items:flex-start;padding:0 24px 60px}
.ads-v-d{width:min(1100px,70vw);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.ads-v-m{width:min(300px,22vw);border-radius:32px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);position:sticky;top:0}
.ads-v-d img,.ads-v-m img{display:block;width:100%}
@media(max-width:760px){.ads{padding:64px 0 72px}.ads-v-d{display:none}.ads-v-m{width:min(360px,92vw);position:static}}
/* портфолио на страницах услуг: сетка 40 сайтов с фильтром по нишам */
.ads-pf{padding-top:8px}
.ads-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.ads-chips button{height:38px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit;font-family:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ads-chips button:hover{border-color:color-mix(in srgb,currentColor 55%,transparent)}
.ads-chips button.on{background:currentColor;border-color:transparent}
.ads-chips button.on span{color:#000}
.ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.ads-grid .ads-c{flex:none;width:100%}
.ads-grid .ads-c[hidden]{display:none}
.ads-pf.cut .ads-grid .ads-c.x{display:none}
.ads-more-w{display:flex;justify-content:center;margin-top:44px}
.ads-more{height:48px;padding:0 26px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent;color:inherit;font-family:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer}
.ads-more:hover{border-color:currentColor}
/* страницы услуг тёмные */.ads-pf .ads-cap{color:#86868b}.ads-pf .ads-cap b{color:#f5f5f7}
.ads-more:active{transform:scale(.98)}
.ads-pf:not(.cut) .ads-more-w{display:none}
@media(max-width:760px){.ads-grid{grid-template-columns:1fr;gap:32px}.ads-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-22px;padding-right:22px}.ads-chips::-webkit-scrollbar{display:none}.ads-chips button{flex:none}}