#primebite-asaas-fields{font-family:inherit}.pba-payment-surface{margin:12px 0 8px;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.06)}.pba-payment-brand-row,.pba-modal-brand-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.pba-brand{font-weight:800;font-size:14px;letter-spacing:.2px}.pba-brand-primebite{color:#111}.pba-brand-asaas{color:#1677c8}.pba-brand-separator{opacity:.4;font-weight:700}.pba-payment-security,.pba-modal-security,.pba-card-security{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#667085;background:#f8fafc;border:1px solid #eef2f6;border-radius:9px;padding:10px}.pba-payment-security strong{display:block;color:#344054;margin-bottom:2px}.pba-payment-security small{display:block;color:#667085}.pba-card-form{margin-top:12px;padding:14px;border:1px solid #ececec;border-radius:12px;background:#fff}.pba-card-form h4{margin:0 0 12px;font-size:15px}.pba-field{margin-bottom:10px}.pba-field label{display:block;font-size:12px;font-weight:700;color:#344054;margin-bottom:5px}.pba-field input{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;font-size:14px;background:#fff}.pba-card-row{display:flex;gap:10px}.pba-card-row .pba-field{width:50%}.pba-primary-button{width:100%;border:0;border-radius:9px;padding:13px 14px;background:#f47b20;color:#fff;font-weight:800;cursor:pointer}.pba-status{text-align:center;font-weight:700;margin-top:14px}.pba-status-pending{color:#b7791f}.pba-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.pba-modal-card{width:min(420px,100%);background:#fff;border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.25);text-align:center}.pba-modal-card h3{margin:2px 0 6px;font-size:20px;color:#101828}.pba-modal-subtitle{margin:0 0 14px;color:#475467;line-height:1.5}.pba-pix-image-slot img{max-width:220px!important;width:220px;height:220px;margin:8px auto 14px;display:block}.pba-pix-code{width:100%;height:74px;padding:9px;border:1px solid #d0d5dd;border-radius:9px;box-sizing:border-box;font-size:11px;resize:none;background:#f8fafc;margin-bottom:10px}.pba-link-button{margin-top:12px;border:0;background:transparent;text-decoration:underline;color:#667085;cursor:pointer}.pba-spinner{width:38px;height:38px;margin:4px auto 14px;border:4px solid #ececec;border-top-color:#f47b20;border-radius:50%;animation:pba-spin .9s linear infinite}@keyframes pba-spin{to{transform:rotate(360deg)}}.pba-card-processing-card{max-width:380px}.pba-error{color:#b42318}.pba-success{color:#067647}

/* Fase 3/4: layout robusto do seletor de pagamento */
.myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;width:100%;box-sizing:border-box;padding:10px 4px}
.myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper > div, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper > div{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;width:100%;box-sizing:border-box}
.myd-cart__payment-options-container input[name=\"myd-payment-option\"]{flex:0 0 auto}
.myd-cart__payment-options-container input[name=\"myd-payment-option\"] + label{width:100%;box-sizing:border-box}
.myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper > div, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper > div{flex:0 1 170px;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;text-align:center}
.myd-cart__payment-options-container input[name=\"myd-payment-option\"] + label{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:8px 10px;border:1px solid transparent;border-radius:9px;transition:font-weight .2s ease, transform .2s ease, color .2s ease, background-color .2s ease, border-color .2s ease;cursor:pointer}
.myd-cart__payment-options-container input[name=\"myd-payment-option\"]:checked + label{font-weight:800;transform:scale(1.02);background:#eef5ff;border-color:#b9d4f5;color:#1d4f91}


/* Fase 2: animação leve, exclusiva para mobile. */
.pba-mobile-brand-animation{display:none}
@media (max-width: 767px){
  .pba-payment-brand-row{display:none}
  .pba-mobile-brand-animation{position:relative;height:54px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:800}
  .pba-anim-brand,.pba-anim-x,.pba-anim-plus,.pba-anim-burger,.pba-anim-after-prime,.pba-anim-after-asaas{position:absolute;opacity:0;will-change:transform,opacity}
  .pba-anim-primebite{left:50%;transform:translateX(calc(-100% - 18px));color:#111;animation:pba-prime-in 5.4s ease-in-out both}
  .pba-anim-asaas{right:50%;transform:translateX(calc(100% + 18px));color:#1677c8;animation:pba-asaas-in 5.4s ease-in-out both}
  .pba-anim-x{left:50%;top:16px;color:#667085;font-size:22px;transform:translateX(-50%);animation:pba-x-plus 5.4s ease-in-out both}
  .pba-anim-plus{left:50%;top:16px;color:#1677c8;font-size:22px;transform:translateX(-50%) scale(.7);animation:pba-plus 5.4s ease-in-out both}
  .pba-anim-burger{left:50%;top:9px;font-size:28px;transform:translateX(-50%) scale(.5) rotate(-15deg);animation:pba-burger 5.4s ease-in-out both}
  .pba-anim-after-prime{left:50%;top:17px;width:100px;margin-left:-91px;text-align:right;color:#111;transform:translateX(0);animation:pba-after-prime 5.4s ease-in-out both}
  .pba-anim-after-asaas{left:50%;top:17px;width:70px;margin-left:21px;text-align:left;color:#1677c8;transform:translateX(0);animation:pba-after-asaas 5.4s ease-in-out both}
  .myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper{gap:8px;padding-left:4px;padding-right:4px}
  .myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper > div, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper > div{gap:5px;min-width:0}
  .myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper > div > label, .myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper > div > label{font-size:14px;padding:7px 8px}
}

@keyframes pba-prime-in{0%,18%{opacity:0;transform:translateX(calc(-100% - 40px))}35%,62%{opacity:1;transform:translateX(calc(-100% - 18px))}78%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes pba-asaas-in{0%,18%{opacity:0;transform:translateX(calc(100% + 40px))}35%,62%{opacity:1;transform:translateX(calc(100% + 18px))}78%,100%{opacity:0;transform:translateX(10px)}}
@keyframes pba-x-plus{0%,40%{opacity:1;transform:translateX(-50%) rotate(0deg)}55%{opacity:1;transform:translateX(-50%) rotate(135deg)}70%,100%{opacity:0}}
@keyframes pba-plus{0%,52%{opacity:0;transform:translateX(-50%) scale(.7) rotate(-45deg)}62%,72%{opacity:1;transform:translateX(-50%) scale(1) rotate(0)}80%,100%{opacity:0}}
@keyframes pba-burger{0%,58%{opacity:0;transform:translateX(-50%) scale(.5) rotate(-15deg)}72%{opacity:1;transform:translateX(-50%) scale(1) rotate(0)}82%,100%{opacity:0;transform:translateX(-50%) scale(1.02)}}
@keyframes pba-after-prime{0%,76%{opacity:0;transform:translateX(14px)}88%,100%{opacity:1;transform:translateX(0)}}
@keyframes pba-after-asaas{0%,76%{opacity:0;transform:translateX(-14px)}88%,100%{opacity:1;transform:translateX(0)}}
@media (prefers-reduced-motion: reduce){.pba-mobile-brand-animation{display:none!important}}


/* Fase 2.3: refinamento visual dos modais de pagamento */
.pba-modal{padding:16px max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.pba-modal-card{animation:pba-modal-in .22s ease-out both;max-height:min(92vh,760px);overflow:auto;-webkit-overflow-scrolling:touch}
.pba-modal-brand-row{min-height:22px}
.pba-modal-brand-row .pba-brand{font-size:15px}
.pba-modal-card h3{line-height:1.25}
.pba-pix-modal-card .pba-pix-image-slot{display:flex;align-items:center;justify-content:center;min-height:220px;background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:8px;box-sizing:border-box}
.pba-pix-modal-card .pba-pix-image-slot img{border-radius:4px}
.pba-pix-modal-card .pba-modal-security,.pba-card-processing-card .pba-modal-security{justify-content:center;text-align:center;line-height:1.45}
.pba-status{display:inline-block;max-width:100%;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #eef2f6;line-height:1.35}
.pba-status-pending{background:#fff8e6;border-color:#f6e2a6}
.pba-success{background:#ecfdf3;border-color:#b7ebc6}
.pba-error{background:#fef3f2;border-color:#f7c6c2}
.pba-primary-button{transition:transform .15s ease,filter .15s ease}
.pba-primary-button:active{transform:scale(.985)}
.pba-link-button{padding:10px 14px;border-radius:8px}
.pba-link-button:active{background:#f2f4f7}
html.pba-modal-open,body.pba-modal-open{overflow:hidden!important}
@keyframes pba-modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:767px){
  .pba-modal{align-items:flex-end;padding:10px 10px max(10px,env(safe-area-inset-bottom))}
  .pba-modal-card{width:100%;border-radius:18px;padding:18px 16px 16px;max-height:88vh}
  .pba-modal-card h3{font-size:19px}
  .pba-modal-subtitle{font-size:14px}
  .pba-pix-modal-card .pba-pix-image-slot{min-height:0;padding:10px}
  .pba-pix-modal-card .pba-pix-image-slot img{width:min(220px,68vw)!important;height:min(220px,68vw)!important}
  .pba-pix-code{height:82px;font-size:11px}
  .pba-primary-button{padding:14px 16px;font-size:15px}
  .pba-link-button{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.pba-modal-card,.pba-primary-button{animation:none;transition:none}}

.pba-modal .pba-error{font-size:14px;font-weight:700;background:#fef3f2;border:1px solid #f7c6c2;border-radius:10px;padding:12px}
@media (max-width:767px){.myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper,.myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper{gap:10px}.myd-cart__payment-options-container details[data-type=\"payment-integration\"] > .myd-cart__payment-option-wrapper > div,.myd-cart__payment-options-container details[data-type=\"payment-asaas\"] > .myd-cart__payment-option-wrapper > div{flex:1 1 0}}

/* 0.4.3: selector balance + centered post-animation brand pair. */
