/* WAX V7.1 — useful commerce + contract UX */
.shopier-card{
  margin:16px 0;padding:21px;border:1px solid #dfdbe9;border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 16px 42px rgba(42,35,74,.07)
}
.shopier-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.shopier-card-head h2{margin:5px 0 6px;font-size:23px;letter-spacing:-.035em;color:#171923}
.shopier-card-head p{margin:0;color:#707887;font-size:12px;line-height:1.6}
.shopier-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#684bea,#8e6cff);color:#fff;font-size:22px;font-weight:950}
.shopier-summary{display:grid;grid-template-columns:1fr auto;gap:8px 18px;margin:17px 0;padding:13px 0;border-top:1px solid #ece9f1;border-bottom:1px solid #ece9f1;font-size:11px}
.shopier-summary span{color:#838a96}.shopier-summary b{color:#252833}
.shopier-pay-btn{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,#6749e8,#8563f6);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:12px}
.shopier-note{color:#7b8390;font-size:10.5px;line-height:1.55;margin:10px 0}
.shopier-ref-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:12px}
.shopier-ref-form label{display:grid;gap:6px;font-size:10px;color:#717985}

.wax-contract-gate{
  padding:25px;
  border:1px solid #ddd9ea;
  border-radius:22px;
  background:#fff;
  box-shadow:0 22px 60px rgba(42,35,74,.08);
}
.wax-contract-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.wax-contract-head h2{font-size:26px;letter-spacing:-.04em;margin:5px 0 8px}
.wax-contract-head p{max-width:650px;margin:0;color:#707887;font-size:12px;line-height:1.65}
.wax-contract-version{flex:0 0 auto;padding:7px 9px;border:1px solid #ded9ef;border-radius:999px;background:#f7f4ff;color:#7158d7;font-size:8px;font-weight:900;letter-spacing:.04em}
.wax-contract-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.wax-contract-summary>div{padding:12px;border:1px solid #ebe8ef;border-radius:12px;background:#fbfafc}
.wax-contract-summary small,.wax-contract-summary b{display:block}.wax-contract-summary small{font-size:7.5px;color:#9298a2;letter-spacing:.06em}.wax-contract-summary b{margin-top:4px;font-size:10.5px;color:#282b34}
.wax-contract-document{border:1px solid #e3dfeb;border-radius:15px;overflow:hidden;background:#faf9fc}
.wax-contract-document summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer;color:#292c35;font-size:11px;font-weight:900}
.wax-contract-document summary::marker{display:none}
.wax-contract-scroll{max-height:350px;overflow:auto;padding:18px;border-top:1px solid #e6e2eb;background:#fff;color:#505865;font-size:11.5px;line-height:1.72;white-space:normal}
.wax-contract-form{display:grid;gap:12px;margin-top:15px}
.wax-contract-name{display:grid;gap:6px;color:#606876;font-size:10px;font-weight:800}
.wax-contract-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:13px;border:1px solid #e2deea;border-radius:13px;background:#fbfaff;cursor:pointer}
.wax-contract-check input{width:18px;height:18px;margin-top:1px;accent-color:#7457e8}
.wax-contract-check b,.wax-contract-check small{display:block}.wax-contract-check b{font-size:10.5px;color:#30333b;line-height:1.5}.wax-contract-check small{margin-top:5px;color:#858c97;font-size:9px;line-height:1.45}
.wax-contract-accept{min-height:55px;border:0;border-radius:13px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6549e5,#8664f7);box-shadow:0 14px 32px rgba(104,74,224,.23);color:#fff;font-size:12px;font-weight:950;cursor:pointer}
.wax-contract-approved{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #cfe7da;border-radius:14px;background:#f3fbf7;margin-bottom:2px}
.wax-contract-approved>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#daf4e6;color:#237652;font-weight:950}
.wax-contract-approved b,.wax-contract-approved small{display:block}.wax-contract-approved b{font-size:11px;color:#245743}.wax-contract-approved small{margin-top:3px;font-size:9px;color:#6c8378}

@media(max-width:760px){
  .wax-contract-gate{padding:17px;border-radius:17px}
  .wax-contract-head{display:block}.wax-contract-version{display:inline-block;margin-top:10px}
  .wax-contract-head h2{font-size:22px}
  .wax-contract-head p{font-size:13px}
  .wax-contract-summary{grid-template-columns:1fr 1fr}
  .wax-contract-summary small{font-size:8px}.wax-contract-summary b{font-size:11px}
  .wax-contract-scroll{max-height:320px;font-size:12px;line-height:1.68}
  .wax-contract-name{font-size:11px}.wax-contract-name input{font-size:16px!important}
  .wax-contract-check b{font-size:12px}.wax-contract-check small{font-size:10px}
  .wax-contract-accept{min-height:56px;font-size:12px}
  .shopier-card{padding:17px}.shopier-card-head h2{font-size:21px}
  .shopier-ref-form{grid-template-columns:1fr}.shopier-ref-form input{font-size:16px!important}
}