/* DEJOIY Balance: My Account page, checkout opt-in, return form, gift card fields. */
.djb{display:grid;gap:16px;color:#121212}
.djb-hero{background:#121212;color:#F3F2EE;border-radius:28px;padding:clamp(22px,3.5vw,36px)}
.djb-hero-label{margin:0 0 8px;font:600 15px 'DM Sans',sans-serif;color:#B5B3AC}
.djb-hero-amt{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(48px,7vw,84px);line-height:.95;letter-spacing:-.04em;color:#D4FF3A;font-variant-numeric:tabular-nums}
.djb-hero-note{margin:14px 0 0;max-width:52ch;font-size:16px;line-height:1.5;color:#F3F2EE}
.djb-card{background:#F3F2EE;border-radius:24px;padding:clamp(18px,2.6vw,26px)}
.djb-card h2{margin:0 0 14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;letter-spacing:-.03em}
.djb-sub{margin:10px 0 0;font-size:15px;line-height:1.5;color:#4A4A46}
html body .djb a,html body .djb-order a{color:#121212 !important;font-weight:700;text-underline-offset:4px}
.djb-redeem{display:flex;flex-wrap:wrap;gap:10px}
html body .djb-redeem input[type=text]{flex:1 1 260px;min-height:56px;padding:0 20px !important;border-radius:999px !important;border:1.5px solid #DDDCD4 !important;background:#fff !important;color:#121212 !important;font:700 17px 'DM Sans',sans-serif !important;letter-spacing:.08em;text-transform:uppercase;box-shadow:none !important}
html body .djb-redeem input[type=text]::placeholder{letter-spacing:.08em;color:#8A8983}
html body .djb-redeem input[type=text]:focus{border-color:#121212 !important;outline:none}
html body .djb-btn{min-height:56px;padding:0 24px;border:0;border-radius:999px;background:#121212;color:#D4FF3A;font:700 16px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1)}
html body .djb-btn:hover{transform:translateY(-1px)}
html body .djb-btn:focus-visible{outline:3px solid #121212;outline-offset:3px}
.djb-hist{list-style:none;margin:0;padding:0}
.djb-hist li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #E2E1DA}
.djb-hist li:first-child{border-top:0}
.djb-hist-what{display:flex;flex-direction:column;gap:3px;min-width:0}
.djb-hist-what strong{font-size:15px}
.djb-hist-what span{font-size:13px;color:#55544F}
.djb-hist-amt{flex:none;font:800 17px 'DM Sans',sans-serif;font-variant-numeric:tabular-nums}
.djb-hist-amt.is-in{color:#1E7A3C}
.djb-hist-amt.is-out{color:#121212}

/* checkout opt-in */
.djb-use{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:16px 18px;border-radius:18px;background:#D4FF3A;color:#121212;cursor:pointer;font-size:15px;line-height:1.35}
html body .djb-use input[type=checkbox]{display:inline-block !important;width:22px !important;height:22px !important;min-height:0 !important;flex:none;accent-color:#121212;margin:0 !important;padding:0 !important}
html body .djb-use{flex-direction:row !important}
html body .djb-use span{display:block;color:#121212}
.djb-use strong{display:block;font-size:16px}
.djb-use-off{background:#F3F2EE;cursor:default}

/* return form + order page */
.djb-order{display:grid;gap:12px;margin-top:20px}
.djb-return{display:grid;gap:10px;max-width:560px}
.djb-return label,.djb-return legend{font:700 14px 'DM Sans',sans-serif}
html body .djb-return select,html body .djb-return textarea{width:100%;min-height:48px;padding:10px 14px !important;border-radius:14px !important;border:1.5px solid #DDDCD4 !important;background:#fff !important;color:#121212 !important;font:500 15px 'DM Sans',sans-serif !important}
.djb-return fieldset{border:0;margin:6px 0;padding:0;display:grid;gap:8px}
.djb-opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#fff;border:1.5px solid #DDDCD4;font-weight:500 !important;cursor:pointer}
.djb-opt:has(input:checked){border-color:#121212}
.djb-opt input{margin-top:3px;accent-color:#121212}
.djb-opt strong{display:block}
.djb-return .djb-btn{justify-self:start;margin-top:6px}
.djb-codes{margin:6px 0 0;font-size:14px}

/* gift card fields on the product page */
.djb-gift{display:grid;gap:8px;margin:0 0 16px;width:100%}
.djb-gift label{font:700 14px 'DM Sans',sans-serif;color:var(--djp-ink,#121212)}
html body .djb-gift input,html body .djb-gift textarea{width:100%;min-height:48px;padding:10px 16px !important;border-radius:14px !important;border:1.5px solid var(--djp-line,#DDDCD4) !important;background:var(--djp-soft,#fff) !important;color:var(--djp-ink,#121212) !important;font:500 15px 'DM Sans',sans-serif !important}
@media (max-width:600px){.djb-hist li{align-items:flex-start}.djb-redeem .djb-btn{width:100%}}