/* =====================================================================
   BERIK POS — кассаның телефон нұсқасы (posm.* домені)
   Тек body.posm ішінде жұмыс істейді. Компьютер/планшет дизайнына тимейді.
   Құрылымды assets/js/posm.js жасайды: төменгі мәзір, себет батырмасы, себет терезесі.
   ===================================================================== */

body.posm{
	--pm-g: #0EA768; --pm-g2: #e7f6ef; --pm-bg: #f3f4f6; --pm-tx: #1d2125; --pm-mut: #7b828c; --pm-ln: #e6e8eb;
	--pm-nav: 0px; --pm-sb: env(safe-area-inset-bottom, 0px); --pm-st: env(safe-area-inset-top, 0px);
	background: var(--pm-bg) !important; color: var(--pm-tx);
	padding-bottom: calc(16px + var(--pm-sb));
	-webkit-tap-highlight-color: transparent;
}
body.posm *{ -webkit-tap-highlight-color: transparent; }
/* iOS: 16px-тен кіші өріске басқанда бет үлкейіп кетеді */
body.posm input, body.posm textarea, body.posm select{ font-size: 16px !important; }

/* Жоғарғы мәзір жасырылады, орнына төменгі мәзір (posm_nav) */
body.posm .aheader{ display: none !important; }
body.posm .app{ padding-top: 0 !important; }
body.posm .bl_c{ width: 100% !important; max-width: none !important; padding-left: 12px !important; padding-right: 12px !important; margin: 0 !important; }

/* ---------- Тапсырыстар батырмасы (оң жақ астында) ---------- */
.posm_fab{
	position: fixed; right: 14px; bottom: calc(14px + var(--pm-sb)); z-index: 900; width: 58px; height: 58px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; background: #fff; color: var(--pm-tx); font-size: 22px; text-decoration: none;
	border: 1px solid var(--pm-ln); box-shadow: 0 8px 24px rgba(16,24,40,.16); -webkit-tap-highlight-color: transparent;
}
.posm_fab:active{ transform: scale(.94); }
.posm_fabs{ position: fixed; right: 14px; bottom: calc(14px + var(--pm-sb)); z-index: 900; display: flex; flex-direction: column; gap: 12px; }
.posm_fabs .posm_fab{ position: static; }
.posm_fab_add{ background: var(--pm-g); border-color: var(--pm-g); color: #fff; font-size: 24px; box-shadow: 0 8px 24px rgba(14,167,104,.4); }
body.posm_pg_orders{ padding-bottom: calc(150px + var(--pm-sb)); }
/* Тапсырыстар беті: тақырып жанында «+» және «Мәзір» */
body.posm .or_head{ display: flex !important; align-items: center; justify-content: space-between; gap: 10px; }
.posm_hbtns{ display: flex; gap: 8px; flex-shrink: 0; }
.posm_hbtn{ width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 19px; text-decoration: none; background: #fff; color: var(--pm-tx); border: 1px solid var(--pm-ln); }
.posm_hbtn_add{ background: var(--pm-g); border-color: var(--pm-g); color: #fff; box-shadow: 0 6px 16px rgba(14,167,104,.3); }
.posm_hbtn:active{ transform: scale(.94); }

/* ---------- Ортақ төменнен ашылатын терезе ---------- */
.posm_bd{ position: fixed; inset: 0; z-index: 1000; background: rgba(15,20,25,.45); opacity: 0; visibility: hidden; transition: .25s; }
.posm_bd_on{ opacity: 1; visibility: visible; }
.posm_sheet{
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; max-height: 88vh; max-height: 88dvh;
	display: flex; flex-direction: column; background: #fff; border-radius: 20px 20px 0 0;
	transform: translateY(105%); transition: transform .28s cubic-bezier(.2,.8,.2,1); box-shadow: 0 -10px 40px rgba(0,0,0,.12);
}
.posm_sheet_on{ transform: translateY(0); }
.posm_sheet_hd{ flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 10px 20px; }
.posm_sheet_hd::before{ content: ''; position: absolute; top: 7px; left: 50%; width: 38px; height: 4px; margin-left: -19px; border-radius: 4px; background: #d6d9de; }
.posm_sheet_hd h4{ font-size: 19px; font-weight: 800; margin: 0; }
.posm_sheet_hd h4 small{ margin-left: 6px; font-size: 14px; font-weight: 700; color: var(--pm-mut); }
.posm_x{ width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pm-bg); color: var(--pm-tx); font-size: 17px; cursor: pointer; }
body.posm.posm_lock{ overflow: hidden; }

/* =====================================================================
   Жаңа тапсырыс (cashbox)
   ===================================================================== */
body.posm .hup_bl{ display: block !important; padding: 0 !important; height: auto !important; }
body.posm .hup_r{ display: block !important; width: 100% !important; height: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }

/* Категориялар жоғарыда тұрып қалады */
.posm_top{
	position: sticky; top: 0; z-index: 30; margin: 0 -12px; padding: var(--pm-st) 12px 0;
	background: var(--pm-bg);
}
/* Іздеу + Тапсырыстар батырмасы: экранның ең астында қатып тұрады */
.posm_bot{
	position: fixed; left: 0; right: 0; bottom: var(--pm-kb, 0px); z-index: 902; display: flex; align-items: center; gap: 10px;
	padding: 10px 12px calc(10px + var(--pm-sb)); background: rgba(243,244,246,.94); border-top: 1px solid var(--pm-ln);
	-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
body.posm_kb .posm_bot{ padding-bottom: 10px; }
.posm_bot .hup_search{ flex: 1; min-width: 0; height: 52px !important; border-radius: 16px !important; box-shadow: 0 2px 10px rgba(16,24,40,.05) !important; }
.posm_bot .hup_search_inp{ height: 50px !important; }
.posm_bot .posm_fab{ position: static; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 16px; box-shadow: 0 2px 10px rgba(16,24,40,.05); font-size: 20px; }
body.posm_pg_cashbox{ padding-bottom: calc(80px + var(--pm-sb)); }
body.posm .hup_search{
	position: relative !important; top: auto !important; margin: 0 !important; width: 100% !important; height: 46px !important;
	padding: 0 !important; border-radius: 14px !important; box-shadow: none !important; background: #fff !important; border: 1px solid var(--pm-ln) !important;
	display: flex !important; align-items: center;
}
body.posm .hup_search_inp{ height: 44px !important; padding-left: 42px !important; padding-right: 40px !important; background: transparent !important; border: 0 !important; border-radius: 14px !important; width: 100% !important; }
body.posm .hup_search_icon{ left: 15px !important; font-size: 16px !important; }
body.posm .hup_rct{
	display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden;
	margin: 0 -12px !important; padding: 10px 12px !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
	scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; height: auto !important; position: static !important;
}
body.posm .hup_rct::-webkit-scrollbar{ display: none; }
body.posm .hup_rcti{
	flex: 0 0 auto !important; height: 40px !important; padding: 0 16px !important; border-radius: 20px !important;
	font-size: 14px !important; font-weight: 800 !important; display: flex !important; align-items: center; scroll-snap-align: start;
	box-shadow: none !important; outline: 0 !important; border: 2px solid transparent !important; color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.18);
}
body.posm .hup_rcti_act{ border-color: #fff !important; box-shadow: 0 0 0 2px var(--pm-tx) !important; }
/* Swiper/«>» батырмасы керек емес: саусақпен сырғытамыз */
body.posm .hsc_btn{ display: none !important; }
body.posm .hsc{ position: static !important; margin: 0 !important; padding: 0 !important; }

/* Тауарлар: 2 баған */
body.posm .hup_rcb{
	display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
	margin: 2px 0 0 !important; padding: 0 0 90px !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; height: auto !important; overflow: visible !important;
}
@media (min-width: 560px){ body.posm .hup_rcb{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
body.posm .hup_rcbi{
	position: relative; min-height: 0 !important; height: auto !important; padding: 12px 12px 11px !important; margin: 0 !important;
	display: flex !important; flex-direction: column; justify-content: flex-start; gap: 6px;
	background: #fff !important; border: 1px solid var(--pm-ln) !important; border-radius: 14px !important; box-shadow: none !important;
	font-size: 14px !important; line-height: 1.25 !important; font-weight: 600; word-break: break-word; overflow: visible;
	transition: transform .12s, border-color .2s, background .2s !important; user-select: none; -webkit-user-select: none;
}
body.posm .hup_rcbi > div:first-child{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
body.posm .hup_rcbi > div:nth-child(2){ font-size: 15px !important; font-weight: 800 !important; color: #1f75a8 !important; }
body.posm .hup_rcbi.posm_in > div:nth-child(2){ color: var(--pm-g) !important; }
body.posm .hup_rcbi:active{ transform: scale(.97); }
body.posm .hup_rcbi.posm_in{ border-color: var(--pm-g) !important; background: #f6fcf9 !important; }
.posm_qn{
	position: absolute; top: -6px; right: -4px; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px;
	background: var(--pm-g); color: #fff; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center;
	border: 2px solid var(--pm-bg); pointer-events: none;
}
body.posm .hup_rcbi.posm_pop{ animation: posm_pop .35s; }
@keyframes posm_pop{ 0%{ transform: scale(1) } 40%{ transform: scale(.94); background: var(--pm-g2) } 100%{ transform: scale(1) } }
body.posm .pdesc_tip{ max-width: calc(100vw - 32px) !important; }

/* Себет батырмасы (төменгі мәзірдің үстінде) */
.posm_cbar{
	position: fixed; left: 12px; right: 12px; z-index: 901; bottom: calc(var(--pm-kb, 0px) + var(--pm-sb) + 82px);
	height: 60px; padding: 0 8px 0 10px; border-radius: 16px; background: var(--pm-g); color: #fff;
	display: flex; align-items: center; gap: 14px; box-shadow: 0 8px 24px rgba(14,167,104,.35);
	transform: translateY(0); transition: transform .25s, opacity .25s; cursor: pointer; user-select: none;
}
.posm_cbar_off{ transform: translateY(140%); opacity: 0; pointer-events: none; }
.posm_cbar_ic{ position: relative; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; font-size: 19px; }
.posm_cbar_n{ position: absolute; top: -5px; right: -7px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #fff; color: var(--pm-g); font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center; }
.posm_cbar_t{ flex: 1; min-width: 0; padding-left: 4px; }
.posm_cbar_t small{ display: block; font-size: 12px; font-weight: 700; opacity: .85; }
.posm_cbar_t b{ display: block; font-size: 18px; font-weight: 900; line-height: 1.1; }
.posm_cbar_go{ height: 42px; padding: 0 14px; border-radius: 12px; background: rgba(255,255,255,.2); display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; }
.posm_cbar.posm_bump{ animation: posm_bump .3s; }
@keyframes posm_bump{ 50%{ transform: scale(1.03) } }

/* Себет терезесі: .cash_bl1 осы терезенің ішіне көшіріледі */
body.posm .posm_cart .cash_bl1{
	position: static !important; top: auto !important; width: 100% !important; height: auto !important; max-height: none !important;
	flex: 1; min-height: 0; display: flex !important; flex-direction: column; margin: 0 !important; padding: 0 !important;
	border-radius: 0 !important; box-shadow: none !important; background: transparent !important;
}
body.posm .posm_cart .cash_bl1_l{ display: none !important; }
body.posm .posm_cart .cash_bl1_r{ flex: 1; min-height: 0; height: auto !important; max-height: none !important; overflow: hidden; padding: 0 !important; width: 100% !important; }
body.posm .posm_cart .cash_bl1_rc{ height: auto !important; max-height: calc(88dvh - 210px); overflow-y: auto !important; padding: 0 16px 8px !important; -webkit-overflow-scrolling: touch; }
body.posm .posm_cart .uc_u, body.posm .posm_cart .uc_uc{ padding: 0 !important; margin: 0 !important; }
/* Себет жолы компьютердегідей: атауы | баға × саны және сомасы | + / өшіру */
body.posm .posm_cart .uc_ui{
	display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px; height: auto !important; min-height: 0 !important;
	padding: 12px 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--pm-ln) !important; border-radius: 0 !important; background: transparent !important;
}
body.posm .posm_cart .uc_ui:last-child{ border-bottom: 0 !important; }
body.posm .posm_cart .uc_uiln{ flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; padding: 0 !important; height: auto !important; overflow: visible !important; }
body.posm .posm_cart .uc_uinu, body.posm .posm_cart .uc_ui_name{ height: auto !important; max-height: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; display: block !important; }
body.posm .posm_cart .uc_ui_name{ font-size: 15px !important; font-weight: 600 !important; white-space: normal !important; line-height: 1.3; }
body.posm .posm_cart .uc_uil{ flex: 0 0 auto !important; width: auto !important; display: flex !important; align-items: center; gap: 10px; padding: 0 !important; }
body.posm .posm_cart .uc_uilf1{ display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 2px; width: auto !important; }
body.posm .posm_cart .uc_uilf1c{ display: flex !important; gap: 8px; align-items: baseline; width: auto !important; }
body.posm .posm_cart .uc_uilf1c .uc_uin_other{ padding: 0 !important; width: auto !important; font-size: 13px !important; white-space: nowrap; color: var(--pm-tx); }
body.posm .posm_cart .uc_uilf1c .cashbox_qn{ font-weight: 800 !important; }
body.posm .posm_cart .cashbox_sum{ font-size: 18px !important; font-weight: 900 !important; width: auto !important; padding: 0 !important; white-space: nowrap; }
body.posm .posm_cart .uc_uilf2{ display: flex !important; flex-direction: row !important; gap: 6px; width: auto !important; }
body.posm .posm_cart .uc_uin_cn{ width: 44px !important; height: 44px !important; border-radius: 12px !important; display: flex !important; align-items: center; justify-content: center; font-size: 16px !important; margin: 0 !important; }
body.posm .posm_cart .uc_uin_cn.dsp_n{ display: none !important; }
body.posm .posm_cart .cashbox_plus{ background: #e8f1f8 !important; color: #1f75a8 !important; }
body.posm .posm_cart .cashbox_minus{ background: #e8f1f8 !important; color: #1f75a8 !important; }
body.posm .posm_cart .cashbox_remove{ background: #fdecec !important; color: #e5484d !important; }
body.posm .posm_cart .ds_nr{ padding: 30px 0 !important; text-align: center; color: var(--pm-mut); }
body.posm .posm_cart .cash_bl1_rb{
	position: static !important; flex-shrink: 0; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px;
	width: 100% !important; height: auto !important; margin: 0 !important; padding: 12px 16px calc(14px + var(--pm-sb)) !important;
	border-top: 1px solid var(--pm-ln) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important;
}
body.posm .posm_cart .cash_bl1_rbl{ display: flex !important; flex-direction: row !important; align-items: baseline; justify-content: space-between; gap: 8px; width: 100% !important; }
body.posm .posm_cart .cash_bl1_rblin{ font-size: 16px !important; color: var(--pm-tx); font-weight: 700; }
body.posm .posm_cart .cash_bl1_rblip{ font-size: 24px !important; font-weight: 900 !important; }
body.posm .posm_cart .cash_bl1_rbr{ width: 100% !important; }
body.posm .posm_cart .cash_bl1_rbr .btn{ width: 100% !important; height: 60px !important; padding: 0 20px !important; border-radius: 16px !important; font-size: 18px !important; font-weight: 900 !important; gap: 10px; justify-content: center; }
body.posm .posm_cart .cash_bl1_rbr .btn i{ font-size: 18px !important; }
body.posm .posm_cart .cash_bl1_rb.dsp_n{ display: none !important; }

/* ---------- Сақтау (төлем) терезесі: толық экран ---------- */
body.posm .pop_bl{ height: 100% !important; height: 100dvh !important; align-items: stretch !important; }
body.posm .pop_bl2 .pop_bl_c,
body.posm .cashbox_pay_block .pop_bl_c{
	width: 100% !important; max-width: none !important; height: 100% !important; border-radius: 0 !important;
	transform: translateY(100%) !important; display: flex !important; flex-direction: column;
}
body.posm .pop_bl_act .pop_bl_c{ transform: translateY(0) !important; }
body.posm .pop_bl_c::after{ display: none !important; }
body.posm .pop_bl2 .pop_bl_c .head_c{ flex-shrink: 0; height: auto !important; padding: calc(12px + var(--pm-st)) 12px 12px 18px !important; }
body.posm .pop_bl2 .pop_bl_c .head_c h4{ font-size: 20px !important; font-weight: 800; }
body.posm .pop_bl_cl{ flex: 1; min-height: 0; max-height: none !important; padding: 14px 14px 24px !important; overflow-y: auto; }
body.posm .cashbox_pay_block .pop_bl_cl{ padding-bottom: 0 !important; }
body.posm .pay_foot{ margin: 0 -14px !important; padding: 10px 14px calc(12px + var(--pm-sb)) !important; }
body.posm .pay_foot .cashbox_pay_btotol{ font-size: 16px; }
body.posm .pay_foot .btn{ height: 54px !important; border-radius: 14px !important; font-size: 16px !important; }
body.posm .form_im_slo_i{ min-height: 44px; }
body.posm .form_imss{ gap: 6px !important; }
body.posm .form_txt{ height: 50px !important; }
body.posm .form_2col{ gap: 8px !important; }
body.posm .opt_btns{ gap: 8px !important; }
/* Заказ түрі: 4 батырма бір қатарға сыйсын (иконка үстінде, жазу астында) */
body.posm .tp_seg .form_im_slo_i{ flex-direction: column !important; gap: 2px !important; min-height: 56px !important; padding: 6px 2px !important; font-size: 12.5px !important; }
body.posm .tp_seg .form_im_slo_i .tp_ico{ margin: 0 !important; font-size: 17px !important; }
body.posm .sel_type .tp_seg{ height: 66px !important; padding: 5px !important; }
body.posm .sel_type .tp_seg .form_im_slo_i{ height: 56px !important; }
body.posm .sel_type .tp_seg_sl{ top: 5px !important; height: 56px !important; }
body.posm .pre_days{ overflow-x: auto; flex-wrap: nowrap !important; }
body.posm .pre_slots{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* Тұтынушы жайлы: телефонда жеке батырмадан ашылады */
.posm_ui_btn{
	display: none; align-items: center; gap: 8px; margin: 0 0 12px; padding: 12px 14px; border-radius: 14px;
	background: var(--pm-g2); color: #0b7e4f; font-weight: 800; font-size: 14px; cursor: pointer;
}
.posm_ui_btn i:last-child{ margin-left: auto; }
.posm_ui_btn_on{ display: flex; }
body.posm .pop_usr_info{
	display: flex !important; position: fixed !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important;
	width: 100% !important; max-height: 80dvh !important; min-height: 0 !important; z-index: 5 !important; border-radius: 20px 20px 0 0 !important;
	opacity: 1 !important; visibility: hidden !important; transform: translateY(105%) !important; box-shadow: 0 -10px 40px rgba(0,0,0,.18);
}
body.posm .pop_usr_info.posm_ui_open{ visibility: visible !important; transform: translateY(0) !important; }
body.posm .pop_usr_info .head_c{ height: auto !important; padding: 16px 16px 12px 20px !important; }
body.posm .pop_usr_info_c{ padding: 14px 16px calc(20px + var(--pm-sb)) !important; }

/* Жеткізу картасы: толық экран */
body.posm .dlv_map_box{ width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; border-radius: 0 !important; }
body.posm .dz_grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

/* Ескерту хабарламасы мәзірдің үстінде шықсын */
body.posm .mess, body.posm .message{ bottom: calc(var(--pm-sb) + 150px) !important; }

/* =====================================================================
   «Мәзір» терезесі (аккаунт, тіл, смена, шығу)
   ===================================================================== */
.posm_more .acc_menu{
	position: static !important; display: block !important; width: 100% !important; max-width: none !important; opacity: 1 !important; visibility: visible !important;
	transform: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 16px calc(16px + var(--pm-sb)) !important; background: transparent !important;
	overflow-y: auto;
}
.posm_more .acc_hd{ padding: 4px 0 14px !important; }
.posm_more .acc_lang{ padding: 12px 0 !important; }
.posm_more .acc_lang_c{ display: flex; flex-wrap: wrap; gap: 6px; }
.posm_more .acc_lang_i{ min-width: 56px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; }
.posm_more .menu_ci{ min-height: 54px; display: flex !important; align-items: center; gap: 12px; border-radius: 12px; }
.posm_more .menu_cin i{ font-size: 19px; }
.posm_more .menu_cih{ font-size: 16px !important; font-weight: 700; }
.posm_ver{ padding: 4px 16px 0; font-size: 12px; color: var(--pm-mut); }
body.posm .acc_drw_c{ width: 100% !important; max-width: none !important; padding-bottom: calc(20px + var(--pm-sb)) !important; }

/* =====================================================================
   Басқа беттер (тапсырыстар, смена): кең кестелер экранға сыйсын
   ===================================================================== */
body.posm .app > .flex_clm_rev{ padding-top: 0 !important; }
body.posm .app .bl_c{ padding-top: calc(12px + var(--pm-st)); }
body.posm.posm_pg_cashbox .app .bl_c{ padding-top: 0; }
body.posm .or_head{ margin-top: 0 !important; }
body.posm .sh_card{ margin-top: 0 !important; padding: 18px 16px !important; }
body.posm h1, body.posm .head_c h3{ font-size: 24px !important; }
body.posm img{ max-width: 100%; }

/* Тапсырыстар: бір баған, карточка экранға сыяды */
body.posm .bl_orm .uc_u, body.posm .bl_ors .uc_u{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; padding-bottom: 16px; }
body.posm .bl_orm .uc_ui, body.posm .bl_ors .uc_ui{ width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 14px 12px !important; }
body.posm .or_card .uc_uil2, body.posm .or_card .uc_uil2_raz, body.posm .or_card .or_items{ width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
body.posm .or_card .uc_uil2_nmb{ min-width: 56px !important; height: 56px !important; font-size: 22px !important; }
body.posm .or_card .uc_uil2_topc{ height: 56px !important; }
body.posm .or_card .or_courier{ flex-wrap: wrap; }
body.posm .or_card .uc_uil2_mib{ flex-wrap: wrap; gap: 6px; }
body.posm .or_card .uc_uil2_mib .btn{ flex: 1 1 auto; min-height: 44px; }
body.posm .or_card .or_status{ min-width: 0 !important; }
body.posm .or_card .or_status .cr_dd, body.posm .or_card .or_status .cr_btn{ width: 100% !important; min-width: 0 !important; }
body.posm .or_card .or_type{ flex: 0 0 auto !important; }
body.posm .or_card .or_items .uc_uil2_trt, body.posm .or_card .or_items .uc_uil2_trc, body.posm .or_card .or_paybox{ width: 100% !important; }
body.posm .or_card .or_items .uc_uil2_trt1{ flex: 1 1 auto !important; width: auto !important; min-width: 0; }
body.posm .or_card .or_items .uc_uil2_trt2{ flex: 0 0 52px !important; width: 52px !important; }
body.posm .or_card .or_items .uc_uil2_trt3{ flex: 0 0 auto !important; width: auto !important; white-space: nowrap; }
/* Тапсырыстар сүзгісі: 2 бағанға бөлінеді */
body.posm .uc_ui69{ display: flex !important; flex-wrap: wrap !important; gap: 8px !important; height: auto !important; padding: 10px !important; overflow: visible !important; }
body.posm .uc_ui69 > *{ flex: 1 1 calc(50% - 4px) !important; width: auto !important; min-width: 0 !important; margin: 0 !important; }
body.posm .uc_ui69 > *:first-child, body.posm .uc_ui69 > .uc_us, body.posm .uc_ui69 > *:has(.bseg){ flex-basis: 100% !important; }
body.posm .uc_ui69 > *:has(.or_view_btn){ display: none !important; }
body.posm .uc_ui69 .bdt, body.posm .uc_ui69 .pre_tab, body.posm .uc_ui69 .bsel, body.posm .uc_ui69 .uc_usn{ width: 100% !important; max-width: none !important; }
body.posm .uc_ui69 .bdt_main{ flex: 1 !important; }
body.posm .uc_ui69 .pre_tab{ justify-content: center; }
/* Тип сүзгісі: батырма ені мен жылжитын фон бірдей (компьютердегі есеп сияқты) */
body.posm .uc_ui69 .bseg{ display: flex !important; width: 100% !important; }
body.posm .uc_ui69 .bseg_i{ flex: 1 1 0 !important; width: auto !important; }
body.posm .uc_ui69 .bseg_sl{ width: calc((100% - 8px - (var(--n, 5) - 1) * 4px) / var(--n, 5)) !important; transform: translateX(calc(var(--i, 0) * (100% + 4px))) !important; }
body.posm .uc_ui69 .bdt_main{ justify-content: center !important; text-align: center; }
body.posm .posm_more .acc_menu::before, body.posm .posm_more .acc_menu::after{ display: none !important; }
body.posm .uc_ui69 > .uc_us{ max-width: none !important; }

/* =====================================================================
   Кіру беті
   ===================================================================== */
body.posm_pg_login{ background: #fff !important; padding-bottom: 0; }
body.posm_pg_login .sbl2{ display: flex !important; flex-direction: column; align-items: stretch !important; min-height: 100vh; min-height: 100dvh; padding: 0 !important; margin: 0 !important; background: var(--pm-bg); }
body.posm_pg_login .sbl2_ln{ display: none !important; }
/* Жасыл жоғарғы бөлік */
.posm_hero{
	position: relative; overflow: hidden; padding: calc(34px + var(--pm-st)) 24px 64px; text-align: center; color: #fff;
	background: radial-gradient(120% 90% at 85% 0%, #2fd08f 0%, rgba(47,208,143,0) 55%), linear-gradient(160deg, #10b472 0%, #0a8a57 100%);
}
.posm_hero::before, .posm_hero::after{ content: ''; position: absolute; border-radius: 50%; background: rgba(255,255,255,.08); }
.posm_hero::before{ width: 220px; height: 220px; left: -80px; top: -90px; }
.posm_hero::after{ width: 160px; height: 160px; right: -50px; bottom: -70px; }
.posm_hero_lg{ position: relative; z-index: 1; width: 76px; height: 76px; margin: 0 auto 12px; border-radius: 24px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.posm_hero_lg img{ width: 56px; height: 56px; display: block; }
.posm_hero_nm{ position: relative; z-index: 1; font-family: 'Nunito', sans-serif; font-style: italic; font-weight: 900; font-size: 26px; letter-spacing: .3px; }
.posm_hero_nm b{ font-weight: 800; color: #d9ffe9; }
.posm_hero_hi{ position: relative; z-index: 1; margin-top: 18px; font-size: 22px; font-weight: 800; }
.posm_hero_sub{ position: relative; z-index: 1; margin-top: 4px; font-size: 14px; font-weight: 600; opacity: .9; }
/* Ақ карточка (менеджерлер тізімі) жасыл бөліктің үстіне шығады */
body.posm_pg_login .sign{ position: relative !important; z-index: 2; flex: 1; width: auto !important; max-width: none !important; height: auto !important; margin: -36px 0 0 !important; padding: 22px 16px 16px !important; background: var(--pm-bg) !important; border-radius: 26px 26px 0 0 !important; box-shadow: 0 -6px 24px rgba(0,0,0,.06) !important; }
body.posm_pg_login .sign .bl_c, body.posm_pg_login .usign_c, body.posm_pg_login .usign_cn{ width: 100% !important; max-width: none !important; height: auto !important; padding: 0 !important; margin: 0 !important; position: static !important; background: transparent !important; box-shadow: none !important; }
body.posm_pg_login .usign_head{ margin: 0 4px 12px !important; padding: 0 !important; text-align: left; }
body.posm_pg_login .usign_h{ margin: 0 !important; font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .06em; color: var(--pm-mut); }
body.posm_pg_login .sbl2_lro{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; }
body.posm_pg_login .sbl2_lroi{
	width: auto !important; height: auto !important; min-height: 72px; margin: 0 !important; padding: 12px 16px 12px 12px !important; display: flex !important; flex-direction: row !important;
	flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; gap: 14px; background: #fff !important; border: 1px solid #e9ecef !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(16,24,40,.04) !important;
	cursor: pointer; transition: transform .12s, box-shadow .2s, border-color .2s; animation: posm_in .35s both;
}
body.posm_pg_login .sbl2_lroi:active{ transform: scale(.98); border-color: var(--pm-g) !important; box-shadow: 0 0 0 3px var(--pm-g2) !important; }
body.posm_pg_login .sbl2_lroi > div.lazy_img{ display: none !important; }
body.posm_pg_login .sbl2_lroi::before{ display: none !important; }
.posm_av{ flex: 0 0 48px; width: 48px; height: 48px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--c) 14%, #fff); color: var(--c); font-size: 17px; font-weight: 900; letter-spacing: .02em; }
.posm_mn{ flex: 1; min-width: 0; }
.posm_mn p{ width: auto !important; padding: 0 !important; margin: 0 !important; font-size: 16px !important; font-weight: 800 !important; text-align: left !important; color: var(--pm-tx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.posm_mn small{ display: block; margin-top: 2px; font-size: 12.5px; font-weight: 600; color: var(--pm-mut); }
body.posm_pg_login .sbl2_lroi::after{ content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--pm-bg); color: var(--pm-mut); font-size: 12px; display: flex; align-items: center; justify-content: center; }
@keyframes posm_in{ from{ opacity: 0; transform: translateY(8px) } to{ opacity: 1; transform: none } }
.posm_foot{ padding: 18px 16px calc(18px + var(--pm-sb)); text-align: center; font-size: 12.5px; font-weight: 600; color: var(--pm-mut); background: var(--pm-bg); }
.posm_foot i{ color: var(--pm-g); margin-right: 4px; }
/* PIN терезесі төменнен */
body.posm .loginq_block .pop_bl_c{ height: auto !important; max-height: 100%; margin-top: auto; border-radius: 22px 22px 0 0 !important; }
body.posm .loginq_block .pop_bl_cl{ padding: 6px 20px calc(18px + var(--pm-sb)) !important; }
body.posm .loginq_block .form_im_ps{ position: absolute !important; opacity: 0; pointer-events: none; height: 0 !important; overflow: hidden; }
body.posm .loginq_block .btn_sign{ display: none !important; }
.posm_pin_d{ display: flex; justify-content: center; gap: 16px; margin: 8px 0 22px; }
.posm_pin_d i{ width: 16px; height: 16px; border-radius: 50%; border: 2px solid #c9ced5; transition: .15s; }
.posm_pin_d i.on{ background: var(--pm-g); border-color: var(--pm-g); transform: scale(1.1); }
.posm_pin_k{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 320px; margin: 0 auto; }
.posm_pin_b{ height: 62px; border: 0; border-radius: 16px; background: var(--pm-bg); color: var(--pm-tx); font-family: inherit; font-size: 26px; font-weight: 800; cursor: pointer; touch-action: manipulation; }
.posm_pin_b:active{ background: var(--pm-g2); transform: scale(.96); }
.posm_pin_b[data-k="del"]{ background: transparent; font-size: 22px; color: var(--pm-mut); }
body.posm_pg_login .posm_mn, body.posm_pg_login .posm_hero > div{ padding: 0 !important; height: auto !important; min-height: 0 !important; width: auto !important; position: relative !important; background: none !important; border-radius: 0 !important; overflow: visible !important; }
body.posm_pg_login .posm_hero > .posm_hero_lg{ width: 76px !important; height: 76px !important; background: #fff !important; border-radius: 24px !important; display: flex !important; }
body.posm .uc_ui69 > .uc_us{ width: 100% !important; flex: 1 1 100% !important; }

/* Телефонда чек/печать жоқ */
body.posm .on_print, body.posm .pay_print{ display: none !important; }
body.posm .or_card .uc_uil2_mib .btn{ flex: 1 1 100% !important; }

/* Категориялар: бір қатарға сыймаса келесі қатарға түседі (сырғытпай) */
body.posm .hup_rct{ flex-wrap: wrap !important; overflow: visible !important; gap: 8px !important; padding: 10px 12px 12px !important; }
body.posm .hup_rcti{ height: 44px !important; min-height: 44px !important; min-width: 44px !important; padding: 0 16px !important; font-size: 14px !important; justify-content: center; border-radius: 8px !important; }
body.posm .hup_rct{ gap: 8px !important; }
body.posm .posm_top{ padding-bottom: 2px; border-bottom: 1px solid var(--pm-ln); }
body.posm .hup_rcb{ margin-top: 12px !important; }

/* Тапсырыстар: сүзгілер «Сүзгі» батырмасымен ашылады */
body.posm .uc_ui69 > .posm_flt_date{ flex: 1 1 calc(100% - 60px) !important; min-width: 0 !important; }
body.posm .uc_ui69 > .posm_flt_btn{
	flex: 0 0 52px !important; width: 52px !important; height: 50px; border-radius: 12px; position: relative; display: flex; align-items: center; justify-content: center;
	background: #fff; border: 1px solid var(--bp-line, #e6e8eb); box-shadow: var(--bp-shadow, none); color: var(--pm-tx); font-size: 18px; cursor: pointer;
}
body.posm .uc_ui69 > .posm_flt_btn_on{ background: var(--pm-g2); border-color: var(--pm-g); color: var(--pm-g); }
body.posm .posm_flt_dot::after{ content: ''; position: absolute; top: 9px; right: 10px; width: 9px; height: 9px; border-radius: 50%; background: #e5484d; border: 2px solid #fff; }
body.posm .uc_ui69:not(.posm_flt_on) > *:not(.posm_flt_date):not(.posm_flt_btn){ display: none !important; }
body.posm .bl_c:has(> .or_head){ display: none !important; }
body.posm.posm_pg_orders .uc_ui69{ margin-top: 0 !important; }

/* Тапсырыс карточкасы: тауар жолдары тең бағандар, сомалар тураланған (2026-11-03) */
body.posm .or_card .or_items .uc_uil2_trt{ display: grid !important; grid-template-columns: minmax(0,1fr) 44px 96px; column-gap: 10px; align-items: center; }
body.posm .or_card .or_items .uc_uil2_trt:not(:has(.uc_uil2_trt2)){ grid-template-columns: minmax(0,1fr) 96px; }
body.posm .or_card .or_items .uc_uil2_trt1, body.posm .or_card .or_items .uc_uil2_trt2, body.posm .or_card .or_items .uc_uil2_trt3{ width: auto !important; flex: none !important; margin: 0 !important; }
body.posm .or_card .or_items .uc_uil2_trt2{ text-align: center !important; color: #6b7480; white-space: nowrap; }
body.posm .or_card .or_items .uc_uil2_trt3{ text-align: right !important; font-weight: 700; white-space: nowrap; }
body.posm .or_card .or_items .uc_uil2_trt1{ line-height: 1.3; word-break: break-word; }
/* Жалпы / Предоплата / Төлем түрі: аты сол жақта, мәні оң жақта */
body.posm .or_card .or_paybox .uc_uil2_trb, body.posm .or_card .or_paybox .uc_uil2_trt{ display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; width: 100% !important; }
body.posm .or_card .or_paybox .uc_uil2_trt1{ flex: 0 0 auto !important; width: auto !important; }
body.posm .or_card .or_paybox .uc_uil2_trt2{ display: none !important; }
body.posm .or_card .or_paybox .uc_uil2_trt3{ flex: 1 1 auto !important; width: auto !important; min-width: 0; text-align: right !important; white-space: nowrap; }
body.posm .or_card .or_paybox .uc_uil2_trt2:not(:empty) + .uc_uil2_trt3::before{ content: '\2212\00a0'; }
body.posm .or_card .or_paybox .or_paym .uc_uil2_trt3{ white-space: normal; line-height: 1.3; }
body.posm .or_card .uc_uil2_raz.or_items{ margin: 12px 0 0 !important; padding: 12px 0 0 !important; width: auto !important; }