.shipping-calculator-body{margin:12px 0;}
.shipping-calculator-body .input-field-flex{display:flex;gap:12px;align-items:flex-end}
.shipping-calculator-body .field__input{height:42px;padding:8px 12px;border:1px solid #dcdcdc;border-radius:var(--btn-border-radius);width:100%}
.shipping-calculator-body .button{appearance:none;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;background:#111;color:#fff;font-weight:600;min-width: 200px;}
.shipping-calculator-body .button[disabled]{opacity:.6;cursor:not-allowed}
#get-rates-container .btn{min-width:200px !important;}
#wrapper-response{margin-top:10px}
#shipping-rates{list-style:none;padding:0;margin:8px 0 0}
#shipping-rates ul{margin: 12px 0;}
#shipping-rates p{margin:0 !important;}
#shipping-rates li{border: 1px solid #426e90;border-radius: 10px;padding: 7px 12px;margin: 8px 0;}
#shipping-rates .ship-name{font-weight:600}
#shipping-rates .ship-price{margin-left:.35rem}
#shipping-rates-feedback.success{color:#1a7f37}
#shipping-rates-feedback.error{color:#b42318}

/* Caixa de resumo + CTA (fora da lista) */
.wrapper-aux--style{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.wrapper-aux--style.has-bg{background:#fff;border:1px solid #426e90;border-radius:10px;padding:10px 12px}
.shipping-inline__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shipping-inline__name{font-weight:600}
.shipping-inline__eta{margin:.5rem 0 0;font-size:.95rem;color:#555}
.shipping-inline__more-outside{background:transparent;border:0;color:#1b4b7a;font-weight:700;text-decoration:underline;cursor:pointer;padding:4px 0}

/* Modal */
.shipping-modal{position:fixed;inset:0;display:none}
.shipping-modal.is-open{display:block}
.shipping-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.shipping-modal__dialog{position:relative;z-index:2;background:#fff;border-radius:14px;max-width:90%;margin:8vh auto;padding:16px;outline:0}
.shipping-modal__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:8px}
.shipping-modal__close{appearance:none;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
#shipping-modal{z-index:999;}

@media(max-width:768px){
  .shipping-calculator-body .input-field-flex{    flex-direction: column;
    align-items: flex-start;}
    
  #get-rates-container .btn,#get-rates-container{width:100% !important;}
  #shipping-calculator p, #shipping-calculator .shipping-inline__more-outside, #shipping-calculator span{font-size:13px;}
  
  
}