/* Advance payment block on website forms (works on the dark and the light forms) */
.sgp{--sgp-line:rgba(207,173,118,.35);--sgp-card:rgba(255,255,255,.05);--sgp-text:inherit;--sgp-muted:rgba(255,255,255,.66);margin-top:6px}
.form-light .sgp{--sgp-line:rgba(42,16,59,.16);--sgp-card:#fff;--sgp-muted:var(--muted,#6c6271)}
.sgp-title{display:flex;align-items:center;gap:14px;font:600 11px/1 var(--font-body,'Manrope',sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#cfad76)}
.sgp-title:after{content:'';flex:1;height:1px;background:var(--sgp-line)}
.sgp-title em{font-style:normal;color:var(--gold,#cfad76)}
.sgp-title small{letter-spacing:.1em;opacity:.75;font-size:10px}
.sgp-intro{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--sgp-muted)}
.sgp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}
.sgp-card{border:1px solid var(--sgp-line);background:var(--sgp-card);border-radius:18px;padding:16px 16px 14px}
.sgp-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sgp-card-head b{font:500 19px/1.15 'Cormorant Garamond',serif;letter-spacing:.01em}
.sgp-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(207,173,118,.16);color:var(--gold,#cfad76);flex:0 0 auto}
.sgp-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l c" "v c";align-items:center;column-gap:10px;padding:8px 0;border-top:1px dashed var(--sgp-line)}
.sgp-row span{grid-area:l;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sgp-muted)}
.sgp-row b{grid-area:v;font-size:15px;font-weight:700;letter-spacing:.02em;word-break:break-all}
.sgp-copy{grid-area:c;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--sgp-line);background:transparent;color:inherit;font:600 11px/1 var(--font-body,'Manrope',sans-serif);cursor:pointer}
.sgp-copy em{font-style:normal}
.sgp-copy:hover{border-color:var(--gold,#cfad76)}
.sgp-qr{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:8px;border-radius:12px;border:1px solid var(--sgp-line);background:transparent;color:inherit;cursor:zoom-in;font:500 12px/1.3 var(--font-body,'Manrope',sans-serif)}
.sgp-qr img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}
.sgp-note{margin:10px 0 0;font-size:12.5px;color:var(--sgp-muted)}
.sgp-proof{margin-top:16px}
.sgp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.sgp-grid label{display:flex;flex-direction:column;gap:8px;font:600 10.5px/1 var(--font-body,'Manrope',sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--sgp-muted)}
.sgp-grid .sgp-wide{grid-column:1/-1}
.sgp-grid input,.sgp-grid select{font:500 15px/1.4 var(--font-body,'Manrope',sans-serif);letter-spacing:0;text-transform:none;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--sgp-line);padding:8px 0;outline:none;border-radius:0}
.form-light .sgp-grid input,.form-light .sgp-grid select{color:var(--charcoal,#25202a)}
.sgp-grid select option{color:#25202a}
.sgp-grid input:focus,.sgp-grid select:focus{border-bottom-color:var(--gold,#cfad76)}
.sgp-drop{position:relative;display:flex;align-items:center;min-height:76px;margin-top:16px;padding:12px 16px;border:1.5px dashed var(--sgp-line);border-radius:18px;cursor:pointer;transition:border-color .2s,background .2s}
.sgp-drop:hover{border-color:var(--gold,#cfad76);background:rgba(207,173,118,.06)}
.sgp-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sgp-drop-empty,.sgp-drop-full{display:flex;align-items:center;gap:14px;width:100%}
.sgp-drop-empty>svg{color:var(--gold,#cfad76);flex:0 0 auto}
.sgp-drop b{display:block;font-size:14px}
.sgp-drop small{display:block;font-size:12px;color:var(--sgp-muted);margin-top:2px}
.sgp-drop-full img{width:52px;height:52px;object-fit:cover;border-radius:10px;flex:0 0 auto}
.sgp-drop-full span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sgp-drop [hidden]{display:none}
.sgp-x{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid var(--sgp-line);background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.sgp.is-loading .sgp-drop{opacity:.6}
.sgp-err{margin:10px 0 0;color:#ff8fae;font-size:13px}
.form-light .sgp-err{color:#b3245a}
.sgp-err[hidden]{display:none}
.sgp-zoom{position:fixed;inset:0;z-index:10000;background:rgba(24,12,36,.86);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.sgp-zoom img{max-width:min(420px,92vw);max-height:80vh;background:#fff;border-radius:16px;padding:12px}
.sgp-zoom button{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:24px;cursor:pointer}
@media (max-width:640px){.sgp-grid{grid-template-columns:1fr}.sgp-cards{grid-template-columns:1fr}}
/* the site styles every label inside .field as a small caps label: undo that for the upload box */
.sgp,.sgp-card,.sgp-cards,.sgp-proof{min-width:0}
.field .sgp-drop,.sgp .sgp-drop{display:flex;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:inherit;margin-top:16px}
.form-light .sgp .sgp-drop{color:var(--charcoal,#25202a)}
.sgp .sgp-drop b{font-weight:700;letter-spacing:0}