body { letter-spacing:0; }
#page_category { position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:+3;display:block;
background-size:cover;background-position:center center;
background-repeat:no-repeat; }
#page_category > div { width:40%;max-width:400px;margin:160px auto 0px; }


#t3_logo { margin:0px auto 50px;text-align:center; }
#t3_logo img { width:60%; }

#rasmeno_contacts_close { position:fixed;left:15px;top:15px;background-size:100%;background-image:url('../Temp/close_white.png');
cursor:pointer;z-index:+102;display:none;width:15px;height:15px; }
#rasmeno_contacts { display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#631620;color:#fff;z-index:+101; }
#rasmeno_contacts > div { text-align:center; }
#rasmeno_contacts > div > a { display:block;background-color:rgba(255,255,255,0.1);color:#fff;padding:10px 0px;
text-align:center;width:200px;margin:15px auto;border-radius:10px; }

.t3_category { width:80%;margin:0px auto 15px;text-align:center;cursor:pointer;padding:5px 0px;
border-radius:10px;background-color:#621620;line-height:20px;display:block; }
.t3_category div:nth-child(1) { font-size:11pt;font-family:bold,tahoma;margin-top:0px;color:#fff; }
.t3_category div:nth-child(2) { opacity:0.7;font-family:regular,tahoma;color:#fff;font-size:9pt; }

.t3_footer { text-align:center;width:80%;margin:0px auto; }
.t3_footer > img { width:100%; }

#inner_cats > div:nth-child(1) { width:190px;margin:20px auto 0px;text-align:center; }
#inner_cats > div:nth-child(1) span { background-color:rgba(0,0,0,0.2);color:#fff;padding:10px 15px;display:block;border-radius:30px; }

#page_food { overflow-y:auto;display:none; }
#page_food_header { position:fixed;left:0;top:0;width:100%;height:auto;z-index:+5;padding:0px 0px 0px;background-color:#fff; }
#page_food_header > div:nth-child(1) { text-align:center;padding:0px 0px;background-position:top center;background-size:100%;background-repeat:no-repeat; }
#page_food_header > div:nth-child(1) > div:nth-child(1) { padding:3px 0px;color:#fff; }
#page_food_header > div:nth-child(1) > div:nth-child(2) { padding:50px 0px 0px;}
#page_food_header > div:nth-child(1) > div:nth-child(2) img { width:25%; }
#page_food_header > div:nth-child(1) > div:nth-child(2) div { font-size:12pt;margin-top:20px;padding-bottom:20px; }
#food_parent_name { color:#621620;background-color:#f1f1f1;border-radius:10px;padding:3px 15px;border:1px solid #ddd;
font-family:bold,tahoma; }
#page_food_header > div:nth-child(2) { background-color:#fff;padding:5px 0px 8px; }

#page_food_header {  background-color:#fff; }
#page_food_body { padding:0px 20px 0px; }

.food_header_container { white-space:nowrap;overflow-x:auto;text-align:right; }
.food_box { color:#fff;border-radius:0px;padding:0px 10px;box-sizing:border-box;width:110px;font-size:9pt;
box-sizing:border-box;text-align:center;line-height:15px;background-color:#621620;color:#fff;vertical-align:middle;
margin:0px 3px;height:auto;display:inline-block;vertical-align:middle;border-radius:10px;font-family:bold,tahoma; }
.food_box > div { display:table;height:50px;text-align:center;width:100%; }
.food_box > div > div { display:table-cell;vertical-align:middle;white-space:initial; }
.active_food_box { background-color:#333; }

.food_label { margin-top:0px;font-size:14pt;font-family:bold,tahoma;margin-bottom:10px;
text-align:center;color:#fff;position:relative;padding-top:20px; }
.food_label > span:nth-child(1) { display:inline-block;vertical-align:middle;background-color:#621620;position:relative;
padding:0px 10px;z-index:+2;line-height:25px; }
.food_label > span:nth-child(1) span { display:block;font-size:10pt;margin-top:0px;}
.food_label:after { content:"";display:block;width:100%;height:1px;background-color:#fff;position:absolute;left:0;top:50%;
-index:+1; }
.food_item { width:100%;border-radius:15px;background-color:#fff;margin-bottom:15px;padding:10px;
table-layout:fixed;box-sizing:border-box;position:relative; }
.food_item > .tbl { width:100%; }
.food_item > .tbl > div:nth-child(1) { width:120px;padding-left:0px; }
.food_item > .tbl > div:nth-child(1).hide_div { display:none; }
.food_item > .tbl > div:nth-child(1) img { width:100%;border-radius:5px; }
.food_item > .tbl > div:nth-child(2) { padding:5px 15px 5px 5px;line-height:15px; }
.food_item > .tbl > div:nth-child(2) > div:nth-child(1) { font-size:9pt;font-family:bold,tahoma;color:#621620; }
.food_item > .tbl > div:nth-child(2) > div:nth-child(2) { font-size:7pt;font-family:regular,tahoma;color:#888; }
.food_item > .tbl > div:nth-child(2) > div:nth-child(3) { font-size:9pt;font-family:bold,tahoma;text-align:left;
margin-top:15px;color:#621620; }
.food_item > .tbl > div:nth-child(2) > div:nth-child(4) { font-size:7pt;font-family:regular,tahoma;color:#888;text-align:left; }

.food_bx { width:0; }
.food_bx > span { position:absolute;left:15px;top:15px;display:block;width:20px;height:20px;background-color:#621620;
font-family:bold,tahoma;font-size:15pt;line-height:20px;text-align:center;cursor:pointer;color:#fff;border-radius:5px; }

#t1_detail { width:100%;height:100%;position:fixed;left:0;top:0;z-index:+10;background-color:rgba(0,0,0,0.6);display:none; }
#t1_detail > div { text-align:center; }
#detail_window { width:90%;max-width:450px;margin:0px auto;border-radius:10px;background-color:#fff;overflow:hidden;text-align:right; }
#detail_window > div:nth-child(1) { width:100%;border-bottom:1px solid #eee; }
#detail_window > div:nth-child(1) > div:nth-child(1) { padding:10px 15px;font-size:14pt;font-family:bold,tahoma; }
#detail_window > div:nth-child(1) > div:nth-child(2) { padding:10px 15px;text-align:left; }
#detail_window > div:nth-child(1) > div:nth-child(2) img { height:14px;cursor:pointer; }
#detail_window > div:nth-child(2) { height:400px;overflow-y:auto;padding:20px; }
#detail_window > div:nth-child(2) img { width:100%;border-radius:5px;margin-bottom:15px; }

#t1_options { width:100%;height:100%;position:fixed;left:0;top:0;z-index:+10;background-color:rgba(0,0,0,0.6);display:none; }
#t1_options > div { text-align:center; }
#option_window { width:90%;max-width:450px;margin:0px auto;border-radius:10px;background-color:#fff;overflow:hidden;text-align:right; }
#option_window > div:nth-child(1) { width:100%;border-bottom:1px solid #eee; }
#option_window > div:nth-child(1) > div:nth-child(1) { padding:10px 15px;font-size:14pt;font-family:bold,tahoma; }
#option_window > div:nth-child(1) > div:nth-child(2) { padding:10px 15px;text-align:left; }
#option_window > div:nth-child(1) > div:nth-child(2) img { height:14px;cursor:pointer; }
#option_window > div:nth-child(2) { max-height:400px;overflow-y:auto;padding:20px; }
.option_item { display:block;margin-bottom:15px; }
.option_item > input { display:inline-block;vertical-align:middle;margin-left:10px; }
.option_item > span:nth-child(2) { display:inline-block;vertical-align:middle;margin-left:10px;font-family:bold,tahoma;font-size:11pt; }
.option_item > span:nth-child(3) { display:inline-block;vertical-align:middle;font-size:9pt;color:#888; }
#option_add_note { display:block;border-radius:5px;text-align:center;padding:10px 0px; }

#note_button { position:fixed;left:0px;bottom:0px;width:100%;padding:10px 0px;text-align:center;font-size:10pt;
z-index:1000;display:none;background-color:#fff;color:#621620; }
#note_button span { display:inline-block;vrtical-align:middle;margin-right:10px;font-size:10pt;width:30px;height:30px;
line-height:30px;border-radius:100%;background-color:rgba(0,0,0,0.2); }
#note_window { position:fixed;background-color:#fff;left:0;top:150%;width:100%;height:100%;overflow-y:auto;z-index:+1001;letter-spacing:0; }
#note_window > div { padding:20px;display:none; }
#note_window > div > div:nth-child(1) { width:100%;margin-bottom:20px; }
#note_window > div > div:nth-child(1) > div:nth-child(1) { font-size:14pt;text-align:right;font-family:bold,tahoma; }
#note_window > div > div:nth-child(1) > div:nth-child(1) > i { display:inline-block;vertical-align:middle;
    width:30px;height:30px;background-size:100%;background-image:url('../Temp/b_right.png');cursor:pointer;margin-left:10px; }
#note_window > div > div:nth-child(1) > div:nth-child(2) { text-align:left; }
#note_window > div > div:nth-child(1) > div:nth-child(2) > i { display:inline-block;vertical-align:middle;
    width:12px;height:12px;background-size:100%;background-image:url('../Temp/close_black.png');cursor:pointer; }

.food_icon { height:18px;margin-left:5px; }
.note_item { width:100%;padding:10px;border-radius:10px;border:1px dashed #ddd;margin-top:15px;box-sizing:border-box; }
.note_item > div { vertical-align:top; }
.note_item > div:nth-child(1) { width:140px;padding-left:15px; }
.note_item > div:nth-child(1) img { width:100%;border-radius:5px; }
.note_item > div:nth-child(2) > div:nth-child(1) { font-size:12pt;font-family:bold,tahoma; }
.note_item > div:nth-child(2) > div:nth-child(2) { color:#aaa;font-size:9pt; }
.note_item > div:nth-child(2) > div:nth-child(3) { font-size:12pt;text-align:left;margin-top:10px; }
.note_item > div:nth-child(2) > div:nth-child(3) > i { cursor:pointer;display:inline-block;
    vertical-align:middle;width:20px;height:20px;background-size:100%; }
.note_item > div:nth-child(2) > div:nth-child(3) > span { padding:0px 10px; }
.note_item > div:nth-child(2) > div:nth-child(3) > i:nth-child(1) { background-image:url('../Temp/order_increase.png'); }
.note_item > div:nth-child(2) > div:nth-child(3) > i:nth-child(3) { background-image:url('../Temp/order_decrease.png'); }

#note_sum { margin-top:20px;padding:10px 10px;background-color:#f1f1f1;font-family:bold,tahoma;font-size:11pt;
    border-radius:10px;text-align:center;margin-bottom:15px; }
.order_comment { border-radius:10px;margin-bottom:20px;padding:20px;background-color:#faf9ed;}
.order_mode { padding:20px;text-align:center;font-family:bold,tahoma;font-size:12pt;border:1px solid #ddd;
    cursor:pointer;text-align:center;border-radius:10px;margin-top:20px; }
.order_mode img { margin-bottom:10px;width:100%;max-width:110px; }

.order_forms { width:90%;max-width:450px;margin:0px auto; }
#order_factor1 { padding:15px;border-radius:10px;border:1px dashed #ddd;margin-bottom:30px; }
#order_factor1 > div > span:nth-child(1) { font-family:bold,tahoma;margin-left:10px;color:#aaa; }
#order_factor2 { padding:15px;border-radius:10px;border:1px dashed #ddd;margin-bottom:30px; }
#order_factor2 > div > span:nth-child(1) { font-family:bold,tahoma;margin-left:10px;color:#aaa; }
.order_payment { margin-bottom:15px; }
.order_payment > label { display:block;font-family:bold,tahoma; }
.order_payment > label input { vertical-align:middle;margin-left:10px; }
.order_form { margin-bottom:20px; }
.order_form > label { display:block;font-family:bold,tahoma;margin-bottom:5px; }
.order_form > input { width:100%;height:40px;border-radius:5px;border:1px solid #ddd;padding:5px 10px;box-sizing:border-box; }
.order_form > select { width:100%;height:40px;border-radius:5px;border:1px solid #ddd;padding:5px 10px;box-sizing:border-box; }
.order_form > textarea { width:100%;height:120px;border-radius:5px;border:1px solid #ddd;padding:5px 10px;box-sizing:border-box; }
.order_map { margin-bottom:20px; }
.order_map > label { display:block;font-family:bold,tahoma;margin-bottom:5px; }
.active_food_box {
    background-color: #ff5733 !important; /* رنگ پس‌زمینه دسته‌بندی فعال */
    color: #fff !important; /* تغییر رنگ متن */
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

#map { position:relative;width:100%; }
#mapid { width:100%;direction:ltr;height:300px; }
#map > i { display:block;width:40px;height:40px;background-size:100%;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);
    background-image:url('../Temp/map_location.png')z-index:+1000; }
.order_form_button { margin-top:30px;text-align:center; }
.order_form_button > span { padding:10px 20px;border-radius:10px;background-color:#369e54;
    font-size:11pt;color:#fff;font-family:regular,tahoma;cursor:pointer; }
#delivery_button { display:none; }

.hide_links { display:none; }
#note_items > div:nth-child(3) { text-align:center;margin-top:30px;font-family:bold,tahoma;padding-bottom:15px; }
#note_items > div:nth-child(3) img { height:20px;margin-left:10px; }
#note_order_button { margin-right:15px;padding:10px 20px;border-radius:10px;background-color:#369e54;
    font-size:11pt;color:#fff;font-family:regular,tahoma; }

@media only screen and (max-width:800px) {
    #page_category > div { margin-top:100px; }
}