.dmc-loyalty{--dmc-blue:#02afd5;--dmc-ink:#162b3b;color:var(--dmc-ink);border:1px solid #dcebf0;background:#fff;padding:clamp(20px,3vw,40px);margin:24px 0;border-radius:8px;font-family:inherit;line-height:1.65}
.dmc-loyalty h2,.dmc-loyalty h3{font-family:inherit;letter-spacing:-.025em;line-height:1.2;margin:0 0 18px}.dmc-loyalty p{max-width:70ch}.dmc-loyalty a{color:#087a99;text-decoration:underline;text-underline-offset:3px}.dmc-loyalty button,.dmc-loyalty .button{background:var(--dmc-ink);color:#fff;border:0;padding:12px 20px;border-radius:3px;font:inherit;cursor:pointer}.dmc-loyalty button:hover{background:#087a99}.dmc-loyalty input,.dmc-loyalty select{border:1px solid #cbdfe6;padding:10px;max-width:100%;border-radius:3px}.dmc-loyalty input[type=number]{width:130px}.dmc-loyalty label{display:block;margin:12px 0}.dmc-loyalty table{width:100%;font-size:14px;border-collapse:collapse}.dmc-loyalty th,.dmc-loyalty td{text-align:left;padding:10px 6px;border-bottom:1px solid #e7f0f3}.dmc-loyalty small{color:#526774}.dmc-loyalty .dmc-balance{font-size:clamp(32px,5vw,54px);font-weight:500;line-height:1.2;color:#0784a5}.dmc-loyalty :focus-visible{outline:3px solid var(--dmc-blue);outline-offset:3px}.dmc-loyalty-note{color:#426573;font-size:14px;line-height:1.5}.dmc-loyalty details{margin-top:24px}.dmc-loyalty summary{cursor:pointer;font-weight:600}
@media(max-width:600px){.dmc-loyalty{padding:20px 16px}.dmc-loyalty table{font-size:12px}.dmc-loyalty th,.dmc-loyalty td{padding:8px 3px}.dmc-loyalty button{width:100%;margin-top:8px}}
.dmc-loyalty h3{margin-top:30px}.dmc-loyalty-history{overflow-x:auto}.dmc-loyalty caption{font-size:12px;color:#637985;text-align:left;padding-bottom:8px}.dmc-loyalty [role=status]{border-left:3px solid var(--dmc-blue);padding-left:14px}
.dmc-loyalty-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #e7f0f3;border-bottom:1px solid #e7f0f3;margin-top:24px}.dmc-loyalty-benefits strong{font-size:30px;font-weight:500;color:#0784a5}.dmc-loyalty-benefits p{font-size:14px;margin:20px 0}@media(max-width:600px){.dmc-loyalty-benefits{grid-template-columns:1fr;gap:0}.dmc-loyalty-benefits p{margin:12px 0}}
.dmc-loyalty label:has(input[name=dmc_day]),.dmc-loyalty label:has(input[name=dmc_month]){display:grid;grid-template-columns:60px 130px;align-items:center;gap:12px}.dmc-loyalty input{box-sizing:border-box}