.msf-gifts-page-shell{font-family:Rubik,sans-serif;direction:rtl;background:#f7f9fb}.msf-gift-builder{max-width:1180px;margin:0 auto;padding:42px 18px 70px}.msf-gift-builder-head{text-align:center;margin-bottom:28px}.msf-gift-eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:var(--msf-primary-soft,#ecfdf5);color:var(--msf-primary,#0f766e);font-weight:800;font-size:13px}.msf-gift-builder-head h1{margin:12px 0 8px;font-size:38px;color:#142033}.msf-gift-builder-head p{margin:0;color:#718096}.msf-gift-block,.msf-gift-summary-card{background:#fff;border:1px solid #e7edf3;border-radius:22px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.msf-gift-block{padding:24px;margin-bottom:20px}.msf-gift-block-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.msf-gift-block-title>b{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--msf-primary,#0f766e);color:#fff}.msf-gift-block-title h2{margin:0 0 4px;font-size:20px;color:#172033}.msf-gift-block-title p{margin:0;color:#8290a3;font-size:14px}.msf-gift-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.msf-gift-template-card{position:relative;background:#fff;border:2px solid #e7edf3;border-radius:16px;padding:8px;cursor:pointer;text-align:center;transition:.2s}.msf-gift-template-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.msf-gift-template-card.is-selected{border-color:var(--msf-primary,#0f766e);box-shadow:0 0 0 3px rgba(15,118,110,.08)}.msf-gift-template-image{display:block;aspect-ratio:1.55/1;border-radius:11px;overflow:hidden;background:#f0f3f7}.msf-gift-template-image img{width:100%;height:100%;object-fit:cover;display:block}.msf-gift-template-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#8a98aa}.msf-gift-template-card strong{display:block;padding:10px 4px 4px;color:#223047}.msf-gift-template-check{display:none;position:absolute;top:14px;left:14px;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:var(--msf-primary,#0f766e);color:#fff}.msf-gift-template-card.is-selected .msf-gift-template-check{display:flex}.msf-gift-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.msf-gift-label,.msf-gift-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#39465a}.msf-gift-label select,.msf-gift-fields input,.msf-gift-custom-amount input{width:100%;height:52px;border:1px solid #dce4ed;border-radius:12px;background:#fff;padding:0 14px;font-family:inherit;font-size:15px;color:#1e293b;outline:none}.msf-gift-label select:focus,.msf-gift-fields input:focus,.msf-gift-custom-amount input:focus{border-color:var(--msf-primary,#0f766e);box-shadow:0 0 0 3px rgba(15,118,110,.08)}.msf-gift-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.msf-gift-field-full{grid-column:1/-1}.msf-gift-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.msf-gift-amount-btn{height:48px;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:#334155;font-weight:800;cursor:pointer}.msf-gift-amount-btn.is-selected{border-color:var(--msf-primary,#0f766e);background:var(--msf-primary,#0f766e);color:#fff}.msf-gift-custom-amount{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;border:1px solid #e3e9ef;border-radius:13px;overflow:hidden}.msf-gift-custom-amount span,.msf-gift-custom-amount b{padding:0 14px;color:#64748b}.msf-gift-custom-amount input{border:0;border-radius:0}.msf-gift-summary{position:sticky;top:24px}.msf-gift-summary-card{padding:22px}.msf-gift-summary-card h3{margin:0 0 18px;color:#172033;font-size:20px}.msf-gift-summary-card>div:not(.msf-gift-message){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f6;color:#64748b}.msf-gift-summary-card>div b{color:#243147;text-align:left}.msf-gift-summary-total{margin-top:4px}.msf-gift-summary-total strong{font-size:22px;color:var(--msf-primary,#0f766e)}.msf-gift-summary-card button{width:100%;min-height:54px;border:0;border-radius:13px;background:var(--msf-primary,#0f766e);color:#fff;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;margin-top:18px}.msf-gift-summary-card button:disabled{opacity:.55;cursor:not-allowed}.msf-gift-secure{text-align:center;font-size:12px;line-height:1.7;color:#7c8a9c;margin:12px 0 0}.msf-gift-message{min-height:22px;text-align:center;font-weight:700;font-size:13px;padding-top:8px!important;border:0!important;display:block!important}.msf-gift-message.is-error{color:#dc2626}.msf-gift-message.is-ok{color:#047857}@media(max-width:920px){.msf-gift-templates{grid-template-columns:repeat(2,1fr)}.msf-gift-layout{grid-template-columns:1fr}.msf-gift-summary{position:static}}@media(max-width:560px){.msf-gift-builder{padding:26px 12px 45px}.msf-gift-builder-head h1{font-size:30px}.msf-gift-block{padding:17px;border-radius:17px}.msf-gift-templates{grid-template-columns:1fr 1fr;gap:9px}.msf-gift-fields{grid-template-columns:1fr}.msf-gift-field-full{grid-column:auto}.msf-gift-amounts{grid-template-columns:1fr 1fr}.msf-gift-custom-amount{grid-template-columns:88px 1fr 42px}}

/* v2.13.0 Gift template readable preview */
.msf-gift-template-wrap{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.msf-gift-template-preview{appearance:none;border:1px solid #dbe5e1;background:#fff;color:#0f172a;border-radius:11px;min-height:38px;padding:7px 12px;font:800 12px/1.2 inherit;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.msf-gift-template-preview:hover{border-color:var(--msf-primary,#16a34a);background:#f8fffb;transform:translateY(-1px)}
.msf-gift-template-image img{cursor:zoom-in}
.msf-gift-preview-modal[hidden]{display:none!important}
.msf-gift-preview-modal{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
.msf-gift-preview-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(4px)}
.msf-gift-preview-dialog{position:relative;z-index:1;width:min(760px,94vw);max-height:92vh;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(15,23,42,.35);display:flex;flex-direction:column;overflow:hidden}
.msf-gift-preview-head{padding:17px 58px 14px 20px;border-bottom:1px solid #edf1f5;display:flex;flex-direction:column;gap:4px}
.msf-gift-preview-head strong{font-size:18px;color:#0f172a}.msf-gift-preview-head span{font-size:12px;color:#64748b}
.msf-gift-preview-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;color:#0f172a;font:700 27px/1 inherit;cursor:pointer;z-index:2}
.msf-gift-preview-stage{overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:14px;background:#f8fafc;overscroll-behavior:contain}
.msf-gift-preview-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:none;border-radius:12px;box-shadow:0 8px 26px rgba(15,23,42,.12)}
html.msf-gift-preview-open,body.msf-gift-preview-open{overflow:hidden!important}
@media(max-width:600px){.msf-gift-preview-modal{padding:8px}.msf-gift-preview-dialog{width:100%;max-height:94dvh;border-radius:18px}.msf-gift-preview-head{padding:14px 54px 11px 14px}.msf-gift-preview-stage{padding:8px}.msf-gift-template-preview{min-height:36px;font-size:11px}}


/* v2.13.1 - isolated, predictable close button for gift preview. */
.msf-gift-preview-dialog > button.msf-gift-preview-close{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dfe6ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 6px 16px rgba(15,23,42,.12)!important;
  font-family:Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
  z-index:5!important;
  -webkit-tap-highlight-color:transparent!important;
}
.msf-gift-preview-dialog > button.msf-gift-preview-close:hover{background:#f8fafc!important;border-color:#cbd5e1!important}
.msf-gift-preview-dialog > button.msf-gift-preview-close:focus-visible{outline:3px solid rgba(22,163,74,.2)!important;outline-offset:2px!important}
@media(max-width:600px){
  .msf-gift-preview-dialog > button.msf-gift-preview-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:11px!important;font-size:24px!important}
}