/*
 * Conserve la mise en page classique du checkout tout en permettant
 * au bloc de paiement de prendre toute la largeur disponible.
 */
@media (min-width:801px){
  .checkout-pink .checkout-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 370px;
    gap:24px;
  }

  .checkout-pink .checkout-grid>form{
    display:grid;
    grid-column:1/-1;
    grid-row:1;
    grid-template-columns:minmax(0,1fr) 370px;
    gap:16px 24px;
    min-width:0;
  }

  .checkout-pink .checkout-grid>form>section{
    grid-column:1;
    min-width:0;
  }

  .checkout-pink .checkout-grid>form>.payment-section{
    grid-column:1/-1;
  }

  .checkout-pink .checkout-grid>aside{
    grid-column:2;
    grid-row:1;
    align-self:start;
    position:sticky;
    z-index:1;
  }
}

.checkout-pink .payment-iframe{
  display:block;
  width:100%;
  min-height:560px;
}

@media (max-width:800px){
  .checkout-pink .payment-iframe{
    min-height:700px;
  }
}

.checkout-bank-card{overflow:hidden;border:1px solid #cad9cf;border-radius:16px;background:#f7faf8;color:#173326}
.checkout-bank-head{display:flex;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid #d7e2db;background:#edf3ef}
.checkout-bank-head>span{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:13px;background:#173326;color:#dcef72;font-size:20px;font-weight:900}
.checkout-bank-head small{color:#53705f;font-size:10px;font-weight:900;letter-spacing:.13em}
.checkout-bank-head h3{margin:3px 0 5px;font-size:21px}
.checkout-bank-head p{margin:0;color:#5d7768;font-size:13px}
.checkout-bank-card dl{margin:0;padding:8px 24px}
.checkout-bank-card dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #dce6df}
.checkout-bank-card dl>div:last-child{border-bottom:0}
.checkout-bank-card dt{color:#61786a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.checkout-bank-card dd{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;margin:0}
.checkout-bank-card dd strong{min-width:0;color:#10291d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;overflow-wrap:anywhere}
.checkout-bank-card dd button{flex:none;padding:9px 13px;border:1px solid #bfd0c5;border-radius:9px;background:#fff;color:#214c36;font-weight:800;cursor:pointer}
.checkout-bank-card dd button:hover{background:#e7f0ea}
.checkout-bank-feedback{min-height:20px;margin:0 24px;color:#177148;font-size:12px;font-weight:800}
.checkout-bank-reference{display:grid;gap:3px;margin:8px 24px 24px;padding:14px 16px;border-radius:11px;background:#e2ecdf;color:#294735}
.checkout-bank-reference span{font-size:12px}
@media(max-width:600px){.checkout-bank-head{padding:18px}.checkout-bank-card dl{padding:6px 18px}.checkout-bank-card dl>div{grid-template-columns:1fr;gap:7px}.checkout-bank-card dd{align-items:flex-start;flex-direction:column}.checkout-bank-card dd button{width:100%}.checkout-bank-feedback,.checkout-bank-reference{margin-left:18px;margin-right:18px}}