/* Баннер с бонусом: яркий, с картинкой и кнопкой */
.promo-wrap{container-type:inline-size;clear:both;max-width:none!important;margin:36px 0!important}
.promo{box-sizing:border-box;position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center;max-width:none!important;margin:0!important;padding:28px 30px;overflow:hidden;border-radius:var(--pm-r);background:var(--pm-bg);color:var(--pm-fg);border:var(--pm-border);box-shadow:var(--pm-shadow);font-family:inherit;font-size:1rem;line-height:1.5;text-align:left}
.promo::before{content:"";position:absolute;inset:0;background:var(--pm-pattern,none);pointer-events:none}
.promo>*{position:relative;min-width:0}
.promo--big{padding:36px 38px}
.promo__badge{display:inline-block;margin:0 0 12px;padding:5px 12px;border-radius:var(--pm-badge-r);background:var(--pm-badge-bg);color:var(--pm-badge-fg);font-size:.875rem;font-weight:800;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}
.promo__title{margin:0 0 10px;font-family:var(--pm-fh,inherit);font-size:clamp(1.625rem,3.4vw,2.375rem);font-weight:800;line-height:1.12;color:var(--pm-fg);text-transform:none}
.promo--big .promo__title{font-size:clamp(1.875rem,4.2vw,3rem)}
.promo__sub{margin:0 0 20px;max-width:52ch;color:var(--pm-muted);font-size:1.0625rem}
.promo .cta.promo__cta{background:var(--pm-cta-bg);color:var(--pm-cta-fg);min-width:min(100%,260px)}
.promo__art{display:flex;justify-content:center;align-items:center;margin:0}
.promo__art img{display:block;width:auto;max-width:100%;max-height:340px;height:auto;border-radius:var(--pm-r);filter:drop-shadow(0 18px 28px rgba(0,0,0,.45))}
/* Интерактив: отдельный инструмент, не баннер */
.wd-wrap{container-type:inline-size;clear:both;max-width:none!important;margin:36px 0!important}
.wd{box-sizing:border-box;padding:24px;border-radius:var(--wd-r);background:var(--wd-bg);color:var(--wd-fg);border:1px solid var(--wd-line);border-left:6px solid var(--wd-accent);box-shadow:var(--wd-shadow);font-family:inherit;font-size:1rem;line-height:1.5;text-align:left}
.wd__badge{display:inline-block;margin:0 0 8px;font-size:.875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wd-accent)}
.wd__title{margin:0 0 6px;font-family:var(--wd-fh,inherit);font-size:clamp(1.375rem,2.6vw,1.75rem);font-weight:800;line-height:1.2;color:var(--wd-fg);text-transform:none}
.wd__sub{margin:0 0 18px;max-width:62ch;color:var(--wd-muted)}
.wd__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 18px;margin:0 0 18px}
.wd__f:has(.wd__seg),.wd__f:has(.wd__chips){grid-column:1/-1}
.wd__f[hidden],.wd__out>div[hidden]{display:none}
.wd__lbl{display:block;margin:0 0 6px;font-size:.9375rem;font-weight:700;color:var(--wd-fg)}
.wd__seg,.wd__chips{display:flex;flex-wrap:wrap;gap:8px}
.wd__opt,.wd__chip{min-height:44px;padding:8px 14px;border-radius:var(--wd-r);border:1px solid var(--wd-line);background:transparent;color:var(--wd-fg);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:transform 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1)}
.wd__opt[aria-checked="true"],.wd__chip[aria-pressed="true"]{background:var(--wd-accent);border-color:var(--wd-accent);color:var(--wd-accent-fg)}
.wd__opt:active,.wd__chip:active{transform:scale(.97)}
.wd__inp{box-sizing:border-box;width:100%;min-height:48px;margin:0 0 8px;padding:8px 14px;border-radius:var(--wd-r);border:1px solid var(--wd-line);background:var(--wd-field);color:var(--wd-fg);font:inherit;font-size:1.125rem;font-weight:700}
.wd__inp:focus-visible,.wd__opt:focus-visible,.wd__chip:focus-visible{outline:3px solid var(--wd-accent);outline-offset:2px}
.wd__out{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 18px}
.wd__out>div{padding:12px 14px;border-radius:var(--wd-r);background:var(--wd-field)}
.wd__out dt{margin:0 0 2px;font-size:.875rem;color:var(--wd-muted)}
.wd__out dd{margin:0;font-size:1.25rem;font-weight:800;color:var(--wd-fg);overflow-wrap:break-word}
.wd__out .is-key dd{color:var(--wd-accent)}
.wd__out .is-wide{grid-column:1/-1}
.wd__out .is-wide dd{font-size:1.0625rem;font-weight:700}
.wd .cta.wd__cta{background:var(--wd-cta-bg);color:var(--wd-cta-fg)}
.wd__note{margin:14px 0 0;max-width:64ch;font-size:.875rem;color:var(--wd-muted)}
@media (prefers-reduced-motion:no-preference){@keyframes cta-pulse{0%,100%{scale:1}50%{scale:1.035}}.promo .cta,.wd .cta{animation:cta-pulse 2.6s ease-in-out infinite}.promo .cta:hover,.promo .cta:focus-visible,.promo .cta:active,.wd .cta:hover,.wd .cta:focus-visible,.wd .cta:active{animation-play-state:paused}}
@container (max-width:700px){.promo,.promo--big{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 16px}.promo__art{order:-1}.promo__art img{max-height:170px}.promo .cta.promo__cta{width:100%}.wd{padding:18px 14px}.wd .cta.wd__cta{width:100%}.wd__out{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:440px){.wd__out{grid-template-columns:minmax(0,1fr)}}