.club-price-badge{display:inline-flex;align-items:center;gap:4px;width:max-content;background:#171b20;color:#ff9b38;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;margin-right:7px}.customer-tier-v2,.customer-referral-v2{padding:18px;border-radius:20px;margin-bottom:12px;position:relative;overflow:hidden}.customer-tier-v2{background:radial-gradient(circle at 90% 0,rgba(255,155,56,.25),transparent 35%),linear-gradient(145deg,#171b20,#292f37);color:#fff;box-shadow:0 16px 35px rgba(20,24,30,.18)}.tier-v2-top{display:flex;align-items:center;gap:12px}.tier-v2-top>span{font-size:36px}.tier-v2-top small,.customer-referral-v2 small{font-size:9px;letter-spacing:.12em;font-weight:900;color:#ff9b38}.tier-v2-top h3,.customer-referral-v2 h3{margin:2px 0 0}.customer-tier-v2>strong{display:block;margin-top:16px;font-size:13px}.tier-v2-track{height:8px;background:rgba(255,255,255,.13);border-radius:10px;overflow:hidden;margin:9px 0}.tier-v2-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a1c,#ffc15d);border-radius:10px;transition:.4s}.customer-tier-v2 p{margin:0;color:#c8d0d8;font-size:11px}.customer-referral-v2{background:#fff8ec;border:1px solid #f4d9ad}.referral-code-v2{display:flex;gap:8px;margin:12px 0}.referral-code-v2 strong{flex:1;background:#fff;border:1px dashed #e0b56f;border-radius:11px;padding:12px;letter-spacing:.12em}.referral-code-v2 button{border:0;background:#171b20;color:#fff;border-radius:10px;padding:0 14px;font-weight:850}.customer-referral-v2 p{font-size:11px;color:#806947;margin:0}

.referral-claim-v2{display:flex;gap:7px;margin-top:12px}.referral-claim-v2 input{flex:1;min-width:0;border:1px solid #e1c99e;border-radius:10px;padding:10px;background:#fff}.referral-claim-v2 button{border:0;border-radius:10px;background:#f28b16;color:#21160b;font-weight:900;padding:0 13px}

/* =========================================================
   NOMADE — CLUB PRICE PREMIUM V2.1.1
   ========================================================= */

.club-price-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  gap:5px;
  margin:0 0 7px 0;
  padding:5px 9px;
  border-radius:999px;
  background:linear-gradient(135deg,#171b20,#292f37);
  color:#ffad58;
  font-size:9px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.02em;
  box-shadow:0 5px 14px rgba(20,24,30,.12);
}

.club-price-values{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px;
}

.club-price-values .club-price-old{
  order:0;
  color:#8d939a;
  font-size:11px;
  font-weight:650;
  text-decoration:line-through;
  text-decoration-thickness:1px;
}

.club-price-values .club-price-now{
  order:1;
  font-size:18px;
  font-weight:950;
  line-height:1;
}

.club-price-saving{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  color:#278548;
  font-size:10px;
  line-height:1.25;
  font-weight:850;
}


/* =========================================================
   NOMADE — CUSTOMER REFERRAL COMMISSIONS V2.1.2
   ========================================================= */

.customer-commissions-v212{
  margin-bottom:12px;
  padding:18px;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,155,56,.18),transparent 34%),
    #fff;
  border:1px solid #eceff2;
  box-shadow:0 12px 30px rgba(20,24,30,.07);
}

.commissions-v212-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.commissions-v212-head small,
.commissions-v212-main small{
  display:block;
  color:#e77d16;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.commissions-v212-head h3{
  margin:3px 0 0;
  color:#171b20;
  font-size:17px;
}

.commissions-v212-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  background:#171b20;
  color:#ff9b38;
  font-size:20px;
  font-weight:900;
}

.commissions-v212-main{
  margin-top:18px;
  padding:16px;
  border-radius:16px;
  background:linear-gradient(145deg,#171b20,#292f37);
}

.commissions-v212-main strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:27px;
  line-height:1.1;
}

.commissions-v212-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.commissions-v212-stats>div{
  padding:11px 9px;
  border-radius:13px;
  background:#f7f8f9;
}

.commissions-v212-stats small{
  display:block;
  min-height:24px;
  color:#777f87;
  font-size:9px;
  line-height:1.25;
}

.commissions-v212-stats strong{
  display:block;
  margin-top:4px;
  color:#171b20;
  font-size:13px;
}

.commissions-v212-history{
  margin-top:18px;
}

.commissions-v212-history-title{
  margin-bottom:8px;
  color:#171b20;
  font-size:12px;
  font-weight:900;
}

.commission-v212-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 0;
  border-top:1px solid #edf0f2;
}

.commission-v212-info{
  min-width:0;
}

.commission-v212-info strong,
.commission-v212-info span,
.commission-v212-info small{
  display:block;
}

.commission-v212-info strong{
  overflow:hidden;
  color:#171b20;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.commission-v212-info span{
  margin-top:2px;
  color:#6f7780;
  font-size:10px;
}

.commission-v212-info small{
  margin-top:2px;
  color:#a0a6ac;
  font-size:9px;
}

.commission-v212-value{
  flex:0 0 auto;
  text-align:right;
}

.commission-v212-value strong{
  display:block;
  color:#171b20;
  font-size:13px;
}

.commission-v212-status{
  display:inline-flex;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

.commission-v212-status.is-released{
  background:#e8f7ed;
  color:#278548;
}

.commission-v212-status.is-pending{
  background:#fff4dc;
  color:#a56a00;
}

.commission-v212-status.is-reversed{
  background:#fdeaea;
  color:#b33c3c;
}

.commissions-v212-empty{
  margin-top:14px;
  padding:12px;
  border-radius:13px;
  background:#fff8ec;
  color:#806947;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:420px){
  .commissions-v212-stats{
    grid-template-columns:1fr 1fr;
  }

  .commissions-v212-stats>div:last-child{
    grid-column:1/-1;
  }
}


/* NOMADE_CUSTOMER_REFERRAL_RECEIVED_V1 */
.referral-received-v1{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #d8bd8c;
  border-radius:12px;
  background:#fff;
}
.referral-received-v1 strong{
  display:block;
  font-size:12px;
  color:#2f2417;
  margin-bottom:5px;
}
.referral-received-v1 span{
  display:block;
  font-size:11px;
  line-height:1.45;
  color:#806947;
}
