/* کارت «ارسال پیامک تخفیف»: متن پیامک (راست) + انتخاب مبلغ (چپ) */

.sms{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}
.sms__message,.sms__amount{min-width:0;padding:18px;border-radius:12px;background:rgba(255,244,215,.03);border:1px solid rgba(255,244,215,.09)}
.sms__title{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--gold)}
.sms__title .i{font-size:19px}
.sms__title h3{margin:0;font-family:var(--font-body);font-size:16px;font-weight:800;color:var(--cream)}

/* حباب پیام */
.sms__bubble{
  position:relative;padding:16px 18px;margin-bottom:12px;border-radius:14px 14px 14px 4px;
  background:linear-gradient(180deg,#f3ead0,#eadfbd);color:#2a2211;
  font-size:15.5px;line-height:2.05;white-space:pre-line;
  box-shadow:0 18px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 #fff8;
}
.var{display:inline;padding:1px 8px;border-radius:7px;font-weight:800;white-space:nowrap;background:rgba(209,159,25,.28);color:#5a3f00;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.var--name{background:rgba(31,111,158,.16);color:#0e4468}
.var--amount{background:rgba(209,159,25,.35);color:#5a3f00}
.var--expiry{background:rgba(120,70,160,.14);color:#4a2a70}
.var.is-empty{background:rgba(22,16,1,.08);color:rgba(22,16,1,.42);font-weight:600;border:1px dashed rgba(22,16,1,.3)}
.var.pulse{animation:var-pulse .9s var(--ease)}
@keyframes var-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(31,111,158,.6)}40%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(31,111,158,0)}100%{transform:scale(1)}}

.sms__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--sand)}
.sms__to{display:flex;align-items:center;gap:8px;min-width:0}
.sms__to label{color:var(--sand)}
.sms__to b{color:var(--cream);font-weight:700}
.sms__phone{height:36px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,244,215,.16);background:#251b03;color:var(--cream);font:600 14px var(--font-body);direction:ltr}
.sms__hint{color:var(--sand)}
.sms__count{font-size:12.5px;color:var(--sand);direction:rtl}

/* مبلغ‌ها */
.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.amount{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:72px;padding:0 6px;border-radius:12px;cursor:pointer;
  background:rgba(255,244,215,.04);border:1px solid rgba(255,244,215,.14);color:var(--cream);
  transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);
}
.amount b{font-family:var(--font-display);font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}
.amount small{font-size:12px;color:var(--sand)}
.amount:hover{border-color:rgba(209,159,25,.7);transform:translateY(-2px)}
.amount.is-selected{border-color:var(--gold);background:linear-gradient(180deg,rgba(209,159,25,.28),rgba(209,159,25,.1));box-shadow:0 14px 26px -14px rgba(209,159,25,.9),inset 0 0 0 1px rgba(209,159,25,.35)}
.amount.is-selected b{color:var(--gold)}
.amount__tick{position:absolute;top:-8px;inset-inline-start:-8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:13px;transform:scale(0);transition:transform .25s var(--ease)}
.amount__tick .i{stroke-width:3}
.amount.is-selected .amount__tick{transform:scale(1)}

.custom-amount{display:block;margin-bottom:14px}
.custom-amount>span{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--sand)}
.custom-amount>span .i{color:var(--gold);font-size:16px}
.custom-amount__box{display:flex;align-items:center;height:52px;border-radius:11px;background:rgba(255,244,215,.035);border:1px solid rgba(255,244,215,.14);overflow:hidden;transition:var(--transition)}
.custom-amount__box:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(209,159,25,.15)}
.custom-amount__box input{flex:1;min-width:0;height:100%;padding-inline:14px;border:0;outline:0;background:transparent;color:var(--cream);font:700 19px var(--font-display);text-align:end;direction:ltr}
.custom-amount__box input::placeholder{color:rgba(255,244,215,.25)}
.custom-amount__box em{align-self:stretch;display:grid;place-items:center;padding-inline:14px;font-style:normal;font-size:13px;color:var(--sand);background:rgba(255,244,215,.05);border-inline-start:1px solid rgba(255,244,215,.1)}

.sms__note{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.9;color:var(--sand)}
.sms__note .i{flex:none;margin-top:5px;color:var(--gold);font-size:15px}
.sms__note b{color:var(--cream)}

@media (max-width:1199px){.sms{grid-template-columns:1fr}.sms__amount{order:-1}}
@media (max-width:575px){.amount-grid{grid-template-columns:repeat(2,1fr)}.amount{height:66px}}
@media (prefers-reduced-motion:reduce){.var.pulse,.d.is-new,.hrow.is-fresh,.active-customer.is-pop{animation:none}}