/* =============================================
   BetFM — CSS для FAQ-материалов
   Содержит все блоки: bfq-b1, bfq-b3, bfq-b7,
   author-box + кнопки + адаптив
   Версия: final (equal spacing между блоками)
   ============================================= */

/* === BUTTONS === */
.bfq-btn-primary,.bfq-btn-primary-lg{display:inline-flex!important;align-items:center!important;gap:7px!important;background:#00e2c3!important;color:#001a14!important;font-family:'Exo 2',sans-serif!important;font-weight:800!important;border:none!important;border-radius:8px!important;cursor:pointer!important;text-decoration:none!important;letter-spacing:.02em!important;white-space:nowrap!important;line-height:1!important;transition:opacity .2s,transform .15s,box-shadow .2s!important}
.bfq-btn-primary{font-size:14px!important;padding:11px 22px!important}
.bfq-btn-primary-lg{font-size:15px!important;padding:15px 44px!important;box-shadow:0 0 36px rgba(0,226,195,.28)!important}
.bfq-btn-primary:hover,.bfq-btn-primary-lg:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 4px 32px rgba(0,226,195,.4)!important;color:#001a14!important}
.bfq-btn-ghost{display:inline-flex!important;align-items:center!important;background:rgba(255,255,255,.06)!important;color:#8a9099!important;font-family:'Exo 2',sans-serif!important;font-size:13px!important;font-weight:500!important;padding:11px 18px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important;cursor:pointer!important;text-decoration:none!important;line-height:1!important;transition:background .2s,color .2s!important}
.bfq-btn-ghost:hover{background:rgba(255,255,255,.12)!important;color:#f0f2f4!important}

/* === BLOCK 1: TOP BANNER (bfq-b1) === */
.bfq-b1{position:relative!important;border-radius:14px!important;overflow:hidden!important;background:#181b1e!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:stretch!important;min-height:152px!important;margin:40px 0!important}
.bfq-b1__bg{position:absolute!important;inset:0!important;background:radial-gradient(ellipse 55% 90% at 80% 50%,rgba(0,226,195,.09) 0%,transparent 65%),radial-gradient(ellipse 28% 60% at 8% 90%,rgba(0,180,255,.04) 0%,transparent 60%)!important;pointer-events:none!important}
.bfq-b1__grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;background-size:32px 32px!important;pointer-events:none!important}
.bfq-b1__left{position:relative!important;z-index:1!important;flex:1!important;padding:28px 32px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important}
.bfq-b1__tag{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#00e2c3!important;color:#001a14!important;font-size:11px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;padding:3px 10px!important;border-radius:20px!important;width:fit-content!important;margin-bottom:4px!important;font-family:'Exo 2',sans-serif!important}
.bfq-b1__headline{font-size:26px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.015em!important;color:#f0f2f4!important;margin:0!important;font-family:'Exo 2',sans-serif!important}
.bfq-b1__headline em{color:#00e2c3!important;font-style:normal!important}
.bfq-b1__sub{font-size:13px!important;color:#8a9099!important;font-weight:400!important;margin-top:2px!important;line-height:1.5!important;font-family:'Exo 2',sans-serif!important}
.bfq-b1__actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:16px!important;flex-wrap:wrap!important}
.bfq-b1__right{position:relative!important;z-index:1!important;width:272px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:20px 28px 20px 0!important;gap:18px!important}
.bfq-b1__stat{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.bfq-b1__stat-val{font-size:21px!important;font-weight:800!important;color:#00e2c3!important;line-height:1!important;font-family:'Exo 2',sans-serif!important}
.bfq-b1__stat-lbl{font-size:11px!important;color:#555d66!important;font-weight:500!important;margin-top:3px!important;white-space:nowrap!important;font-family:'Exo 2',sans-serif!important}
.bfq-b1__div{width:1px!important;height:38px!important;background:rgba(255,255,255,.08)!important;flex-shrink:0!important}

/* === BLOCK 3: TRUST BADGES (bfq-b3) === */
.bfq-b3{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;margin:40px 0!important}
.bfq-b3__badge{display:flex!important;align-items:center!important;gap:10px!important;background:#181b1e!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;padding:11px 16px!important;transition:border-color .2s,background .2s!important;flex:1!important;min-width:148px!important}
.bfq-b3__badge:hover{border-color:rgba(0,226,195,.35)!important;background:#1e2226!important}
.bfq-b3__icon{width:36px!important;height:36px!important;flex-shrink:0!important;border-radius:9px!important;background:rgba(0,226,195,.12)!important;border:1px solid rgba(0,226,195,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.bfq-b3__icon svg{width:17px!important;height:17px!important;display:block!important}
.bfq-b3__text{display:flex!important;flex-direction:column!important;gap:2px!important}
.bfq-b3__label{font-size:12px!important;font-weight:700!important;color:#f0f2f4!important;font-family:'Exo 2',sans-serif!important}
.bfq-b3__sub{font-size:11px!important;color:#555d66!important;font-weight:400!important;font-family:'Exo 2',sans-serif!important}
.bfq-b3__join{flex-shrink:0!important;align-self:stretch!important;justify-content:center!important}

/* === BLOCK 7: BOTTOM EXIT CTA (bfq-b7) === */
.bfq-b7{position:relative!important;border-radius:14px!important;overflow:hidden!important;background:#181b1e!important;border:1px solid rgba(255,255,255,.08)!important;padding:52px 40px 48px!important;text-align:center!important;margin:40px 0!important}
.bfq-b7__bg{position:absolute!important;inset:0!important;background:radial-gradient(ellipse 65% 55% at 50% 105%,rgba(0,226,195,.13) 0%,transparent 60%),radial-gradient(ellipse 35% 35% at 15% 15%,rgba(0,180,255,.05) 0%,transparent 55%),radial-gradient(ellipse 28% 28% at 85% 8%,rgba(180,0,200,.04) 0%,transparent 55%)!important;pointer-events:none!important}
.bfq-b7__line{position:absolute!important;top:0!important;left:18%!important;right:18%!important;height:1px!important;background:linear-gradient(90deg,transparent,#00e2c3,transparent)!important}
.bfq-b7__inner{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.bfq-b7__eyebrow{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(0,226,195,.1)!important;border:1px solid rgba(0,226,195,.32)!important;color:#00e2c3!important;font-size:11px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important;padding:5px 14px!important;border-radius:20px!important;margin-bottom:22px!important;font-family:'Exo 2',sans-serif!important}
.bfq-b7__title{font-size:34px!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#f0f2f4!important;max-width:560px!important;margin-bottom:12px!important;font-family:'Exo 2',sans-serif!important}
.bfq-b7__title em{color:#00e2c3!important;font-style:normal!important}
.bfq-b7__sub{font-size:14px!important;color:#8a9099!important;line-height:1.65!important;max-width:480px!important;margin-bottom:30px!important;font-family:'Exo 2',sans-serif!important}
.bfq-b7__perks{display:flex!important;gap:22px!important;align-items:center!important;justify-content:center!important;margin-bottom:30px!important;flex-wrap:wrap!important}
.bfq-b7__perk{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:500!important;color:#8a9099!important;font-family:'Exo 2',sans-serif!important}
.bfq-b7__perk::before{content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#00e2c3!important;flex-shrink:0!important}
.bfq-b7__actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}
.bfq-b7__fine{font-size:11px!important;color:#555d66!important;font-family:'Exo 2',sans-serif!important}

/* === WP IMAGE RESET === */
.wp-block-image figure.aligncenter{margin-inline:0!important;margin-left:0!important;margin-right:0!important}

/* === AUTHOR BOX === */
.author-box{display:flex!important;gap:16px!important;align-items:flex-start!important;background:linear-gradient(135deg,#1e2024,#191a1f)!important;border:1px solid rgba(0,199,177,.15)!important;border-radius:16px!important;padding:24px!important;margin:40px 0!important}
.author-box__avatar{width:64px!important;height:64px!important;border-radius:50%!important;flex-shrink:0!important;border:2px solid #00c7b1!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;color:#00c7b1!important;background:rgba(0,199,177,.1)!important}
.author-box__label{font-size:11px!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#8b9099!important}
.author-box__name{font-size:18px!important;font-weight:700!important;color:#f6f7f9!important;margin-top:2px!important}
.author-box__bio{font-size:14px!important;color:#8b9099!important;line-height:1.6!important;margin-top:8px!important}

/* === RESPONSIVE === */
@media(max-width:640px){
    .bfq-b1,.bfq-b3,.bfq-b7,.author-box,.wp-block-image{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
    .bfq-b1,.bfq-b3,.bfq-b7,.author-box{margin-top:32px!important;margin-bottom:32px!important}
    .wp-block-image figure.aligncenter,.wp-block-image figure.aligncenter img{width:100%!important;margin-inline:0!important;margin-left:0!important;margin-right:0!important}
    .bfq-b1__right{display:none!important}
    .bfq-b1__headline{font-size:20px!important}
    .bfq-b1__left{padding:22px 20px!important}
    .bfq-b7{padding:36px 20px 32px!important}
    .bfq-b7__title{font-size:24px!important}
    .bfq-btn-primary-lg{padding:13px 28px!important;font-size:14px!important}
    .bfq-b3__join{width:100%!important}
}

@media(max-width:768px){
    figure.wp-block-table table.has-fixed-layout{table-layout:fixed!important;width:100%!important}
    figure.wp-block-table table.has-fixed-layout td{padding:6px 4px!important;font-size:12px!important;line-height:1.3!important;word-break:break-word!important}
    figure.wp-block-table table.has-fixed-layout td strong{font-size:11px!important}
    figure.wp-block-table table.has-fixed-layout tr td:nth-child(1){width:28%!important}
    figure.wp-block-table table.has-fixed-layout tr td:nth-child(2){width:22%!important}
    figure.wp-block-table table.has-fixed-layout tr td:nth-child(3){width:20%!important}
    figure.wp-block-table table.has-fixed-layout tr td:nth-child(4){width:30%!important}
}

@media(max-width:480px){
    .author-box{flex-direction:column!important;align-items:center!important;text-align:center!important}
}