/*
 * Блок v2 «Бонусы» (acf/wx-bonus). Подключается, только если блок есть на странице (inc/v2-blocks.php).
 */

.v2 .wx-block{--wx-amo-font:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v2 .wx-bonus{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;padding:40px;}
.v2 .wx-bonus__l{display:flex;flex-direction:column;gap:32px;}
.v2 .wx-track--bonus{grid-template-columns:repeat(3,minmax(0,1fr));}
.v2 .wx-lic{position:relative;padding:28px 34px;font-family:var(--wx-amo-font);}
.v2 .wx-lic__card{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:14px;background:#fff;color:#1d2b36;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);}
.v2 .wx-lic__head{display:flex;align-items:center;gap:12px;}
.v2 .wx-lic__badge{width:44px;height:44px;border-radius:10px;background:#0e2639;color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--wx-amo-font);}
.v2 .wx-lic__head b{display:block;font:600 16px/1.2 var(--wx-amo-font);}
.v2 .wx-lic__head small{font-size:12px;color:#6b7075;}
.v2 .wx-lic__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
.v2 .wx-mt{position:relative;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:2px;font:600 12px/1 var(--wx-amo-font);animation:wx-pop .5s var(--ease-standard) both;}
.v2 .wx-mt--pd{background:#e5eeff;color:#0057a9;}
.v2 .wx-mt--gf{background:linear-gradient(135deg,#22c55e,#0d9488);color:#fff;box-shadow:0 8px 16px -8px #22c55e;}
.v2 .wx-lic__grid .wx-mt--gf{color:#063d1f;background:linear-gradient(135deg,#4ade80,#2dd4bf);}
.v2 .wx-lic__legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#5b5d62;}
.v2 .wx-lic__legend span{display:flex;align-items:center;gap:6px;}
.v2 .wx-lic__legend i{width:10px;height:10px;border-radius:3px;}
.v2 .wx-lic__legend i.wx-mt--pd{background:#99ccff;}
.v2 .wx-lic__legend i.wx-mt--gf{background:#22c55e;}
.v2 .wx-lic__foot{display:flex;align-items:center;gap:16px;padding-top:14px;border-top:1px solid #e8eaeb;}
.v2 .wx-lic__ring{width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:conic-gradient(#e96b3b 0 var(--ring-to,20%),#e8eaeb var(--ring-to,20%) 100%);display:flex;align-items:center;justify-content:center;}
.v2 .wx-lic__ring-in{width:66px;height:66px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.v2 .wx-lic__ring-in b{font:700 18px/1 var(--wx-amo-font);color:#c3263a;}
.v2 .wx-lic__ring-in small{font-size:9px;color:#6b7075;margin-top:2px;}
.v2 .wx-lic__w{display:flex;flex-direction:column;gap:2px;}
.v2 .wx-lic__w b{font:700 26px/1 var(--wx-amo-font);background:linear-gradient(90deg,#e96b3b,#e0404c);-webkit-background-clip:text;background-clip:text;color:transparent;}
.v2 .wx-lic__w span{font-size:13px;color:#5b5d62;}
.v2 .wx-lic__fl{position:absolute;z-index:2;padding:6px;border-radius:14px;background:#1b1720;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px -10px rgba(0,0,0,.7);animation:wx-bob 6s ease-in-out infinite;}
.v2 .wx-lic__fl--1{top:0;left:0;rotate:-8deg;}
.v2 .wx-lic__fl--2{top:40%;right:0;rotate:6deg;animation-delay:1.2s;}
.v2 .wx-lic__fl--3{bottom:0;left:22%;rotate:4deg;animation-delay:2.4s;}

html[data-theme="light"] .v2 .wx-lic__card{box-shadow:0 24px 50px -24px rgba(60,30,90,.35),0 0 0 1px rgba(23,20,31,.06);}
@media (max-width:1023px){
  .v2 .wx-bonus{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px;}
  .v2 .wx-lic{max-width:520px;width:100%;margin-inline:auto;}
}
@media (max-width:767px){
  .v2 .wx-bonus{padding:24px;gap:28px;}
  .v2 .wx-track--bonus{grid-template-columns:minmax(0,1fr);gap:20px;}
  .v2 .wx-lic{padding:20px 10px;}
  .v2 .wx-lic__card{padding:16px;}
  .v2 .wx-mt{height:32px;}
  .v2 .wx-lic__fl .wx-ico{width:30px;height:30px;}
}
.v2 .wx-lic__fl{animation-play-state:var(--wx-play,running);}
.v2 .wx-bonus{content-visibility:auto;contain-intrinsic-size:auto 640px;}
/* до 1023px блок вдвое выше заглушки — без content-visibility, иначе при прокрутке скачет вёрстка */
@media (max-width:1023px){.v2 .wx-bonus{content-visibility:visible;contain-intrinsic-size:none;}}
/* сноска (макет 07.10) */
.v2 .wx-bn-star{font-size:.55em;vertical-align:super;color:var(--orange-1);margin-left:2px;}
.v2 .wx-bn-note{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted);max-width:560px;}
html[data-theme="light"] .v2 .wx-bn-note{color:#5b5568;}

/* Заявка формой в блоке (настройка «Заявка» → «Форма с телефоном в блоке»: «О WelbeX», 404) */
.v2 .wx-bn-form{display:flex;flex-direction:column;gap:12px;}
.v2 .wx-bn-form__area{display:flex;flex-direction:column;gap:12px;}
.v2 .wx-bn-form__area[hidden],.v2 .wx-bn-ok[hidden]{display:none;}
.v2 .wx-bn-ok{display:flex;align-items:center;gap:14px;max-width:560px;padding:16px 18px;border-radius:20px;background:rgba(127,214,160,.08);box-shadow:inset 0 0 0 1px rgba(127,214,160,.35);}
.v2 .wx-bn-ok__ck{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7fd6a0;color:#0e1a13;}
.v2 .wx-bn-ok b{display:block;color:var(--white);font-size:16px;}
.v2 .wx-bn-ok b:focus{outline:none;}
.v2 .wx-bn-ok span{font-size:14px;color:var(--text-secondary);}
html[data-theme="light"] .v2 .wx-bn-ok{background:rgba(27,138,75,.08);box-shadow:inset 0 0 0 1px rgba(27,138,75,.3);}
html[data-theme="light"] .v2 .wx-bn-ok b{color:#17141f;}
html[data-theme="light"] .v2 .wx-bn-ok span{color:#3a3545;}