body { background-color:#fff;color:#000; }
.page { display:none;padding:20px 0px 0px; }
.page.has_toolbar { padding-bottom:60px; }
.container { width:100%;max-width:800px;margin:0px auto; }
*.eng { -moz-font-feature-settings:"none" !important;-webkit-font-feature-settings:"none" !important;
font-feature-settings:"none" !important; }

#toolbar_container { position:fixed;left:0;bottom:0;width:100%;z-index:+100; }
#toolbar { width:100%;height:50px;background-color:#fff;border-top:1px solid #ddd;line-height:20px;
text-align:center;table-layout:fixed;box-shadow:0px -2px 20px rgba(0,0,0,0.1); }
#toolbar > div { cursor:pointer;position:relative; }
#toolbar > div > i { display:inline-block;vertical-align:middle;width:24px;height:24px;background-size:100%;
background-position:center;background-repeat:no-repeat; }
#toolbar > div > div { display:inline-block;vertical-align:middle;margin-right:5px;font-size:11pt;font-weight:600; }
.home_ico { background-image:url('../image/home.png'); }
.search_ico { background-image:url('../image/search.png'); }
.cart_ico { background-image:url('../image/cart.png'); }
.user_ico { background-image:url('../image/user.png'); }
#toolbar > div.selected { opacity:0.3; }

#cart_counter { position:absolute;left:calc(50% - 75px);top:13px;width:24px;height:24px;color:#fff;
border-radius:100%;text-align:center;line-height:26px;background-color:#000;opacity:0;
transition:200ms;-webkit-transition:200ms;-moz-transition:200ms;transform:scale(0.5);-webkit-transform:scale(0.5);
-moz-transform:scale(0.5); }
#cart_counter.show { opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1); }

#header { width:100%;padding:0px 20px;box-sizing:border-box;margin-bottom:20px; }
#header > div { vertical-align:top; }
#header > div:nth-child(1) { width:85px;padding-left:15px; }
#header > div:nth-child(1) > div { width:85px;height:85px;border-radius:100%;overflow:hidden;background-color:#f1f1f1; }
#header > div:nth-child(1) > div img { width:100%;height:100%;object-fit:cover;object-position:center; }
#header > div:nth-child(2) > div:nth-child(1) { font-weight:600;font-size:12pt;margin-top:3px; }
#header > div:nth-child(2) > div:nth-child(2) { font-size:9pt;line-height:23px;margin-top:3px;color:#666; }

#header_tab { width:100%;padding:0px 10px 0px 20px;box-sizing:border-box;border-bottom:1px solid #ddd;line-height:35px; }
#header_tab > div:nth-child(1) > div { display:inline-block;vertical-align:middle;height:35px;padding:0px 10px;
font-weight:600;cursor:pointer;position:relative; }
#header_tab > div:nth-child(1) > div.selected:after { content:"";display:block;width:100%;height:2px;position:absolute;
right:0;bottom:-2px;background-color:#000; }
#header_tab > div:nth-child(2) { text-align:left; }
#header_tab > div:nth-child(2) a { margin-right:2px; }
#header_tab > div:nth-child(2) a img { height:23px; }

.categories { white-space:nowrap;overflow-x:auto;padding:12px 10px 12px;box-sizing:border-box;background-color:#fff;
border-bottom:1px solid #ddd;position:sticky;right:0;top:0px;max-width:800px;margin:0px auto;z-index:+10; }
.category { display:inline-block;vertical-align:middle;width:60px;text-align:center;padding:0px 5px; }
.category > div:nth-child(1) { width:50px;height:50px;margin:0px auto;border-radius:100%;overflow:hidden; }
.category > div:nth-child(1) img { width:100%;height:100%;object-fit:cover; }
.category > div:nth-child(2) { line-height:20px;height:20px;margin-top:5px;font-size:10pt;
white-space:normal;overflow:hidden; }
.category.active { opacity:0.5; }

.product_container { padding:20px 8px 0px; }
.product_category_title { font-size:13pt;margin-bottom:10px;text-align:right;color:#bbb; }
.product_container .product_category_title { padding:0px 7px; }

.product { width:25%;float:right;padding:0px 7px 14px;box-sizing:border-box; }
.product > div { border-radius:25px;border:1px solid #ddd;cursor:pointer;padding:10px;box-sizing:border-box; }
.product > div > div:nth-child(1) { height:170px;overflow:hidden;border-radius:18px; }
.product > div > div:nth-child(1) > img { width:100%;height:100%;object-fit:cover;object-position:center; }
.product > div > div:nth-child(2) { margin:8px 0px 4px;line-height:20px;height:20px;overflow:hidden;
white-space:nowrap;text-overflow:ellipsis; }
.product > div > div:nth-child(3) { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.product > div > div:nth-child(3) strike { color:#aaa;margin-left:3px;font-size:9pt; }
.product > div > div:nth-child(3) span { font-weight:600; }
.product > div > div:nth-child(3) span:after { content:"تومان";margin-right:3px;font-size:9pt; }
.product > div > div:nth-child(4) { margin-top:10px; }

.add_button { cursor:pointer;border-radius:20px;height:35px;line-height:35px;text-align:center;
color:#fff;background-color:#1367e5;box-sizing:border-box; }

.add_unavailable { cursor:not-allowed;border-radius:20px;height:35px;line-height:35px;text-align:center;
color:#ccc;background-color:#fff;box-sizing:border-box;border:1px solid #ddd; }

.product.added > div { border:1px solid #1367e5; }
.added_button { cursor:pointer;border-radius:20px;height:35px;line-height:35px;text-align:center;
color:#000;border:1px solid #ddd;box-sizing:border-box;font-size:12pt;position:relative;text-align:center; }
.added_button > i:nth-child(1) { position:absolute;left:5px;top:4px;width:25px;height:25px;border-radius:100%;font-weight:400;
background-color:#1367e5;color:#fff;cursor:pointer;text-align:center;line-height:27px;font-size:15pt;font-style:normal; }
.added_button > i:nth-child(3) { position:absolute;right:5px;top:4px;width:25px;height:25px;border-radius:100%;font-weight:400;
background-color:#1367e5;color:#fff;cursor:pointer;text-align:center;line-height:27px;font-size:15pt;font-style:normal; }

#contact_container { padding:20px; }
.contact_row { width:100%;padding:12px 0px;border-bottom:1px dashed #ddd; }
.contact_row > div { vertical-align:top;line-height:25px; }
.contact_row > div:nth-child(1) { width:70px;font-weight:600; }
.contact_row > div:nth-child(2).ltr { direction:ltr;text-align:right; }
.contact_row:last-child { border-style:none; }

#search_bar { position:fixed;left:0;top:0;width:100%;height:50px;border-bottom:1px solid #ddd;background-color:#fff; }
#search_bar input { width:100%;height:50px;border-style:none;outline-style:none;padding:0px 15px;box-sizing:border-box;
background:none; }
#search_bar i { width:20px;height:20px;display:block;position:absolute;left:15px;top:15px;background-size:100%;
background-image:url('../image/search.png'); }

#first_search_block { padding-top:50px; }
#search_result_categories { white-space:nowrap;overflow-x:auto;padding:0px 10px 20px;box-sizing:border-box;
margin:0px auto;max-width:800px; }
.search_container > * { padding:0px 20px; }
.search_product { width:100%;box-sizing:border-box;padding:10px 0px; }
.search_product:last-child { border-style:none; }
.search_product > div:nth-child(1) { width:60px;padding-left:15px; }
.search_product > div:nth-child(1) > div { width:60px;height:60px;border-radius:10px;overflow:hidden; }
.search_product > div:nth-child(1) > div img { width:100%;height:100%;object-fit:cover;object-position:center; }
.search_product > div:nth-child(2) {  }
.search_product > div:nth-child(2) > div:nth-child(1) { margin-bottom:4px;line-height:20px;height:20px;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.search_product > div:nth-child(2) > div:nth-child(2) strike { color:#aaa;margin-left:5px;font-size:9pt; }
.search_product > div:nth-child(2) > div:nth-child(2) span { font-weight:600; }
.search_product > div:nth-child(2) > div:nth-child(2) span:after { content:"تومان";margin-right:3px;font-size:9pt; }

.top_title { width:100%;text-align:center;font-size:14pt;font-weight:600;margin:0px auto 30px;word-spacing:-3px; }
.top_title > div { font-weight:400;color:#aaa;font-size:10pt;line-height:25px;word-spacing:0px;
width:80%;max-width:400px;margin:5px auto 0px; }

.top_back { text-align:right;font-size:11pt;margin:0px auto 10px;padding:0px 20px; }
.top_back span { cursor:pointer;font-weight:600; }
.top_back span:before { content:"";display:inline-block;vertical-align:middle;margin-left:8px;
width:18px;height:18px;background-size:100%;background-image:url('../image/back.png'); }
.top_back_space { margin-bottom:50px; }

#cart_container { padding:0px 20px; }
.cart_item { margin-bottom:15px;width:100%;border-radius:25px;border:1px solid #ddd;padding:10px;box-sizing:border-box; }
.cart_item > .tbl:nth-child(1) { width:100%;padding-bottom:15px;margin-bottom:15px;table-layout:fixed;border-bottom:1px dashed #ddd; }
.cart_item > .tbl:nth-child(1) > div:nth-child(1) { width:90px;padding-left:15px; }
.cart_item > .tbl:nth-child(1) > div:nth-child(1) > div { width:90px;height:90px;border-radius:18px;overflow:hidden; }
.cart_item > .tbl:nth-child(1) > div:nth-child(1) > div img { width:100%;height:100%;object-fit:cover;object-position:center; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) { vertical-align:top; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) > div:nth-child(1) { margin:7px 0px;line-height:20px;height:20px;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) > div:nth-child(2) { font-weight:600;margin:0px 0px 7px; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) > div:nth-child(3) strike { color:#aaa;margin-left:5px;font-size:9pt; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) > div:nth-child(3) span { font-weight:600; }
.cart_item > .tbl:nth-child(1) > div:nth-child(2) > div:nth-child(3) span:after { content:"تومان";margin-right:3px;font-size:9pt; }
.cart_item > .tbl:nth-child(2) { width:100%;padding:0px 5px;box-sizing:border-box; }
.cart_item > .tbl:nth-child(2) > div:nth-child(2) { text-align:left; }
.cart_item > .tbl:nth-child(2) label { margin-left:5px;font-weight:600; }
.cart_item > .tbl:nth-child(1) > div:nth-child(3) { width:30px;text-align:left;vertical-align:top;padding-top:5px;padding-left:5px; }
.cart_item > .tbl:nth-child(1) > div:nth-child(3) i { cursor:pointer;display:block;width:30px;height:30px;background-size:60%;
background-image:url('../image/delete.png');background-position:center;background-repeat:no-repeat;opacity:0.5; }
.cart_item > .tbl:nth-child(1) > div:nth-child(3) i:hover { opacity:1; }

.counter { width:85px;display:inline-block;vertical-align:middle;height:30px;line-height:30px;border-radius:30px;
border:1px solid #1367e5;position:relative;text-align:center;font-size:12pt; }
.counter > *:nth-child(2) { width:100%;height:30px;text-align:center;background:none;border-style:none;outline-style:none; }
.counter > i:nth-child(1) { position:absolute;left:5px;top:5px;width:20px;height:20px;border-radius:100%;font-weight:400;
background-color:#1367e5;color:#fff;cursor:pointer;text-align:center;line-height:24px;font-size:15pt;font-style:normal; }
.counter > i:nth-child(3) { position:absolute;right:5px;top:5px;width:20px;height:20px;border-radius:100%;font-weight:400;
background-color:#1367e5;color:#fff;cursor:pointer;text-align:center;line-height:24px;font-size:15pt;font-style:normal; }

#product_title { padding:0px 20px;font-size:14pt;margin-bottom:15px; }
.product_subtitle { padding:0px 20px;font-size:13pt;color:#ccc;margin:15px 0px 5px; }
#product_desc { padding:0px 20px;color:#888;line-height:25px; }

#product_slider { margin:15px 0px 0px; }
.product_slide { box-sizing:border-box;padding:0px 8px 30px; }
.product_slide img { width:100%;border-radius:10px; }

#product_cart { padding:0px 20px; }
.product_form { width:100%;padding:15px 0px;box-sizing:border-box;border-bottom:1px dashed #ddd; }
.product_form > div:nth-child(1) { width:60px;font-size:11pt;font-weight:600; }
.product_form > div:nth-child(2) select { width:100%;height:40px;border:1px solid #ddd;border-radius:30px;
font-size:11pt;text-align:center;outline-style:none;background:none;color:#000; }

#product_add_button { padding:0px 20px; }
#product_cta { width:100%;margin:15px 0px 30px; }
#product_cta > div:nth-child(1) { font-size:12pt; }
#product_cta > div:nth-child(1) strike { color:#aaa;margin-left:10px;font-size:11pt;display:block; }
#product_cta > div:nth-child(1) span { display:inline-block;vertical-align:middle;font-weight:600; }
#product_cta > div:nth-child(2) { text-align:left; }
#product_cta > div:nth-child(2) > div { height:45px;line-height:45px;text-align:center;cursor:pointer;
font-size:11pt;color:#fff;background-color:#1367e5;border-radius:30px;padding:0px 10px; }

#cart_result { margin:20px auto;text-align:center;font-size:11pt;font-weight:600; }

.page_button { cursor:pointer;border-radius:30px;height:45px;line-height:45px;margin:20px 20px;
text-align:center;cursor:pointer;font-size:11pt;color:#fff;background-color:#1367e5; }

#order_container { padding:0px 20px;width:100%;margin:0px auto;box-sizing:border-box; }
.app_form { margin-bottom:15px; }
.app_form label { display:block;margin-bottom:4px;padding-right:5px; }
.app_form input[type=text] { width:100%;height:42px;border-radius:10px;border:1px solid #ddd;font-size:11pt;text-align:center;
padding:0px 10px;box-sizing:border-box;outline-style:none; }
.app_form input[type=number] { width:100%;height:42px;border-radius:10px;border:1px solid #ddd;font-size:11pt;text-align:center;
padding:0px 10px;box-sizing:border-box;outline-style:none; }
.app_form input.ltr { direction:ltr; }
.app_form select { width:100%;height:42px;border-radius:10px;border:1px solid #ddd;font-size:11pt;text-align:center;
padding:0px 10px;box-sizing:border-box;outline-style:none;background:none;color:#000; }
.app_form input:focus { border-color:#555; }
.app_form select:focus { border-color:#555; }

.order_cols { width:100%; }
.order_cols > div { width:50%; }
.order_cols > div:nth-child(1) { padding-left:7px; }
.order_cols > div:nth-child(2) { padding-right:7px; }

#order_result_title { margin:15px 0px 5px;font-weight:600;font-size:13pt;opacity:0.3; }
#order_result_pay_upload { display:none; }
#pay_file { display:none; }
#order_result_pay_upload.active { display:block; }

#order_result { padding:0px 20px;margin:20px auto; }
#order_result > div { padding:15px;border-radius:10px;background-color:#f5f1df;line-height:25px; }
#order_result > div .tbl { width:100%; }
#order_result > div .tbl > div:nth-child(1) { font-weight:600;width:140px; }
#order_result > div .tbl > div:nth-child(1):before { content:"";display:inline-block;width:4px;height:4px;
border-radius:100%;background-color:#000;margin-left:8px; }

.login_container { padding:0px 20px;width:100%;max-width:400px;margin:100px auto 0px;box-sizing:border-box; }
.login_container .page_button { margin:15px 0px; }
#login_step1 { }
#login_step2 { display:none; }

.login_form { }
.login_form label { display:block;margin-bottom:13px;padding-right:10px;font-weight:600;font-size:9pt; }
.login_form input { width:100%;height:45px;border-radius:30px;border:1px solid #ddd;font-size:11pt;text-align:center;
padding:0px 10px;box-sizing:border-box;outline-style:none;letter-spacing:2pt; }
.login_form input.ltr { direction:ltr; }
.login_form input:focus { border-color:#555; }

#login_verify { margin-bottom:30px; }
#login_verify > div:nth-child(1) { }
#login_verify > div:nth-child(2) { font-weight:600;margin-top:5px;text-decoration:underline; }
#login_verify > div:nth-child(2) > span { cursor:pointer; }

#login_resend { text-align:center;margin-top:10px; }
#login_resend > div:nth-child(1) { display:none; }
#login_resend > div:nth-child(1) > span { display:inline-block;vertical-align:middle;font-weight:600;letter-spacing:0.5pt;
width:60px;text-align:center;font-size:11pt;margin-left:0px; }
#login_resend > div:nth-child(2) { font-weight:600; }
#login_resend > div:nth-child(2) > span { cursor:pointer; }

#profile_container { padding:0px 20px;width:100%;margin:0px auto;box-sizing:border-box; }
#dash_user { margin:30px auto 60px;text-align:center; }
#dash_user > div:nth-child(1) img { width:110px; }
#dash_user > div:nth-child(2) { font-weight:600;font-size:15pt;margin:10px 0px 5px;height:30px;line-height:30px; }
#dash_user > div:nth-child(3) { color:#aaa;letter-spacing:0.5pt;height:20px;line-height:20px; }

#dash_links { width:100%;max-width:350px;margin:0px auto; }
#dash_links > * { display:block;padding:12px 20px;border-bottom:1px dashed #ddd;
line-height:25px;font-size:11pt;cursor:pointer;font-weight:600;position:relative; }
#dash_links > * > img { height:22px;margin-left:8px; }
#dash_links > *:last-child { border-style:none; }

#dash_links > *.link:after { position:absolute;left:20px;top:20px;width:9px;height:9px;
background-image:url('../image/continue.png');background-size:100%;content:"";opacity:0.5; }

#orders_container { padding:0px 20px; }
.order_item { margin-bottom:20px;width:100%;border-radius:25px;border:1px solid #ddd;padding:0px;box-sizing:border-box;overflow:hidden; }
.order_item > .tbl:nth-child(1) { width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;
padding:15px;box-sizing:border-box;background-color:#f3f3f3; }
.order_item > .tbl:nth-child(1) > div:nth-child(1) { font-weight:600; }
.order_item > .tbl:nth-child(1) > div:nth-child(2) { text-align:left;font-size:8pt;color:#888; }
.order_item > div:nth-child(2) { padding:0px 15px; }
.order_item > div:nth-child(2) > span { display:block;font-size:11pt;color:#bbb;margin-bottom:10px; }
.order_item > div:nth-child(2) > .tbl { width:100%;margin:10px 0px;padding-bottom:10px;margin-bottom:10px;
table-layout:fixed;border-bottom:1px dashed #ddd; }
.order_item > div:nth-child(2) > .tbl:last-child { border-style:none;margin-bottom:0; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(1) { width:50px;padding-left:10px; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(1) > div { width:50px;height:50px;border-radius:5px;overflow:hidden; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(1) > div img { width:100%;height:100%;object-fit:cover;object-position:center; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(2) { vertical-align:middle; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(2) > div:nth-child(1) { margin:0px 0px 5px;line-height:20px;height:20px;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.order_item > div:nth-child(2) > .tbl > div:nth-child(2) > div:nth-child(2) { font-weight:600; }
.order_item > .tbl:nth-child(3) { width:100%;padding-top:15px;margin-top:15px;border-top:1px solid #ddd;
padding:15px;box-sizing:border-box; }
.order_item > .tbl:nth-child(3) > div:nth-child(1) { font-weight:600; }
.order_item > .tbl:nth-child(3) > div:nth-child(2) { text-align:left;vertical-align:top;font-weight:600; }
.order_item > .tbl:nth-child(3) > div:nth-child(2) span { padding:5px 10px;border-radius:20px;
display:inline-block;vertical-align:middle;background-color:#f1f1f1; }

.data_load_elem { padding:80px 0px;text-align:center; }
.data_load_elem i { display:inline-block;vertical-align:middle;width:80px;height:80px;background-size:100%;
background-image:url('../image/loading.svg'); }

.empty { text-align:center;padding:60px 0px; }
.empty i { display:inline-block;vertical-align:middle;width:80px;height:80px;background-size:100%;margin:0px auto 7px;
background-image:url('../image/empty.png'); }
.empty div:nth-child(2) { font-size:16pt;font-weight:600;margin-bottom:7px; }
.empty div:nth-child(3) { color:#aaa; }


@media only screen and (max-width:800px) {
    .product { width:33.33%; }
}
@media only screen and (max-width:600px) {
    .product { width:50%; }
}
@media only screen and (max-width:500px) {
    #toolbar > div > div { display:none; }
    #cart_counter { left:calc(50% - 40px); }
}