/* MediaLead — итоговая главная · блок 6 «Эстетика и репутация». Четыре варианта на выбор (временно). */
.b6v{display:none}
.b6[data-v="1"] .b6v--1,.b6[data-v="2"] .b6v--2,.b6[data-v="3"] .b6v--3,.b6[data-v="4"] .b6v--4{display:block}

/* ===== 2 · Витрина (из B): лента настоящих карточек ===== */
.b6 .reel{overflow:hidden;margin:56px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.b6 .reel__track{display:flex;gap:14px;width:max-content;animation:b6reel 70s linear infinite}
@keyframes b6reel{to{transform:translateX(-50%)}}
.b6 .reel figure{margin:0;width:270px;flex:none}
.b6 .reel img{width:270px;height:340px;object-fit:cover;object-position:right top;border-radius:20px}
.b6 .reel figcaption{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--dark-ink-2)}
.b6 .reel figcaption b{color:#fff;font-weight:500}
.b6 .aes3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.b6 .aes3 div{border-top:1px solid var(--dark-3);padding-top:20px}
.b6 .aes3 b{display:block;margin-bottom:8px;font-size:20px;font-weight:500;letter-spacing:-.02em}
.b6 .aes3 p{font-size:15px;color:var(--dark-ink-2)}

/* ===== общая шапка вариантов 3 и 4 ===== */
.b6c,.b6r{padding-top:110px;padding-bottom:110px}
.b6c__head{display:grid;grid-template-columns:1.3fr 1fr;column-gap:56px;align-items:end;margin-bottom:44px}
.b6c__head .h2{margin:0;font-size:var(--h2m)}
.b6c__head .h2 span{color:var(--ink-3)}
.b6c__head .lead{margin:0;max-width:460px}

/* ===== 3 · Какую выберете? ===== */
.b6c__stage{position:relative;display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:24px;align-items:center;max-width:1120px;margin:0 auto}
.b6c__card{position:relative;height:520px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -36px rgba(13,13,15,.4);overflow:hidden;transition:transform .6s var(--ease),opacity .5s,filter .5s,box-shadow .5s;cursor:pointer;outline:none}
.b6c__card--x{display:flex;flex-direction:column;height:470px}
.b6c__cov{position:relative;flex:none;height:42%;display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(160deg,#c9c9cc,#a9a9ae);color:rgba(255,255,255,.85);font-size:12px}
.b6c__cov svg{width:40px;height:40px}
.b6c__body{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px}
.b6c__nm{font-size:19px;font-weight:500;color:#3a62c9}
.b6c__cat{font-size:13px;color:var(--ink-3)}
.b6c__rt{font-size:14px;color:var(--ink-2)}
.b6c__rt i{font-style:normal;color:var(--ink-3)}
.b6c__body p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--ink-3)}
.b6c__btn{align-self:flex-start;margin-top:10px;padding:9px 16px;border-radius:10px;background:#eef1f7;font-size:13.5px;font-weight:500;color:#3a62c9}
.b6c__crop{position:absolute;inset:0;overflow:hidden}
.b6c__crop img{position:absolute;top:-30px;left:-110.3%;width:217.5%;max-width:none;height:auto}
.b6c__pick{position:absolute;left:50%;top:14px;z-index:2;padding:8px 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;transform:translate(-50%,-8px) scale(.9);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1);box-shadow:0 14px 26px -12px rgba(226,65,46,.8)}
.b6c__why-x{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:rgba(13,13,15,.86);color:#fff;font-size:13px;line-height:1.35;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.b6c__card--x:hover .b6c__why-x,.b6c__card--x:focus .b6c__why-x{opacity:1;transform:none}
.b6c__stage.is-picked .b6c__card--x{opacity:.45;filter:grayscale(1);transform:scale(.96)}
.b6c__stage.is-picked .b6c__card--x:hover{opacity:1;filter:none}
.b6c__stage.is-picked .b6c__card--you{transform:translateY(-10px) scale(1.03);box-shadow:0 0 0 2px var(--accent),0 40px 70px -30px rgba(226,65,46,.45)}
.b6c__stage.is-picked .b6c__pick{opacity:1;transform:translate(-50%,0)}
.b6c__cur{position:absolute;left:8%;top:78%;z-index:5;width:30px;height:30px;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.b6c__stage.is-move .b6c__cur{opacity:1;animation:b6cur 1.4s var(--ease) forwards}
@keyframes b6cur{0%{left:8%;top:78%}55%{left:22%;top:66%}100%{left:50%;top:46%}}
.b6c__stage.is-picked .b6c__cur{opacity:0;transition:opacity .4s .3s}
.b6c__why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;margin:36px auto 0;padding:0;list-style:none}
.b6c__why li{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--line);opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s var(--ease);transition-delay:calc(var(--k) * .12s + .2s)}
.b6c__why li:nth-child(1){--k:0}.b6c__why li:nth-child(2){--k:1}.b6c__why li:nth-child(3){--k:2}.b6c__why li:nth-child(4){--k:3}
.b6c.is-why .b6c__why li{opacity:1;transform:none}
.b6c__why i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:13px;font-weight:600}
.b6c__why b{font-size:17px;font-weight:500}
.b6c__why span{font-size:14.5px;line-height:1.45;color:var(--ink-3)}
.b6c__foot{display:flex;align-items:center;gap:20px;max-width:1120px;margin:36px auto 0;padding-top:24px;border-top:1px solid var(--line)}
.b6c__foot p{flex:1;margin:0;font-size:14px;color:var(--ink-3)}
.b6c__again{border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer}
.b6c__again:hover{color:var(--accent)}

/* ===== 4 · Репутация ===== */
.b6r{background:var(--paper)}
.b6r__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:stretch}
.b6r__chat,.b6r__wall{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:28px;background:#fff}
.b6r__tabs{display:flex;gap:6px}
.b6r__tabs button{height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--paper);font:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.b6r__tabs button.is-on{background:var(--ink);color:#fff}
.b6r__rev{padding:18px;border-radius:18px;background:var(--paper)}
.b6r__u{display:flex;align-items:center;gap:12px}
.b6r__u > i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d8d8dc;font-style:normal;font-weight:600}
.b6r__u b{display:block;font-size:15px;font-weight:500}
.b6r__u small{font-size:13px;color:var(--ink-3)}
.b6r__st{color:#f2a33a;letter-spacing:1px}
.b6r__st em{font-style:normal;color:#d4d4d8}
.b6r__rev p{margin:12px 0 0;font-size:16px;line-height:1.5}
.b6r__ans{position:relative;margin-left:28px;padding:18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.b6r__ans::before{content:'';position:absolute;left:-20px;top:-14px;width:16px;height:30px;border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-radius:0 0 0 12px}
.b6r__ah{display:flex;align-items:center;gap:10px}
.b6r__lg{width:30px;height:30px;border-radius:8px;background:#ddd center/cover}
.b6r__ah b{font-size:14.5px;font-weight:500}
.b6r__ah small{font-size:12.5px;color:var(--ink-3)}
.b6r__ans p{min-height:120px;margin:12px 0 0;font-size:15.5px;line-height:1.55;color:var(--ink)}
.b6r__ans p.is-typing::after{content:'';display:inline-block;width:2px;height:16px;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:gcaret 1s steps(1) infinite}
@keyframes gcaret{50%{opacity:0}}
.b6r__v{display:flex;flex-wrap:wrap;gap:6px}
.b6r__v span{padding:7px 12px;border-radius:999px;background:rgba(31,157,85,.1);color:#17824a;font-size:13px;font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.b6r__v.is-on span{opacity:1;transform:none}
.b6r__v.is-on span:nth-child(2){transition-delay:.15s}.b6r__v.is-on span:nth-child(3){transition-delay:.3s}
.b6r__note{margin-top:auto;font-size:12.5px;color:var(--ink-3)}
.b6r__wh{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.b6r__wh b{font-size:clamp(40px,3.6vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1}
.b6r__wh span{font-size:15px;color:var(--ink-3)}
.b6r__wall ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.b6r__wall li{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--paper)}
.b6r__wall li img{width:36px;height:36px;border-radius:10px;object-fit:cover}
.b6r__wall li span{font-size:15px}
.b6r__wall li b{font-size:16px;font-weight:600}
.b6r__wall li b i{margin-left:3px;font-style:normal;color:#f2a33a}
.b6r__wall li small{min-width:96px;text-align:right;font-size:13px;color:var(--ink-3)}

@media (max-width:900px){
  .b6c__head{grid-template-columns:1fr;row-gap:14px}
  .b6c__stage{grid-template-columns:1fr;max-width:360px}
  .b6c__card--x{display:none}
  .b6c__why{grid-template-columns:1fr 1fr}
  .b6r__grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  .b6c,.b6r{padding-top:72px;padding-bottom:72px}
  .b6c__card{height:480px}
  .b6c__why{grid-template-columns:1fr;gap:12px}
  .b6c__foot{flex-direction:column;align-items:stretch}
  .b6c__foot .btn{justify-content:space-between}
  .b6 .reel figure,.b6 .reel img{width:200px}
  .b6 .reel img{height:252px}
  .b6 .aes3{grid-template-columns:1fr}
  .b6r__chat,.b6r__wall{padding:18px;border-radius:22px}
  .b6r__ans{margin-left:14px}
  .b6r__ans::before{display:none}
  .b6r__wall li{grid-template-columns:32px 1fr auto}
  .b6r__wall li small{display:none}
}
@media (prefers-reduced-motion:reduce){.b6 .reel__track{animation:none}}
.b6r__lg{display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:600}
/* выбрано: витрина (2) и под ней репутация (4) */
.b6 .b6v--2,.b6 .b6v--4{display:block}