:root{--g:#1f5c4a;--gd:#154236;--y:#f3c94b;--bg:#f7f5ee;--ink:#1b2321;--mut:#667570;--card:#fff;--red:#b3261e;--line:#e3e0d3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Vazirmatn,Tahoma,sans-serif}
main{max-width:640px;margin:0 auto;padding:0 16px 48px}
header{background:var(--g);color:#fff;padding:28px 16px 40px;margin-bottom:-20px}
header>div{max-width:640px;margin:0 auto}h1{margin:0;font-size:1.6rem}header p{margin:4px 0 0;color:#cfe5dc}
h2{font-size:1.1rem;margin:28px 0 10px}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:8px}
.item small{display:block;color:var(--mut)}
.qty{display:flex;align-items:center;gap:10px}.qty span{min-width:1.5em;text-align:center;font-weight:700}
button,.btn{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:8px 14px;background:var(--g);color:#fff}
.qty button{width:36px;height:36px;padding:0;font-size:1.2rem;background:var(--y);color:var(--ink)}
button.ghost{background:#eceae0;color:var(--ink)}button.bad{background:#f6dcd9;color:var(--red)}
input[type=text],input[type=number],textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
label.opt{display:flex;gap:10px;align-items:center;padding:12px 14px;border:2px solid var(--line);border-radius:12px;margin-bottom:8px;background:#fff;cursor:pointer}
label.opt:has(input:checked){border-color:var(--g);background:#eaf4ef}
.total{display:flex;justify-content:space-between;font-weight:700;font-size:1.15rem;margin:14px 0}
.submit{width:100%;padding:14px;font-size:1.05rem;background:var(--gd)}
.ok{background:#eaf4ef;border:2px solid var(--g);border-radius:14px;padding:18px;text-align:center}
.err{color:var(--red);margin:8px 0}.empty{color:var(--mut);text-align:center;padding:20px}
.tag{font-size:.8rem;padding:2px 10px;border-radius:99px;background:#dcefe6;color:var(--gd)}.tag.no{background:#f6dcd9;color:var(--red)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.row small{color:var(--mut)}
.acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.acts *{padding:5px 10px;font-size:.85rem}
#pl{display:none}
.opt b{margin-inline-start:auto}
@page{size:landscape;margin:12mm}
#pl td+td,#pl th{text-align:center!important}

#pd{display:none}
@media print{body{background:#fff}main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}#pl{font-size:13px}#pl td,#pl th{padding:4px 6px!important}#pl td:first-child{white-space:nowrap;width:1%}#top,header,main>*{display:none!important}body[data-pm=l] #pl,body[data-pm=d] #pd{display:block!important}#pl table,#pd table{width:100%;border-collapse:collapse}#pl td,#pl th,#pd td,#pd th{border:1px solid #999;padding:6px 10px;text-align:right}}
.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:34px}
.pn{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pn[hidden]{display:none}.pn input{width:150px}
.sg{font-weight:700;font-size:1.4rem}.sg.plus{color:var(--g)}.sg.minus{color:var(--red)}
select{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px}
.amt{width:130px;direction:ltr;text-align:center}.amt:disabled{background:#f1efe6}
.card{text-align:center;margin-top:30px}
.pw{position:relative;margin-bottom:10px}.pw input{padding-inline-end:46px}.eye{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);background:none!important;color:var(--mut);padding:4px 10px;font-size:1.25rem;line-height:1}
.tag.unk{background:#fbefc2;color:#7a5b00}
.qs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.chip{background:#eceae0!important;color:var(--ink)!important;border:2px solid var(--line)}.chip.on{background:var(--g)!important;color:#fff!important;border-color:var(--g)}
.hd{display:flex;align-items:center;gap:12px}.hd h1{font-size:1.4rem}
#burger{background:rgba(255,255,255,.18);color:#fff;padding:8px 10px;border-radius:10px;line-height:0}
#ov{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20}
#dr{position:fixed;top:0;bottom:0;right:0;width:min(300px,85vw);background:#fff;z-index:21;display:flex;flex-direction:column;padding:16px;box-shadow:-4px 0 24px rgba(0,0,0,.25);transform:translateX(105%);transition:transform .2s;overflow:auto}
#dr.open{transform:none}#dr a{display:flex;align-items:center;padding:12px 10px;border-radius:10px;color:var(--ink);text-decoration:none}
#dr a:hover,#dr a.on{background:#eaf4ef}.dbot{margin-top:auto;border-top:1px solid var(--line);padding-top:8px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:34px}
.tile{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-decoration:none;color:var(--ink)}
.tile b{display:block;margin-bottom:4px}.tile small{color:var(--mut)}.tile .tag{position:absolute;top:10px;left:10px}
.th{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tb,.tw{position:relative;display:inline-block}
.tb img,.tn{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:pointer}
.tb i,.tw i{position:absolute;bottom:3px;right:3px;background:var(--y);color:var(--ink);font-size:.65rem;font-style:normal;padding:0 5px;border-radius:6px}
.xx{position:absolute;top:-7px;left:-7px;width:24px;height:24px;padding:0!important;border-radius:50%;background:var(--red)!important;color:#fff;font-size:1rem;line-height:1}
.addp{display:inline-block;cursor:pointer}.gal .big{max-width:100%;max-height:420px;border-radius:12px;cursor:zoom-in;border:1px solid var(--line)}
.pn2{display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%;margin-top:8px}.pn2 input{width:170px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.bub{padding:8px 12px;border-radius:14px;margin:6px 0;max-width:85%;white-space:pre-wrap;word-break:break-word}.bub small{display:block;color:var(--mut);font-size:.7rem}
.bub.me{background:#dcefe6;margin-inline-start:auto}.bub.ad{background:#fff;border:1px solid var(--line)}
textarea{resize:vertical}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;margin-inline-end:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dr a .tag{margin-inline-start:auto}.tile b .ic{width:1.3em;height:1.3em;color:var(--g)}.hd h1 .ic{width:1.1em;height:1.1em;vertical-align:-.15em}
.ib{background:none!important;color:var(--mut);padding:4px 6px;border-radius:8px;line-height:0}.ib:hover{background:#eceae0!important;color:var(--ink)}.ib .ic{margin:0;width:1.1em;height:1.1em}
.ed{width:100%}.edd{margin-bottom:10px}.eg{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.el{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;max-width:100%;overflow-wrap:anywhere;background:#fff}
.pn{overflow-wrap:anywhere;min-width:0}.pn>*{min-width:0}
.bw{display:flex;align-items:center;gap:8px;margin:6px 0;width:fit-content;max-width:100%}.bw.me{margin-inline-start:auto}.bw .bub{margin:0;max-width:none}
.ib.red{color:var(--red)}.ib.red:hover{background:#f6dcd9!important;color:var(--red)}
#top{background:#eaf4ef;border-bottom:1px solid #cfe5dc;padding:9px 16px;display:flex;justify-content:center}
#top span{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--g);font-weight:700;letter-spacing:.3px;padding:4px 16px;border-radius:999px;border:1px solid #cfe5dc;box-shadow:0 1px 3px rgba(31,92,74,.12)}
#top .ic{margin:0;width:1.15em;height:1.15em}
.sa{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap}.ck{display:inline-flex;align-items:center;margin-inline-end:10px}.tags{align-items:center}