/* COMELAB PHARM Rewards */

.cr-wrap{display:grid;gap:18px}
.cr-summary{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.cr-balance,.cr-how,.cr-history,.cr-requests{
  border:1px solid #e0ebe6;
  border-radius:16px;
  background:#fff;
}
.cr-balance{padding:26px}
.cr-label{
  display:block;
  margin-bottom:8px;
  color:#3b8a6b;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.cr-balance__row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cr-balance__row>strong{
  color:#15352b;
  font-size:36px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.03em;
}
.cr-balance__row>strong small{font-size:14px;font-weight:550;color:#61766e}
.cr-level{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#edf7f2;
  color:#0b6b4b;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cr-level--silver{background:#f0f2f3;color:#59666b}
.cr-level--gold{background:#fff6de;color:#936b10}
.cr-level--platinum{background:#eef1f5;color:#384a5d}
.cr-balance>p{margin:12px 0 20px;color:#6b7d76;font-size:12px}
.cr-progress{display:grid;gap:8px}
.cr-progress__text{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6b7d76}
.cr-progress__text strong{color:#29483e;font-weight:600}
.cr-progress__bar{height:8px;overflow:hidden;border-radius:999px;background:#edf2ef}
.cr-progress__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b6b4b,#64ad8f)}
.cr-progress small{color:#7b8b85;font-size:10px}
.cr-progress--complete{padding:13px 15px;border-radius:10px;background:#edf8f3;color:#0b6b4b}

.cr-how{padding:26px;background:#f8fbf9}
.cr-how>strong{font-size:15px;font-weight:650;color:#1b3a31}
.cr-how ol{display:grid;gap:12px;margin:18px 0 0;padding-left:20px}
.cr-how li{padding-left:4px;color:#5f746b;font-size:12px;line-height:1.55}

.cr-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:8px 2px 0}
.cr-section-head h3,.cr-history h3,.cr-requests h3{
  margin:0;
  color:#1a392f;
  font-family:"Manrope",sans-serif;
  font-size:20px;
  font-weight:600;
  letter-spacing:-.02em;
}
.cr-section-head>span{font-size:11px;color:#71837c}

.cr-rewards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cr-card{
  position:relative;
  min-height:230px;
  display:flex;
  flex-direction:column;
  padding:20px;
  border:1px solid #e2ebe7;
  border-radius:15px;
  background:#fff;
}
.cr-card.is-unlocked{border-color:#bddccb;background:linear-gradient(180deg,#fff,#f7fbf9)}
.cr-card.is-locked{background:#fafcfb}
.cr-card__icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:12px;background:#eef7f3;font-size:18px}
.cr-card>span{color:#3b8a6b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cr-card h4{margin:7px 0 7px;color:#213d34;font-size:15px;font-weight:650}
.cr-card p{margin:0 0 18px;color:#6a7c75;font-size:11px;line-height:1.55}
.cr-card form{margin-top:auto}
.cr-card .cn-btn{width:100%;min-height:40px;padding:0 12px;font-size:11px}
.cr-card>small{margin-top:auto;color:#8b9893;font-size:10px}

.cr-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.cr-history,.cr-requests{padding:22px}
.cr-history__list{display:grid;margin-top:14px}
.cr-history__list>div,.cr-request{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid #edf2ef;
}
.cr-history__list>div:last-child,.cr-request:last-child{border-bottom:0}
.cr-history__list span,.cr-request span{display:grid;gap:3px}
.cr-history__list strong,.cr-request strong{font-size:11px;font-weight:600;color:#304b42}
.cr-history__list small,.cr-request small{font-size:9px;color:#8a9994}
.cr-history__list b{font-size:11px;font-weight:700}
.cr-history__list b.is-plus{color:#0b6b4b}
.cr-history__list b.is-minus{color:#a24646}
.cr-request em{font-style:normal;font-size:9px;font-weight:700;color:#8b6914;background:#fff6df;border-radius:999px;padding:6px 9px}
.cr-empty{margin:14px 0 0;color:#82918c;font-size:11px;line-height:1.6}

.cr-order-note{
  display:grid;
  gap:4px;
  margin:18px 0;
  padding:14px 16px;
  border:1px solid #bcdccb;
  border-radius:12px;
  background:#f1f9f5;
  color:#21483b;
}
.cr-order-note strong{font-size:12px}
.cr-order-note span{font-size:11px;color:#587067}

@media(max-width:980px){
  .cr-summary,.cr-bottom{grid-template-columns:1fr}
  .cr-rewards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .cr-balance,.cr-how,.cr-history,.cr-requests{padding:18px}
  .cr-balance__row{align-items:flex-start;flex-direction:column;gap:10px}
  .cr-balance__row>strong{font-size:31px}
  .cr-progress__text{align-items:flex-start;flex-direction:column;gap:3px}
  .cr-rewards{grid-template-columns:1fr}
  .cr-card{min-height:auto}
  .cr-section-head{align-items:flex-start;flex-direction:column;gap:6px}
}