:root{
    --pay-card:#fff;             /* fond des cartes */
    --pay-accent:#ffefc7;        /* surlignage doux “autre montant” */
    --pay-ink:#2b1e17;
    --pay-border:#e6d6c8;
    --pay-shadow:0 10px 24px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);
    --pp-blue:#0070ba;           /* PayPal primary */
}

.pay-list{ max-width:920px; margin:0 auto 36px; }
.pay-note{ text-align:center; color:#6b5a51; font-size:.95rem; margin:14px 0 0; }

/* Row (desktop: 3 columns, mobile: stacked) */
.pay-item{
    display:grid;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    align-items:center;
    background:var(--pay-card);
    border:1px solid var(--pay-border);
    box-shadow:var(--pay-shadow);
    border-radius:16px;
    padding:16px 18px;
    margin:14px 0;
}
.pay-item--other{ background:var(--pay-accent); }

/* Title */
.pay-title{ font-weight:800; color:var(--pay-ink); }

/* Price pill (span or input) */
.pay-pill{
    display:inline-flex; align-items:center; gap:6px;
    padding:10px 16px; border-radius:999px;
    border:1px solid var(--pay-border);
    background:#fff; color:#2b1e17; min-width:110px; justify-content:center;
    font-weight:800;
}
.pay-pill--input{ padding:6px 8px; }
.pay-pill--input input{
    width:110px; border:none; background:transparent;
    text-align:center; font-weight:800; outline:none; font-variant-numeric:tabular-nums;
}
.pay-currency{ opacity:.9; font-weight:800; }

/* PayPal button */
.pp-btn{
    display:inline-flex; align-items:center; gap:10px;
    background:linear-gradient(#009cde,#0070ba);
    border:none; color:#fff; font-weight:800;
    padding:12px 16px; border-radius:12px;
    box-shadow:0 6px 14px rgba(0,112,186,.25);
    cursor:pointer;
}
.pp-btn:disabled{ opacity:.55; cursor:not-allowed; }
.pp-btn .pp-i{ width:18px; height:18px; display:block; }

/* Responsive */
@media (max-width: 720px){
    .pay-item{ grid-template-columns: 1fr; gap:10px; }
    .pay-title{ order:1; }
    .pay-price{ order:2; }
    .pay-cta{ order:3; }
    .pay-pill{ justify-content:flex-start; }
}
