/* «Эксперты расскажут» — three layouts (?topics=1|2|3). The verbs «Разберём…» are hidden;
   the statements become the main text. Without the parameter the current block shows. */
html.tp body .wow-topics .wt-tile h3{display:none!important}
html.tp body .wow-topics .wt-tile p,html.tp body .wow-topics .topic-line{color:#16121a!important}

/* ---------- 1 — Big list: buyer on the left, four statements as large rows with pink numbers ---------- */
html.tp-1 body .wow-topics .wt-stage{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:48px!important;align-items:center}
html.tp-1 body .wow-topics .wt-tiles{display:flex!important;flex-direction:column;gap:0!important;counter-reset:tp;width:100%!important;margin:0!important}
html.tp-1 body main .wow-topics .wt-tile:nth-child(n){counter-increment:tp;display:grid!important;grid-template-columns:72px minmax(0,1fr) 64px!important;align-items:center;gap:24px;min-height:0!important;margin:0!important;width:auto!important;left:0!important;padding:26px 0!important;background:none!important;border:0!important;border-top:1px solid #ededed!important;clip-path:none!important;border-radius:0!important}
html.tp-1 body main .wow-topics .wt-tile:last-child{border-bottom:1px solid #ededed!important}
html.tp-1 body main .wow-topics .wt-tile::before{content:counter(tp,decimal-leading-zero);display:block!important;position:static!important;background:none!important;clip-path:none!important;font:400 40px/1 Eesti,Arial,sans-serif;color:#ff0067;inset:auto}
html.tp-1 body .wow-topics .wt-tile p,html.tp-1 body .wow-topics .topic-line{font-size:24px!important;line-height:1.3!important}
html.tp-1 body .wow-topics .wt-icon,html.tp-1 body .wow-topics .wt-tile[data-side] .wt-icon{position:static!important;grid-column:3;grid-row:1;width:64px!important;height:64px!important}
html.tp-1 body .wow-topics .wt-tile p{grid-column:2;grid-row:1}

/* ---------- 2 — Four cards, no character: icon on top, the statement as a card heading ---------- */
html.tp-2 body .wow-topics .wt-center{display:none!important}
html.tp-2 body .wow-topics .wt-stage{display:block!important}
html.tp-2 body .wow-topics .wt-tiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0!important}
html.tp-2 body main .wow-topics .wt-tile:nth-child(n){display:flex!important;flex-direction:column;gap:22px;margin:0!important;width:auto!important;left:0!important;min-height:300px!important;padding:32px 28px 34px!important;background:#f7f7f7!important;border-radius:32px!important;clip-path:none!important}
html.tp-2 body main .wow-topics .wt-tile:nth-child(2n){background:#fff0f6!important}
html.tp-2 body main .wow-topics .wt-tile::before,html.tp-2 body main .wow-topics .wt-tile::after{display:none!important}
html.tp-2 body .wow-topics .wt-icon,html.tp-2 body .wow-topics .wt-tile[data-side] .wt-icon{position:static!important;width:84px!important;height:84px!important}
html.tp-2 body .wow-topics .wt-tile p,html.tp-2 body .wow-topics .topic-line{font-size:22px!important;line-height:1.3!important}

/* ---------- 3 — One pink plate: the buyer presents a 2×2 grid of statements on white chips ---------- */
html.tp-3 body .wow-topics .wt-stage{position:relative;isolation:isolate;display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:32px!important;align-items:end;padding:40px 40px 40px 24px}
html.tp-3 body .wow-topics .wt-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:#ff0067;border-radius:40px;transform:skewY(-1.2deg)}
html.tp-3 body .wow-topics .wt-buyer{max-height:360px!important;margin-bottom:-40px!important}
html.tp-3 body .wow-topics .wt-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;margin:0!important}
html.tp-3 body main .wow-topics .wt-tile:nth-child(n){display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center;gap:18px;margin:0!important;width:auto!important;left:0!important;min-height:0!important;padding:24px 26px!important;background:#fff!important;border-radius:24px!important;clip-path:none!important}
html.tp-3 body main .wow-topics .wt-tile::before,html.tp-3 body main .wow-topics .wt-tile::after{display:none!important}
html.tp-3 body .wow-topics .wt-icon,html.tp-3 body .wow-topics .wt-tile[data-side] .wt-icon{position:static!important;width:56px!important;height:56px!important}
html.tp-3 body .wow-topics .wt-tile p,html.tp-3 body .wow-topics .topic-line{font-size:20px!important;line-height:1.3!important}

/* ---------- Phones ---------- */
@media(max-width:1000px){html.tp-2 body .wow-topics .wt-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 html.tp body .wow-topics .wt-center{display:none!important}
 html.tp body .wow-topics .wt-stage{display:block!important;padding:0}
 html.tp-1 body main .wow-topics .wt-tile:nth-child(n){grid-template-columns:44px minmax(0,1fr) 48px!important;gap:14px;padding:20px 0!important}
 html.tp-1 body main .wow-topics .wt-tile::before{font-size:26px}
 html.tp-1 body .wow-topics .wt-tile p,html.tp-1 body .wow-topics .topic-line{font-size:18px!important}
 html.tp-1 body .wow-topics .wt-icon,html.tp-1 body .wow-topics .wt-tile[data-side] .wt-icon{width:48px!important;height:48px!important}
 html.tp-2 body .wow-topics .wt-tiles{grid-template-columns:1fr!important}
 html.tp-2 body main .wow-topics .wt-tile:nth-child(n){min-height:0!important;flex-direction:row;align-items:center;padding:22px!important}
 html.tp-2 body .wow-topics .wt-icon,html.tp-2 body .wow-topics .wt-tile[data-side] .wt-icon{width:60px!important;height:60px!important;flex:none}
 html.tp-2 body .wow-topics .wt-tile p,html.tp-2 body .wow-topics .topic-line{font-size:18px!important}
 html.tp-3 body .wow-topics .wt-stage{padding:22px 16px!important}
 html.tp-3 body .wow-topics .wt-tiles{grid-template-columns:1fr!important}
 html.tp-3 body .wow-topics .wt-tile p,html.tp-3 body .wow-topics .topic-line{font-size:17px!important}
}

/* Layout fixes: let the stage use the full column and place the pieces explicitly. */
html.tp body .wow-topics .wt-stage{max-width:none!important;width:100%!important;margin:0!important}
html.tp body .wow-topics .wt-center{grid-column:1!important;grid-row:1!important;margin:0!important}
html.tp body .wow-topics .wt-tiles{grid-column:2!important;grid-row:1!important;max-width:none!important}
html.tp-2 body .wow-topics .wt-tiles{grid-column:auto!important}
html.tp-1 body .wow-topics .wt-tile p{grid-column:2!important;grid-row:1!important;max-width:none!important}
html.tp-1 body .wow-topics .wt-icon{grid-column:3!important;grid-row:1!important}
html.tp-3 body .wow-topics .wt-icon{grid-column:1!important;grid-row:1!important}
html.tp-3 body .wow-topics .wt-tile p{grid-column:2!important;grid-row:1!important;max-width:none!important}
html.tp-2 body .wow-topics .wt-tile p{max-width:none!important}
@media(max-width:760px){html.tp body .wow-topics .wt-tiles{grid-column:auto!important}}
html.tp-1 body main .wow-topics .wt-tile:nth-child(n)::before{content:counter(tp,decimal-leading-zero)!important;display:block!important;position:static!important;grid-column:1!important;grid-row:1!important;width:auto!important;height:auto!important;background:none!important;opacity:1!important;transform:none!important;font:400 40px/1 Eesti,Arial,sans-serif!important;color:#ff0067!important}
html.tp-1 body main .wow-topics .wt-tile:nth-child(n){top:0!important;transform:none!important}
html.tp-1 body .wow-topics .wt-icon,html.tp-1 body .wow-topics .wt-tile[data-side] .wt-icon{justify-self:end}
@media(max-width:760px){html.tp-1 body main .wow-topics .wt-tile:nth-child(n)::before{font-size:26px!important}}
html.tp-1 body main .wow-topics .wt-tile:nth-child(n){width:100%!important}
html.tp body .wow-topics .wt-stage{box-sizing:border-box!important}