:root{ --adc-primary:#111 }
.adc-font, .adc-cs-coupon-block, .adc-cs-credit-block, .adc-ref-grid, .adc-thankyou-codes{ font-family: Montserrat, system-ui, sans-serif; font-weight:300 }
.adc-label{ display:block; margin:6px 0; letter-spacing:.02em; text-transform:uppercase }
.adc-inline{ display:flex; gap:10px; align-items:center }
.adc-input{ flex:1 1 auto; border:1px solid #e5e7eb; background:#f3f4f6; padding:12px 14px; border-radius:10px }
.adc-btn{ background: var(--adc-primary); color:#fff; border:0; padding:12px 16px; border-radius:10px; cursor:pointer }
.adc-cs-credit-block{ margin:10px 0 14px; border:1px solid #eee; border-radius:12px; padding:12px; background:#fff }
.adc-cs-credit-block .adc-credit-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; text-transform:uppercase; letter-spacing:.02em }
.adc-cs-credit-block .adc-note{ font-size:12px; color:#777; opacity:.85 }
.adc-thankyou-codes{ border:1px dashed #ddd; padding:12px; border-radius:12px; margin:16px 0 }
.adc-thankyou-codes code{ font-size:18px; font-weight:600; letter-spacing:.03em }
.adc-ref-grid{ display:grid; grid-template-columns:1fr; gap:16px }
.adc-ref-card{ border:1px solid #eee; border-radius:12px; padding:12px; background:#fff }
.adc-ref-card .top{ display:flex; align-items:center; gap:12px }
.adc-ref-card .pic{ width:64px; height:64px; object-fit:cover; border-radius:8px }
.adc-ref-card .name{ font-weight:500; text-transform:uppercase; letter-spacing:.03em; flex:1 }
.adc-ref-card .uses{ font-size:12px; color:#666 }
.adc-ref-card .code{ margin:8px 0 }
.adc-ref-card .since{ font-size:12px; color:#666; margin-bottom:8px }
.adc-ref-card .actions .button{ border:1px solid #ddd; background:#fff; padding:8px 12px; border-radius:10px; margin-right:6px }
@media(min-width:720px){ .adc-ref-grid{ grid-template-columns:repeat(2,1fr) } }