form#form1,form#form2,form#form3 { display:flex;flex-flow:column;gap:1em;align-items:center;max-width:500px;margin:1em auto;font-family:IRANSANS,Tahoma,Arial; }
form small { color:#444; }
form button[type=submit] { width:90%;max-width:15em; }

form#form1 input[type=tel] { font-size:1.5em;border:1px solid #c0c0c0;border-radius:.5em;padding-left:3em; }
form#form1 span#field { position:relative; }
form#form1 span#field:before { content:'+98';direction:ltr;font-size:1.4em;color:#555;position:absolute;top:.5em;left:.5em;border-right:1px solid #e0e0e0;padding-right:.5em; }

form#form2 input[type=tel] { font-size:1.5em;padding:.5em;border:1px solid #c0c0c0;border-radius:.5em;text-align:center; }
form#form2 span#num { font-weight:bold;font-size:1.3em;margin:1em 0;display:flex;flex-flow:row-reverse;gap:.5em; }
form#form2 span#num a { font-weight:normal;font-size:1em;display:flex;gap:.2em; }
form#form2 span#num svg { width:1.5em;height:1.5em;stroke:#111; }
form#form2 span#num a:hover svg { stroke:#3366cc; }
form#form2 span#field { max-width:400px;display:flex;gap:.5em;direction:ltr; }
form#form2 span#field input { flex:1 }

form#form3 input[type=text],form#form3 input[type=tel],form#form3 select,form#form3 textarea { font-size:1.5em;border:1px solid #c0c0c0;border-radius:.5em;background-color:#fff; }
form#form3 label { width:100%;display:flex;align-items:center;gap:1em; }
form#form3 label span { white-space:nowrap;font-size:1.3em; }
form#form3 label.f { justify-content:center;cursor:pointer;border:1px solid #c0c0c0;border-radius:.5em;padding:1em;margin-bottom:1em;text-align:center; }
form#form3 label.f > span { display:flex;align-items:center;flex-flow:column;gap:.5em; }
form#form3 label.f input[type=file] { display:none; }
form#form3 label.f:hover { background-color:#f0f0f0; }
form#form3 label.f svg { stroke:#a0a0a0;width:4em;height:4em; }
form#form3 label.f svg#cloud { stroke:#349421; }
form#form3 label.f svg.h { display:none; }
form#form3 .spc { width:100%;max-height:30vh;overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid #c0c0c0;border-radius:.5em;padding-bottom:1em;margin:1em 0; }
form#form3 .spc span { font-size:1.3em;position:sticky;top:0;display:block;background-color:#FFF;border-bottom:1px solid #e0e0e0;padding:.6em; }
form#form3 .spc span #count { margin-right:.5em; }
form#form3 .spc input[type=checkbox] { flex-shrink:0;width:1.1em;height:1.1em; }
form#form3 .spc label { display:block;font-size:1.2em;padding:.3em 0;margin:.2em 1em .2em .5em;display:flex;gap:.5em;align-items:center; }
form#form3 .spc label.h3 { margin-right:2em; }
form#form3 div#cover { text-align:center;border:1px solid #c0c0c0;border-radius:.5em;width:100%;padding:.5em;margin:0 0 1em 0; }
form#form3 div#cover img { max-width:20em;max-height:20em; }

form#form3 .vakil-comments { width:100%;position:relative; } 
form#form3 .vakil-comments .cmnts { display:flex;flex-flow:column;gap:1em;padding:1em; }
form#form3 .vakil-comments .cmnts .vakil-comment-item { list-style:none;border:1px solid #e0e0e0;border-radius:.5em;padding:1em; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head { display:flex;gap:.4em;align-items:center; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head #avatar { background-color:#ecf3ff;border-radius:100%;width:3em;height:3em;text-align:center;overflow:hidden; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head #avatar svg { width:66%;height:100%;stroke:#679fff; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head small { color:#777; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head #stars { display:flex;flex-flow:row-reverse;justify-content:start; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head #stars svg { width:1em;height:1em;stroke:#a0a0a0; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .cm-head #stars svg.g { fill:#fdb022;stroke:#fdb022; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .recom { display:flex;gap:.4em;font-size:.9em;color:#777;margin:.6em .6em 1em 0; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .recom svg { width:1.5em;height:1.5em;stroke:#39b139; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .recom.di svg { stroke:#e64141; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .vakil-comment-content p:last-child { margin-bottom:0; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .h { display:none; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .comment-replies { background-color:#f0f0f0;padding:.5em;border-radius:.5em;margin:.5em 0; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .comment-replies .vakil-reply-item { border-radius:.5em;padding:.5em; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .comment-replies .approved { background-color:#d4f3a6; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .comment-replies .pending { background-color:#f3caa6;position:relative; }
form#form3 .vakil-comments .cmnts .vakil-comment-item .comment-replies .pending::after { content:'صف تایید';font-size:.85em;position:absolute;color:#813c00;top:.4em;left:.4em;background-color:#f5f5f5;border-radius:1em;padding:.2em .6em; }

form#form3 .vakil-comments .load_more_comments { margin:.5em 0;text-align:center; }
form#form3 .vakil-comments .load_more_comments a { display:inline-flex;gap:.4em; }
form#form3 .vakil-comments .load_more_comments a svg { width:1.5em;height:1.5em;stroke:#888; }
form#form3 .vakil-comments.loading::after { content:'چند لحظه صبر...';text-align:center;color:#555;font-size:1.5em;position:sticky;display:block;left:0;right:0;bottom:60vh;z-index:9999; }
form#form3 .vakil-comments.loading::before { content:'';text-align:center;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,.8);border:1px solid #e0e0e0;border-radius:1em;z-index:9998; }

.alert { display:block;max-width:500px;margin:1em auto;padding:1em;border:1px solid #e3a8a8;color:#ac0f0f;background-color:rgba(145, 124, 124, 0.1);border-radius:.5em;font-family:IRANSANS,Tahoma,Arial; }
.alert.ok { border-color:#99ca99;color:#066006;background-color:rgba(158, 215, 158, 0.1); }

.user-panel-menu { margin:.5em auto;padding:.5em;background-color:#f0f0f0; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }