/* Mimnoon Gift Card — scoped under #mngc. Fonts: replace Vazirmatn with site font (YekanBakh) if desired. */
#mngc{--ink:#1c1c1c;--muted:#6b6b6b;--line:#e6e4e0;--soft:#f5f4f1;--red:#990505;--gold:#b08a3e}
#mngc, #mngc *{box-sizing:border-box}
#mngc,#mngc{margin:0;background:#fff;color:var(--ink);font-family:YekanBakhFaNum,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#mngc button,#mngc input,#mngc textarea{font-family:inherit;color:inherit}
#mngc a{color:inherit}
#mngc /* layout */
.wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;padding:28px 28px 120px}
@media(max-width:900px){#mngc .wrap{grid-template-columns:1fr;gap:0;padding:0 0 130px}
}
#mngc /* stage */
.stagecol{position:sticky;top:84px;align-self:start}
@media(max-width:900px){#mngc .stagecol{position:static}
}
#mngc .stage{position:relative;height:min(78vh,720px);border-radius:0;overflow:hidden;background:linear-gradient(180deg,#e9e8e5 0%,#f2f1ee 55%,#fbfbfa 56%,#fff 100%)}
@media(max-width:900px){#mngc .stage{height:clamp(280px,44vh,400px)}
}
#mngc .stage.dark{background:linear-gradient(180deg,#1f1f21 0%,#2a2a2c 55%,#151516 56%,#0f0f10 100%)}
#mngc .stage{transition:background .6s ease}
#mngc .slot{position:absolute;inset:0;padding-bottom:58px;display:grid;place-items:center;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
#mngc .slot.out{opacity:0;transform:translateY(26px) scale(.96)}
#mngc .slot.pre{opacity:0;transform:translateY(-26px) scale(.98)}
#mngc .fit{position:absolute;left:50%;top:calc(50% - 29px);transform-origin:center center}
#mngc .floor{position:absolute;left:50%;transform:translateX(-50%);bottom:-18px;width:90%;height:36px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.28),rgba(0,0,0,0));filter:blur(2px)}
#mngc .views{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);padding:5px;border-radius:30px;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:3}
#mngc .views button{border:0;background:none;padding:8px 16px;min-height:36px;border-radius:20px;font-size:13px;cursor:pointer;color:#555}
#mngc .views button[aria-pressed=true]{background:var(--ink);color:#fff}
#mngc .tierflag{position:absolute;top:14px;right:14px;z-index:3;font-size:12px;padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.85);transition:all .5s}
#mngc .stage.dark .tierflag{background:rgba(0,0,0,.4);color:#f3e4b8;border:1px solid rgba(233,205,126,.4)}
#mngc /* card */
.card{position:relative;width:380px;height:240px;border-radius:14px;overflow:hidden;direction:ltr;box-shadow:0 34px 44px -20px rgba(0,0,0,.5),0 6px 14px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.55),inset 0 -2px 3px rgba(0,0,0,.25)}
#mngc .card .refl{position:absolute;inset:0;background:radial-gradient(60% 45% at 22% 18%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),linear-gradient(200deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.35) 56%,rgba(255,255,255,0) 66%);mix-blend-mode:screen;pointer-events:none;animation:mngc-shine 7s ease-in-out infinite}
@keyframes mngc-shine{0%,100%{background-position:0 0,0 0;opacity:1}
50%{opacity:.75}
}
#mngc .m-silver{background:linear-gradient(115deg,#fbfcfd 0%,#c4c8cd 16%,#eef0f2 30%,#8b9198 31%,#dde0e4 46%,#fff 60%,#a3a8ae 61%,#e6e8eb 78%,#7a8087 100%);--eng:#33363b;--engs:rgba(255,255,255,.7)}
#mngc .m-gold{background:linear-gradient(115deg,#fff3cc 0%,#d3aa52 16%,#f6e1a0 30%,#94702c 31%,#e7c978 46%,#fff6d6 60%,#b0873b 61%,#efd690 78%,#82612a 100%);--eng:#3e4044;--engs:rgba(255,246,214,.55)}
#mngc .m-smoke{background:linear-gradient(115deg,#8f939a 0%,#3a3d42 16%,#6e7279 30%,#1b1d20 31%,#4b4f55 46%,#a5a9af 60%,#2a2c30 61%,#5c6066 78%,#161719 100%);--eng:#dfe2e5;--engs:rgba(0,0,0,.6)}
#mngc .m-prive{background:linear-gradient(115deg,#55585e 0%,#1c1e21 18%,#3b3e43 32%,#0e0f11 33%,#2a2c30 50%,#6a6e74 62%,#151618 63%,#2f3236 80%,#0b0c0d 100%);--eng:#e9cd7e;--engs:rgba(0,0,0,.6)}
#mngc .mlogo{position:absolute;-webkit-mask:url(logo.png) center/contain no-repeat;mask:url(logo.png) center/contain no-repeat;background:var(--eng);filter:drop-shadow(0 1px 0 var(--engs))}
#mngc .glogo{position:absolute;-webkit-mask:url(logo.png) center/contain no-repeat;mask:url(logo.png) center/contain no-repeat;background:linear-gradient(120deg,#fff3c8,#c9a04a 35%,#fbe7a8 55%,#9b7530 80%,#e8c873)}
#mngc .qr{position:absolute;-webkit-mask:url(qr.svg) center/contain no-repeat;mask:url(qr.svg) center/contain no-repeat;background:var(--eng)}
#mngc .eng{position:absolute;color:var(--eng);text-shadow:0 1px 0 var(--engs);font-family:"MN Gothic","MN Avenir",serif;white-space:nowrap}
#mngc .gtxt{position:absolute;background:linear-gradient(120deg,#fff3c8,#c9a04a 35%,#fbe7a8 55%,#9b7530 80%,#e8c873);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"MN Gothic","MN Avenir",serif;white-space:nowrap}
#mngc .scr{font-family:"MN Shelley",cursive!important;padding-right:6px}
#mngc .frame{position:absolute;inset:10px;border:5px solid;border-image:linear-gradient(120deg,#fff3c8,#c9a04a 30%,#fbe7a8 50%,#9b7530 75%,#e8c873) 1;box-shadow:inset 0 0 6px rgba(0,0,0,.5)}
#mngc /* box */
.sd{background:url(suede_dark.jpg) center/cover,#3e3c3c}
#mngc .st{background:url(suede_taupe.jpg) center/cover,#706864}
#mngc .box{width:380px;display:flex;flex-direction:column;align-items:center}
#mngc .lid{position:relative;width:380px;height:300px;border-radius:6px 6px 2px 2px;transform:perspective(900px) rotateX(-14deg);transform-origin:bottom;box-shadow:inset 0 -10px 20px rgba(0,0,0,.4)}
#mngc .base{position:relative;width:380px;height:380px;border-radius:2px 2px 6px 6px;box-shadow:0 34px 40px -22px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.25)}
#mngc .ins{position:absolute;inset:14px;border-radius:0;box-shadow:inset 0 4px 12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.25)}
#mngc .mirror{position:absolute;inset:22px;border-radius:0;overflow:hidden;direction:ltr;background:linear-gradient(160deg,#f4f5f6 0%,#d9dcdf 30%,#eceef0 46%,#bfc3c8 47%,#e4e6e9 70%,#cfd2d6 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),inset 0 0 18px rgba(0,0,0,.18);--eng:#4a4e53;--engs:rgba(255,255,255,.6)}
#mngc .inscr{position:absolute;left:0;right:0;text-align:center;font-family:"MN Gothic","MN Avenir",serif;color:rgba(40,34,32,.65);text-shadow:0 1px 0 rgba(255,255,255,.15);direction:ltr}
#mngc .ribbon{position:absolute;inset:0;pointer-events:none}
#mngc /* panel */
.panel{padding:8px 0 0}
@media(max-width:900px){#mngc .panel{padding:22px 20px 0}
}
#mngc .kicker{font-size:12px;letter-spacing:.08em;color:var(--muted)}
#mngc h1{font-size:26px;font-weight:600;margin:6px 0 4px;line-height:1.4}
#mngc .price{font-size:22px;font-weight:500;margin:4px 0 2px}
#mngc .tierline{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px;min-height:24px}
#mngc .dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
#mngc .gsec{border-top:1px solid var(--line);padding:20px 0;margin-top:18px}
#mngc .gsec h2{text-align:right;font-size:15px;font-weight:600;margin:0 0 12px}
#mngc .chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#mngc .chip{min-height:46px;border:1px solid var(--line);background:#fff;border-radius:0;font-size:14px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
#mngc .chip small{font-size:12px;color:var(--muted)}
#mngc .chip:hover{border-color:#999}
#mngc .chip[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#mngc .chip.gmore{grid-column:span 2;background:linear-gradient(120deg,#1c1d1f,#2f3135);color:#f3e4b8;border-color:#1c1d1f}
#mngc .chip.gmore small{color:#c9b98a}
#mngc .chip.gmore[aria-pressed=true]{box-shadow:0 0 0 2px #e9cd7e}
#mngc .legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}
#mngc .legend span{display:flex;align-items:center;gap:6px}
#mngc .custom{overflow:hidden;max-height:0;transition:max-height .45s ease,opacity .45s;opacity:0}
#mngc .custom.open{max-height:200px;opacity:1}
#mngc .field{display:flex;flex-direction:column;gap:6px;margin-top:14px}
#mngc .field label{font-size:13px;color:#444}
#mngc .field .hint{font-size:12px;color:var(--muted)}
#mngc .inp{height:48px;border:1px solid #cfcdc8;border-radius:0;padding:0 14px;font-size:16px;background:#fff;outline:none;transition:border .2s}
#mngc .inp:focus{border-color:var(--ink)}
#mngc textarea.inp{height:88px;padding:12px 14px;resize:none;line-height:1.7}
#mngc .inp.ltr{direction:ltr;text-align:left}
#mngc .err{font-size:12px;color:var(--red);min-height:0}
#mngc .inp.bad{border-color:var(--red)}
#mngc .lockrow{display:flex;gap:10px;align-items:flex-start;background:var(--soft);padding:12px 14px;border-radius:0;font-size:13px;line-height:1.8;color:#444;margin-top:12px}
#mngc .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.8;cursor:pointer;margin-top:12px;min-height:44px}
#mngc .check input{width:20px;height:20px;margin-top:4px;accent-color:var(--ink);flex:none}
#mngc .prive-note{display:none;margin-top:14px;padding:14px;border-radius:0;background:linear-gradient(120deg,#1c1d1f,#2c2e31);color:#eee;font-size:13px;line-height:1.9}
#mngc .prive-note b{color:#f3e4b8;font-weight:600}
#mngc .prive-note.on{display:block;animation:mngc-rise .5s ease}
@keyframes mngc-rise{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
#mngc .sum{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:#444}
#mngc .sum.total{font-size:17px;font-weight:600;color:var(--ink);border-top:1px solid var(--line);margin-top:6px;padding-top:12px}
#mngc .buy{width:100%;height:54px;border:0;background:var(--ink);color:#fff;font-size:16px;border-radius:0;cursor:pointer;margin-top:16px}
#mngc .buy:hover{background:#000}
#mngc .acc{border-top:1px solid var(--line)}
#mngc .acc:last-child{border-bottom:1px solid var(--line)}
#mngc .acc button{width:100%;min-height:54px;display:flex;justify-content:space-between;align-items:center;border:0;background:none;font-size:15px;cursor:pointer;padding:0}
#mngc .acc .body{max-height:0;overflow:hidden;transition:max-height .4s ease;font-size:14px;line-height:2;color:#444}
#mngc .acc.open .body{max-height:420px}
#mngc .acc .pm{transition:transform .3s}
#mngc .acc.open .pm{transform:rotate(45deg)}
#mngc .gsteps{display:block;text-align:right;margin:0 0 16px;padding:0 18px}
#mngc .bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;gap:12px;align-items:center}
#mngc .bar .t{flex:1;font-size:13px;color:var(--muted);line-height:1.5}
#mngc .bar .t b{display:block;color:var(--ink);font-size:16px;font-weight:600}
#mngc .bar button{height:48px;padding:0 22px;border:0;background:var(--ink);color:#fff;border-radius:0;font-size:15px}
@media(max-width:900px){#mngc .bar{display:flex}
#mngc .buy{display:none}
}
#mngc .linkbtn{border:0;background:none;padding:0;margin-top:4px;min-height:32px;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#mngc .safe{max-height:0;overflow:hidden;transition:max-height .45s ease}
#mngc .safe.open{max-height:400px}
#mngc .safein{border:1px solid var(--line);border-top:0;padding:4px 16px 14px;font-size:13px;line-height:2;color:#444;background:#fff}
#mngc .safet{margin:10px 0 4px;font-weight:600;color:var(--ink)}
#mngc .safein ul{margin:0;padding:0 18px}
#mngc .acctmock{margin-top:18px;border:1px solid var(--line);border-radius:6px;padding:14px}
#mngc .acctmock .hd{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px}
#mngc .badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#fff6e0;color:#7a5a12}
#mngc .acctmock .btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#mngc .acctmock .btns button{flex:1;min-height:44px;border:1px solid #cfcdc8;background:#fff;border-radius:0;font-size:13px;cursor:default}
#mngc /* dialog */
.dlg{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);display:none;align-items:flex-end;justify-content:center}
#mngc .dlg.on{display:flex}
#mngc .dlg .sheet{background:#fff;width:100%;max-width:520px;border-radius:14px 14px 0 0;padding:24px 22px 28px;max-height:88vh;overflow:auto;animation:mngc-rise .35s ease}
@media(min-width:700px){#mngc .dlg{align-items:center}
#mngc .dlg .sheet{border-radius:8px}
}
#mngc .dlg h3{margin:0 0 14px;font-size:18px}
#mngc .dlg .row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
#mngc .dlg .row span:first-child{color:var(--muted)}
#mngc .dlg .demo{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.8}
@media (prefers-reduced-motion:reduce){#mngc, #mngc *{transition:none!important;animation:none!important}
}


/* site-fit additions */
#mngc .mhead{display:none}
@media(max-width:900px){#mngc .mhead{display:block;padding:18px 20px 14px}#mngc .panel .phead{display:none}#mngc .panel{padding-top:4px}}
#mngc .mhead .kicker,#mngc .phead .kicker{font-family:"MN Gothic","MN Avenir",serif;letter-spacing:.18em}
#mngc .chips{grid-template-columns:repeat(4,minmax(0,1fr))}
#mngc .chip.gmore,#mngc .chip.cust{grid-column:span 1}
#mngc .chip.cust{background:#fff;border-style:dashed}
#mngc .chip.cust[aria-pressed=true]{border-style:solid}
#mngc :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#mngc .check:focus-within{outline:2px solid var(--ink);outline-offset:2px}
#mngc .inp:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#mngc .chip.gmore:focus-visible{outline-color:#b08a3e}
#mngc .views button:focus-visible{outline-offset:-2px}
#mngc .err{font-size:13px;line-height:1.7}
#mngc .err:empty{display:none}
#mngc .formerr{margin-top:12px;padding:10px 14px;border:1px solid var(--red);color:var(--red);font-size:13px;line-height:1.8}
#mngc .formerr:empty{display:none}
#mngc .inp::placeholder{color:#9a9a9a}
#mngc .buy,#mngc .bar button{font-weight:500;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){#mngc .card .refl{animation:none}}
#mngc .inp.bad,#mngc .inp.bad:focus{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}