/* Страница проекта B-POWER (Buffalo Protein): чёрный и золотой, шрифт Oswald в заголовках. Подключается после proto.css. */
.pp-bf{--color-theme:#a88a48;--color-theme-rgb:168,138,72;--color-theme-hover:#86692f;--pp-brand:#a88a48;--pp-brand-dark:#141414;--pp-brand-tint:#f4efe4;--bf-gold:#a88a48;--bf-gold-l:#d4b46c;--bf-ink:#141414;--bf-ink2:#262626;--bf-sand:#f4efe4}
.pp-bf h1,.pp-bf h2,.pp-bf .pp-h2,.pp-bf .pp-title{font-family:Oswald,var(--font-family-header),sans-serif;text-transform:uppercase;letter-spacing:.01em}
.pp-bf .pp-title{font-weight:600;font-size:clamp(32px,4.3vw,62px);line-height:1.04}
.pp-bf .pp-h2{font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.12}
.pp-bf .btn-primary{--bs-btn-bg:#a88a48;--bs-btn-border-color:#a88a48;--bs-btn-hover-bg:#86692f;--bs-btn-hover-border-color:#86692f;--bs-btn-color:#fff;background:#a88a48;border-color:#a88a48;color:#fff}
.pp-bf .btn-primary:hover{background:#86692f;border-color:#86692f}
.pp-sechead__note{color:var(--color-gray-6);max-width:820px;margin:14px 0 0;line-height:1.6}
.pp-bf .pp-eyebrow{color:#86692f}
.pp-bf .pp-hero{background:radial-gradient(900px 560px at 82% 0%,rgba(168,138,72,.5) 0%,transparent 62%),radial-gradient(700px 500px at 0% 100%,rgba(168,138,72,.22) 0%,transparent 60%),linear-gradient(135deg,#0b0b0b 0%,#1b1914 55%,#3b3019 100%)}
.pp-bf .pp-hero .pp-tag{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(212,180,108,.4)}
.pp-bf .pp-hero .btn-primary{background:var(--bf-gold-l);border-color:var(--bf-gold-l);color:#141414}.pp-bf .pp-hero .btn-primary:hover{background:#fff;border-color:#fff}
.pp-bf .pp-hero__top,.pp-bf .pp-hero__grid,.pp-bf .pp-meta{position:relative;z-index:2}
.pp-bf .pp-hero__waves{display:none}
.bf-glow{position:absolute;right:-8%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,rgba(212,180,108,.0),rgba(212,180,108,.28),rgba(212,180,108,0) 40%,rgba(212,180,108,.16) 70%,rgba(212,180,108,0));filter:blur(40px);animation:bf-spin 26s linear infinite;pointer-events:none}
@keyframes bf-spin{to{transform:rotate(360deg)}}
.pp-bf .pp-nums b,.pp-bf .pp-mini-stats b{color:#86692f;font-family:Oswald,var(--font-family-header),sans-serif;font-weight:600}
.bf-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pp-bf .pp-bcard--accent{background:#141414}
.pp-bf .pp-cta__box{background:linear-gradient(120deg,#141414,#3b3019 60%,#a88a48);background-size:160% 100%}
.pp-bf .pp-cta .btn-light{color:#141414}
.pp-bf .pp-panel--dark{background:linear-gradient(135deg,#0d0d0d,#2b2418)}
.pp-bf .pp-panel--dark .pp-eyebrow,.pp-bf .pp-panel--dark .pp-ticks li::before{color:var(--bf-gold-l)}
.pp-bf .pp-ticks li::before{color:#86692f}

/* подмена темы в обложке */
.bf-swap{position:relative}
.bf-swap__st{position:relative}
.bf-swap__st img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;opacity:0;position:absolute;inset:0;transition:opacity .9s}
.bf-swap__st img.on{opacity:1;position:relative}
.bf-swap--ph .bf-swap__st img{aspect-ratio:360/780}
.bf-swap__tag{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:30px;background:rgba(20,20,20,.82);color:#fff;font-size:13px;backdrop-filter:blur(6px)}
.bf-swap__tag i{color:var(--bf-gold-l)}
.pp-bf .pp-phone--float .bf-swap__st img{border-radius:inherit}

/* два трека */
.bf-tracks{display:grid;grid-template-columns:1fr 70px 1fr 220px;gap:clamp(12px,2vw,26px);align-items:stretch}
.bf-track{padding:clamp(20px,2.6vw,32px);border-radius:24px;background:#fff;border:1px solid var(--color-gray-2)}
.bf-track--a{background:linear-gradient(160deg,#141414,#2b2418);color:#fff;border-color:transparent}
.bf-track h3{display:flex;gap:10px;align-items:center;margin:0 0 18px;font-family:Oswald,var(--font-family-header),sans-serif;font-weight:500;font-size:22px;text-transform:uppercase}
.bf-track h3 i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(168,138,72,.22);color:var(--bf-gold-l);font-size:20px}
.bf-track--b h3 i{color:#86692f}
.bf-track ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bf-track li{position:relative;padding-left:20px}
.bf-track li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--bf-gold)}
.bf-track b{display:block;font-weight:600}.bf-track span{font-size:14px;line-height:1.45;opacity:.78}
.bf-track__line{position:relative;display:grid;place-items:center}
.bf-track__line i{display:block;width:100%;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--bf-gold) 0 12px,transparent 12px 22px);animation:bf-dash 1.2s linear infinite}
@keyframes bf-dash{to{background-position:22px 0}}
.bf-track__end{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;border-radius:24px;background:var(--bf-sand);text-align:center;align-items:center}
.bf-track__end i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--bf-gold);color:#fff;font-size:26px;animation:pp-float 6s ease-in-out infinite}
.bf-track__end b{font-family:Oswald,sans-serif;font-weight:600;font-size:22px;text-transform:uppercase}.bf-track__end span{font-size:13px;color:var(--color-gray-6)}

/* лендинг */
.bf-count{display:flex;gap:10px;margin:22px 0}
.bf-count>div{min-width:72px;padding:12px 10px 8px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(212,180,108,.3);text-align:center}
.bf-count b{display:block;font-family:Oswald,sans-serif;font-weight:600;font-size:34px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.bf-count small{font-size:11px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.08em}
.bf-forms{display:grid;grid-template-columns:1fr auto 1fr 280px;gap:clamp(14px,2vw,28px);align-items:center;margin-top:clamp(24px,3vw,40px)}
.bf-forms figure{margin:0;min-width:0}.bf-forms img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 24px 50px -24px rgba(20,20,20,.6);cursor:zoom-in}
.bf-forms figcaption{margin-top:12px;font-size:14px;color:var(--color-gray-6)}
.bf-forms__arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--bf-gold);color:#fff;font-size:22px}
.bf-forms__n{padding:22px;border-radius:20px;background:var(--bf-sand)}
.bf-forms__n b{display:block;font-family:Oswald,sans-serif;font-weight:600;font-size:56px;line-height:1;color:#86692f}
.bf-forms__n>span{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--color-gray-6)}

/* вьювер макетов */
.bf-view__bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-bottom:18px}
.bf-theme{display:inline-flex;padding:4px;border-radius:40px;background:var(--color-gray-2)}
.bf-theme button{display:inline-flex;gap:8px;align-items:center;font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border:0;border-radius:40px;background:none;color:var(--color-gray-6);cursor:pointer;transition:.25s}
.bf-theme button.on{background:#141414;color:#fff}
.bf-theme--sm button{padding:8px 14px;font-size:13px}
.bf-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.bf-tabs::-webkit-scrollbar{display:none}
.bf-tabs button{flex:none;font:inherit;font-size:14px;padding:10px 18px;border-radius:30px;border:1px solid var(--color-gray-3);background:#fff;cursor:pointer;transition:.25s;white-space:nowrap}
.bf-tabs button:hover{border-color:var(--bf-gold)}.bf-tabs button.on{background:var(--bf-gold);border-color:var(--bf-gold);color:#fff;font-weight:600}
.bf-view .pp-browser{position:relative}
.bf-view__win{height:clamp(380px,46vw,620px);overflow:auto;background:#222;scrollbar-width:thin;outline:0;overscroll-behavior:contain}
.bf-view__win img{display:block;width:100%;height:auto;transition:opacity .35s}
.bf-view__win img.sw{opacity:0}
.bf-view__note{position:absolute;left:14px;top:48px;z-index:4;padding:6px 12px;border-radius:30px;background:rgba(20,20,20,.85);color:#fff;font-size:12px}
.bf-view__hint{position:absolute;right:18px;bottom:16px;z-index:4;display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:30px;background:rgba(20,20,20,.85);color:#fff;font-size:13px;pointer-events:none;transition:opacity .4s;animation:pp-float 4s ease-in-out infinite}
.bf-view__hint.off{opacity:0}

/* вход */
.bf-login__box{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:var(--pp-r);background:var(--bf-sand)}
.bf-login__t p{line-height:1.65;color:var(--color-gray-6);margin:0 0 18px}
.bf-pair{position:relative}.bf-pair img{display:block;width:100%;height:auto;cursor:zoom-in;transition:opacity .35s}.bf-pair img.sw{opacity:0}

/* мобилка */
.pp-bf .pp-mobile__box{background:linear-gradient(135deg,#f4efe4,#fff 55%,#efe6d2)}
.bf-mobile .bf-theme{margin-top:22px}
.pp-bf .pp-phone img{transition:opacity .35s}.pp-bf .pp-phone img.sw{opacity:0}

/* интеграции */
.bf-int__box{display:grid;grid-template-columns:7fr 5fr;gap:clamp(16px,3vw,40px);align-items:stretch}
.bf-int__map{position:relative;aspect-ratio:1000/560;border-radius:var(--pp-r);background:linear-gradient(135deg,#0d0d0d,#2b2418);overflow:hidden}
.bf-int__lines{position:absolute;inset:0;width:100%;height:100%}
.bf-int__lines path{fill:none;stroke:rgba(212,180,108,.45);stroke-width:2;stroke-dasharray:6 8;animation:bf-dash2 3s linear infinite}
@keyframes bf-dash2{to{stroke-dashoffset:-28}}
.bf-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border:1px solid rgba(212,180,108,.4);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;font:inherit;cursor:pointer;backdrop-filter:blur(4px);transition:.3s var(--pp-ease);min-width:96px}
.bf-node i{font-size:24px;color:var(--bf-gold-l)}.bf-node b{font-size:clamp(11px,1.1vw,14px);font-weight:600;text-align:center;line-height:1.2}
.bf-node:hover{background:rgba(212,180,108,.25);transform:translate(-50%,-50%) scale(1.06)}
.bf-node.on{background:var(--bf-gold);border-color:var(--bf-gold-l);box-shadow:0 0 0 8px rgba(168,138,72,.25)}.bf-node.on i{color:#fff}
.bf-node--c{left:50%;top:50%;padding:18px 26px;background:#fff;color:#141414;border:0;cursor:default;pointer-events:none;box-shadow:0 0 0 10px rgba(255,255,255,.08)}
.bf-node--c i{color:var(--bf-gold);font-size:34px}.bf-node--c b{font-family:Oswald,sans-serif;font-size:22px;text-transform:uppercase}.bf-node--c span{font-size:12px;color:#777}
.bf-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--bf-gold-l);box-shadow:0 0 12px var(--bf-gold-l);offset-rotate:0deg}
.bf-dot--1{offset-path:path("M500 280 L150 120");animation:bf-move1 4s linear infinite}
.bf-dot--2{offset-path:path("M850 120 L500 280");animation:bf-move1 5s linear infinite 1s}
.bf-dot--3{offset-path:path("M500 280 L910 330");animation:bf-move1 4.5s linear infinite .5s}
@keyframes bf-move1{from{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}
.bf-int__info{padding:clamp(22px,3vw,36px);border-radius:var(--pp-r);background:var(--bf-sand);display:flex;flex-direction:column;justify-content:center;transition:opacity .3s}
.bf-int__info h3{font-family:Oswald,sans-serif;font-weight:600;font-size:34px;text-transform:uppercase;margin:0 0 12px;color:#86692f}
.bf-int__info p{margin:0;line-height:1.65;color:var(--color-gray-7);font-size:16px}

/* лояльность */
.bf-loyal__box{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(24px,4vw,56px);border-radius:var(--pp-r);background:linear-gradient(135deg,#0d0d0d,#2b2418);color:#fff}
.bf-loyal .pp-eyebrow{color:var(--bf-gold-l)}.bf-loyal__t p{line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 22px}
.bf-calc{padding:22px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(212,180,108,.3)}
.bf-calc__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;color:rgba(255,255,255,.8)}
.bf-calc__row output{font-family:Oswald,sans-serif;font-weight:600;font-size:28px;color:#fff}
.bf-calc input[type=range]{width:100%;accent-color:var(--bf-gold-l)}
.bf-calc__sw{margin:14px 0}.bf-calc__sw label{display:inline-flex;gap:10px;align-items:center;cursor:pointer;font-size:14px;color:rgba(255,255,255,.85)}
.bf-calc__sw input{position:absolute;opacity:0}.bf-calc__sw i{position:relative;width:42px;height:24px;border-radius:24px;background:rgba(255,255,255,.2);transition:.3s}
.bf-calc__sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.3s}
.bf-calc__sw input:checked+i{background:var(--bf-gold)}.bf-calc__sw input:checked+i::after{transform:translateX(18px)}
.bf-calc__res{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bf-calc__res>div{padding:16px;border-radius:14px;background:rgba(0,0,0,.28)}
.bf-calc__res small{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.bf-calc__res b{display:block;font-family:Oswald,sans-serif;font-weight:600;font-size:34px;line-height:1.1;margin:6px 0 2px;color:var(--bf-gold-l);font-variant-numeric:tabular-nums}
.bf-calc__res em{font-style:normal;font-size:12px;color:rgba(255,255,255,.6)}
.bf-calc__n{margin:14px 0 0!important;font-size:12px!important;color:rgba(255,255,255,.5)!important;line-height:1.5!important}
.bf-ltabs__nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bf-ltabs__nav button{font:inherit;font-size:13px;padding:9px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.25);background:none;color:rgba(255,255,255,.85);cursor:pointer;transition:.25s}
.bf-ltabs__nav button.on{background:var(--bf-gold);border-color:var(--bf-gold);color:#fff;font-weight:600}
.bf-ltabs__st{position:relative;background:#fff}
.bf-ltabs__st img{display:block;width:100%;height:auto;aspect-ratio:1420/780;object-fit:cover;object-position:top;opacity:0;position:absolute;inset:0;transition:opacity .5s;cursor:zoom-in}
.bf-ltabs__st img.on{opacity:1;position:relative}
.bf-ltabs__n{margin:10px 0 0;font-size:12px;color:rgba(255,255,255,.55)}

/* отзывы */
.bf-ugc__grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;align-items:stretch}
.bf-flow{padding:26px;border-radius:24px;background:#fff;border:1px solid var(--color-gray-2)}
.bf-flow h3{display:flex;gap:10px;align-items:center;margin:0 0 10px;font-family:Oswald,sans-serif;font-weight:500;font-size:21px;text-transform:uppercase}
.bf-flow h3 i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bf-sand);color:#86692f;font-size:20px}
.bf-flow p{margin:0 0 18px;line-height:1.55;color:var(--color-gray-6);font-size:14.5px}
.bf-flow__s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.bf-flow__s li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;background:var(--color-gray-1);font-size:12.5px;text-align:center;color:var(--color-gray-5);transition:.4s}
.bf-flow__s li i{font-size:20px}
.bf-flow__s li.on{background:var(--bf-gold);color:#fff;transform:translateY(-3px);box-shadow:0 12px 20px -10px rgba(134,105,47,.7)}
.bf-flow__s li.done{background:var(--bf-sand);color:#86692f}
.bf-ugc__shot{margin:0}.bf-ugc__shot img{display:block;width:100%;height:auto;cursor:zoom-in}

/* фото и видео */
.bf-prod__top{display:grid;grid-template-columns:7fr 5fr;gap:clamp(16px,3vw,40px);align-items:center}
.bf-prod__promo{position:relative;min-width:0}
.bf-prod__promo video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}
.bf-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vw,18px);align-items:start}
.bf-reels .pp-phone{position:relative;width:auto;margin:0;aspect-ratio:9/19}
.bf-reels .pp-phone video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000}
.bf-photos{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:10px;margin-top:clamp(20px,3vw,40px)}
.bf-photos img{width:100%;height:100%;object-fit:cover;border-radius:14px;cursor:zoom-in;transition:transform .6s var(--pp-ease),filter .4s}
.bf-photos img:hover{transform:scale(1.03);z-index:2;filter:brightness(1.08)}
.bf-photos .w2{grid-column:span 2}.bf-photos .t2{grid-row:span 2}.bf-photos img:not(.w2){grid-column:span 1}
.bf-prod__more{display:flex;gap:10px;align-items:center;margin:22px 0 0;font-size:15px;color:var(--color-gray-6)}.bf-prod__more i{font-size:20px;color:#86692f}.bf-prod__more a{color:#86692f;font-weight:600}

/* SEO */
.bf-seo__box{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:var(--pp-r);background:var(--bf-sand)}
.bf-seo__t p{line-height:1.65;color:var(--color-gray-6);margin:0 0 18px}
.bf-seo__n{display:flex;gap:16px;align-items:center;margin:6px 0 14px}.bf-seo__n b{font-family:Oswald,sans-serif;font-weight:600;font-size:64px;line-height:1;color:#86692f}.bf-seo__n span{font-size:14px;line-height:1.4;color:var(--color-gray-6)}
.bf-seo__chips{display:flex;flex-wrap:wrap;gap:8px}.bf-seo__chips span{padding:8px 14px;border-radius:30px;background:#fff;border:1px solid var(--color-gray-3);font-size:13.5px}
.bf-seo__note{margin:10px 0 0!important;font-size:12.5px!important;color:var(--color-gray-5)!important}
.bf-seo__c{padding:clamp(18px,2.6vw,30px);border-radius:24px;background:#fff}.bf-seo__c h3{margin:0 0 14px;font-family:Oswald,sans-serif;font-weight:500;font-size:20px;text-transform:uppercase}
.bf-bars{display:flex;align-items:flex-end;gap:clamp(10px,2vw,26px);height:260px;padding-bottom:30px;border-bottom:1px solid var(--color-gray-3)}
.bf-bars div{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bf-bars i{display:block;width:100%;height:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#d4b46c,#a88a48);transition:height 1.2s var(--pp-ease)}
.bf-bars em{font-style:normal;font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(14px,1.6vw,20px);margin-bottom:6px;color:#86692f}
.bf-bars span{position:absolute;bottom:-26px;font-size:12px;color:var(--color-gray-5)}
.bf-seo__src{margin:14px 0 0;font-size:12px;color:var(--color-gray-5)}
.bf-plan{margin-top:clamp(20px,3vw,36px)}
.bf-plan__nav{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.bf-plan__nav button{font:inherit;font-size:14px;padding:10px 22px;border-radius:30px;border:1px solid var(--color-gray-3);background:#fff;cursor:pointer;transition:.25s}
.bf-plan__nav button.on{background:#141414;border-color:#141414;color:#fff;font-weight:600}
.bf-plan__st ul{display:none;margin:0;padding:22px 26px;list-style:none;border-radius:20px;background:#fff;border:1px solid var(--color-gray-2);grid-template-columns:1fr 1fr;gap:12px 32px;animation:ai-pane .5s var(--pp-ease)}
.bf-plan__st ul.on{display:grid}
.bf-plan__st li{position:relative;padding-left:26px;line-height:1.45}.bf-plan__st li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:var(--bf-gold)}
@keyframes ai-pane{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* UI-кит, оговорка */
.bf-kit__fig{margin:0;border-radius:var(--pp-r);overflow:hidden;background:#fff;border:1px solid var(--color-gray-2)}.bf-kit__fig img{display:block;width:100%;height:auto;cursor:zoom-in}
.bf-legal{padding-bottom:var(--pp-gap)!important}
.bf-legal p{display:flex;gap:12px;align-items:flex-start;max-width:980px;margin:0;padding:18px 22px;border-radius:16px;background:var(--color-background-additional);font-size:13.5px;line-height:1.6;color:var(--color-gray-6)}.bf-legal i{flex:none;font-size:18px;color:#86692f}

/* bento */
@media(min-width:1200px){
.pp-bf .pp-bit--seo{grid-column:span 5;grid-row:span 2;background:linear-gradient(160deg,#0d0d0d,#3b3019)}
.pp-bf .pp-bit--wide{grid-column:span 7;background:#fff;border:1px solid var(--color-gray-2)}
.pp-bf .pp-bit--wide ul{grid-template-columns:1fr 1fr}
.pp-bf .pp-bit--php{grid-column:span 3;background:#a88a48}
.pp-bf .pp-bit--list:not(.pp-bit--wide){grid-column:span 4}
.pp-bf .pp-bit--list:not(.pp-bit--wide) ul{grid-template-columns:1fr}
}
.pp-bf .pp-checks li::before{color:var(--bf-gold-l)}
@media(min-width:992px){.pp-steps--6{grid-template-columns:repeat(6,1fr);gap:18px}}
@media(max-width:1199px){.bf-tracks{grid-template-columns:1fr 1fr}.bf-track__line{display:none}.bf-track__end{grid-column:1/-1;flex-direction:row;justify-content:center}.bf-ugc__grid{grid-template-columns:1fr 1fr}.bf-ugc__shot{grid-column:1/-1}.pp-bf .pp-bit--wide ul{grid-template-columns:1fr 1fr}.bf-forms{grid-template-columns:1fr auto 1fr}.bf-forms__n{grid-column:1/-1}}
@media(max-width:991px){.bf-nums{grid-template-columns:1fr 1fr}.bf-login__box,.bf-loyal__box,.bf-seo__box,.bf-int__box,.bf-prod__top{grid-template-columns:minmax(0,1fr)}.bf-photos{grid-template-columns:repeat(4,1fr)}.bf-plan__st ul{grid-template-columns:1fr}.bf-int__map{aspect-ratio:1000/700}.pp-bf .pp-bit--wide ul{grid-template-columns:1fr}}
@media(max-width:767px){.bf-tracks{grid-template-columns:1fr}.bf-forms{grid-template-columns:1fr}.bf-forms__arrow{transform:rotate(90deg);justify-self:center}.bf-ugc__grid{grid-template-columns:1fr}.bf-calc__res{grid-template-columns:1fr}.bf-photos{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.bf-photos .w2{grid-column:span 2}.bf-nums{grid-template-columns:1fr}.bf-node{min-width:0;padding:8px 8px}.bf-node i{font-size:18px}.bf-node b{font-size:10px}.bf-node--c{padding:10px 14px}.bf-node--c i{font-size:22px}.bf-node--c b{font-size:15px}.bf-int__map{aspect-ratio:1000/900}.bf-reels{grid-template-columns:repeat(3,1fr)}.pp-bf .pp-title{font-size:min(7.4vw,32px)}.bf-view__win{height:420px}}
@media(prefers-reduced-motion:reduce){.bf-glow,.bf-track__line i,.bf-track__end i,.bf-int__lines path,.bf-view__hint{animation:none}.bf-dot{display:none}.bf-bars i{transition:none}}
@media(min-width:992px){
.bf-photos{grid-template-rows:repeat(3,170px);grid-auto-rows:170px}
.bf-photos img:nth-child(1){grid-area:1/1/2/3}
.bf-photos img:nth-child(2){grid-area:1/3/3/4}
.bf-photos img:nth-child(3){grid-area:1/4/2/5}
.bf-photos img:nth-child(4){grid-area:1/5/3/6}
.bf-photos img:nth-child(5){grid-area:1/6/2/7}
.bf-photos img:nth-child(6){grid-area:2/1/3/3}
.bf-photos img:nth-child(8){grid-area:2/4/3/5}
.bf-photos img:nth-child(7){grid-area:2/6/4/7}
.bf-photos img:nth-child(9){grid-area:3/1/4/3}
.bf-photos img:nth-child(10){grid-area:3/3/4/6}
}
.bf-kit__fig{max-height:clamp(420px,56vw,720px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* реклама + SEO */
.bf-ad{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,24px);margin-bottom:clamp(20px,3vw,36px)}
.bf-ad>div{padding:22px;border-radius:20px;background:linear-gradient(160deg,#141414,#2b2418);color:#fff}
.bf-ad b{display:block;font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,46px);line-height:1.05;color:var(--bf-gold-l);font-variant-numeric:tabular-nums}
.bf-ad small{font-size:.55em}.bf-ad span{display:block;margin-top:8px;font-size:13.5px;color:rgba(255,255,255,.72)}
.bf-seo__h{margin:0 0 16px;font-family:Oswald,sans-serif;font-weight:500;font-size:20px;text-transform:uppercase}
.bf-ch{display:grid;gap:12px;margin-bottom:6px}
.bf-ch div{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;font-size:14px}
.bf-ch i{display:block;height:14px;border-radius:8px;background:rgba(168,138,72,.18);overflow:hidden}
.bf-ch i u{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#a88a48,#d4b46c);transition:width 1.3s var(--pp-ease)}
.bf-ch b{font-variant-numeric:tabular-nums;font-weight:600}
.bf-seo__t .bf-seo__src{margin:6px 0 18px}
.bf-seo__c .bf-seo__n b{font-size:48px}
@media(max-width:991px){.bf-ad{grid-template-columns:1fr 1fr}.bf-ch div{grid-template-columns:110px 1fr auto}}
/* вьювер: не даём сайту менять пропорции */
.bf-view__win img,.bf-ltabs__st img.on{height:auto!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:fill!important}
.bf-kit__fig img,.bf-ltabs__st img,.bf-ugc__shot img{max-height:none!important}
.bf-ad--l{grid-template-columns:1fr 1fr;margin-bottom:18px}.bf-ad--l>div{background:var(--bf-sand);color:#141414}.bf-ad--l b{color:#86692f}.bf-ad--l span{color:var(--color-gray-6)}.bf-ch--t div{grid-template-columns:190px 1fr auto}@media(max-width:575px){.bf-ch--t div{grid-template-columns:120px 1fr auto}}
.pp-note{display:flex;gap:10px;align-items:flex-start;max-width:520px;margin:22px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:13px;line-height:1.5;color:rgba(255,255,255,.85)}
.pp-note i{flex:none;font-size:17px;color:#fff;line-height:1.3}
@media(max-width:767px){.bf-node[data-n="2"]{left:19%!important}.bf-node[data-n="3"]{left:82%!important}.bf-node[data-n="0"]{left:17%!important}.bf-node[data-n="1"]{left:83%!important}}