/* Berik POS: жаңа стиль (жаңа админ сияқты). Тек сыртқы түр, орналасу өзгермейді. */
:root{
	--bp-bg: #f3f3f3;
	--bp-card: #fff;
	--bp-line: #e7e7e7;
	--bp-pill: #f5f5f5;
	--bp-pill-h: #ececec;
	--bp-text: #222;
	--bp-muted: #8a8f98;
	--bp-green: #10a96a;
	--bp-green-h: #0d9660;
	--bp-red: #e5484d;
	--bp-red-bg: #fdeced;
	--bp-shadow: 0 1px 3px rgba(0,0,0,.05);
}

body{ background: var(--bp-bg); }

/* ---------- Жоғарғы мәзір ---------- */
.aheader{
	background: var(--bp-bg);
	border-bottom: 1px solid var(--bp-line);
}
.alogo{ color: var(--bp-text); }
.alogo p{
	display: flex;
	align-items: center;
	height: 38px;
	margin-right: 6px;
	padding: 0 16px;
	background: var(--bp-card);
	border-radius: 40px;
	box-shadow: var(--bp-shadow);
	color: var(--bp-text);
	font-size: 14px;
	font-weight: 600;
}
.alogo p i{ margin-right: 8px; color: var(--bp-muted); font-size: 14px; }
.alogo p span{ color: var(--bp-text); font-weight: 700; }
@media (max-width: 768px){
	.alogo p{ height: 32px; padding: 0 10px; margin-right: 4px; font-size: 12px; }
	.mp_topc{ height: 34px; }
	.mp_topi{ height: 28px; padding: 0 10px; font-size: 13px; }
	.ub1_lt{ height: 34px; padding: 0 3px 0 10px; }
	.ub1_lti{ width: 28px; height: 28px; min-height: 28px; }
}

.mp_top{ display: flex; align-items: center; }
.mp_topc{
	height: 38px;
	padding: 3px;
	background: var(--bp-card);
	border-radius: 40px;
	box-shadow: var(--bp-shadow);
}
.mp_topi{
	height: 32px;
	padding: 0 18px;
	margin-right: 4px;
	border-radius: 32px;
	background: var(--bp-pill);
	color: var(--bp-text);
	font-size: 14px;
	font-weight: 600;
}
.mp_topi:last-child{ margin-right: 0; }
.mp_topi:hover{ background: var(--bp-pill-h); }
.mp_topi_act, .mp_topi_act:hover{
	background: var(--bp-green);
	color: #fff;
	font-weight: 700;
}

.ub1_lx{ margin-left: 10px; }
.ub1_lt{
	height: 38px;
	padding: 0 3px 0 16px;
	background: var(--bp-card);
	border-radius: 40px;
	box-shadow: var(--bp-shadow);
}
.ub1_ltf div{ color: var(--bp-text); font-weight: 600; }
.ub1_lti{
	width: 32px; height: 32px; min-height: 32px;
	background-color: var(--bp-pill);
	color: var(--bp-muted);
}

/* ---------- Касса беті ---------- */
.hup_search, .hup_rct, .hup_rcb, .cash_bl1{
	background: var(--bp-card);
	border-radius: 12px;
	box-shadow: var(--bp-shadow);
}
.hup_search .hup_search_inp{ height: 40px; padding: 0 40px 0 38px; background: #fff; border: 1px solid var(--bp-line); border-radius: 10px; box-shadow: none; }
.hup_search .hup_search_inp:focus{ border-color: var(--bp-green); }

/* Санаттар: түсі сол күйі, пішіні pill */
.hup_rct{ flex-wrap: wrap; gap: 5px; }
.hup_rcti{
	height: 36px;
	margin-right: 0;
	padding: 0 16px;
	border-radius: 36px;
	font-weight: 600;
}
.hup_rcti:hover{ transform: none; filter: brightness(.95); }
.hup_rcti_act{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bp-green); }

/* Тауар плиткалары */
.hup_rcbi{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 68px;
	padding: 10px 12px;
	text-align: left;
	background: var(--bp-card);
	border: 1px solid var(--bp-line);
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.3;
}
.hup_rcbi > div:first-child{ font-weight: 600; color: var(--bp-text); }
.hup_rcbi > div:last-child{ margin-top: 6px; font-size: 13px; color: var(--bp-muted); }
.hup_rcbi:hover{ transform: none; border-color: var(--bp-green); }
.hup_rcbi:active{ background: #f2fbf7; }

/* Себет */
.cash_bl1_l{ border-radius: 12px 12px 0 0; }
.uc_uh{ border-bottom-color: var(--bp-line); }
.uc_uh, .uc_uh div{ font-size: 12px; text-transform: uppercase; color: var(--bp-muted); font-weight: 600; letter-spacing: .3px; }
.cash_bl1 .uc_ui{ border-bottom: 1px solid var(--bp-line); }

.cash_bl1 .uc_uin_cn{
	width: 36px; height: 36px;
	border-radius: 10px;
	background: var(--bp-pill);
	color: var(--bp-text);
}
.cash_bl1 .uc_uin_cn:hover{ background: var(--bp-pill-h); }
.cash_bl1 .uc_uin_cn.cashbox_remove{ background: var(--bp-red-bg); color: var(--bp-red); }
.cash_bl1 .uc_uin_cn.cashbox_remove:hover{ background: var(--bp-red); color: #fff; }

/* Төменгі жолақ */
.cash_bl1_rb{
	background: var(--bp-card);
	border-top: 1px solid var(--bp-line);
	border-left: 1px solid var(--bp-line);
	border-top-left-radius: 12px;
}
.cash_bl1_rbl div{ color: var(--bp-text); }
.cash_bl1_rblip{ color: var(--bp-text); font-weight: 800; }
.cash_bl1_rbr .btn{
	width: 160px;
	border-radius: 10px;
	background: var(--bp-green);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.cash_bl1_rbr .btn:hover{ background: var(--bp-green-h); }
@media (max-width: 768px){
	.cash_bl1_rbr .btn{ width: 120px; }
}


/* ---------- Мәзір: иконка үстінде, жазу астында (мобильді қолданба сияқты) ---------- */
.aheader{ height: 60px; }
.mp_topc{ height: 52px; padding: 3px; }
.mp_topi{
	height: 46px;
	min-width: 96px;
	padding: 0 14px;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
	background: transparent;
	border-radius: 40px;
	font-size: 12px;
	font-weight: 600;
	color: var(--bp-text);
}
.mp_topi i{ font-size: 18px; line-height: 1; }
.mp_topi:hover{ background: var(--bp-pill); }
.mp_topi_act, .mp_topi_act:hover{
	background: #e3f5ec;
	color: var(--bp-green);
	font-weight: 700;
}
.alogo p, .ub1_lt{ height: 44px; }

/* Биік мәзірге сай беттің жоғарғы шегінісі */
.hup_bl{ padding-top: 65px; }
.cash_bl1{ height: calc(100vh - 60px - 10px); }
.flex_clm_rev{ padding-top: 76px; }

@media (max-width: 768px){
	.aheader{ height: 56px; }
	.mp_topc{ height: 48px; }
	.mp_topi{ height: 42px; min-width: 0; padding: 0 10px; font-size: 11px; }
	.mp_topi i{ font-size: 16px; }
	.alogo p, .ub1_lt{ height: 36px; }
	.hup_bl{ padding-top: 61px; }
	.flex_clm_rev{ padding-top: 72px; }
	.cash_bl1{ height: auto; }
}


/* ---------- Ауада қалқыған жоғарғы жолақ ---------- */
.aheader{
	top: 10px;
	background: transparent;
	border-bottom: 0;
	pointer-events: none;
}
.aheader .alogo, .aheader .ahead{ pointer-events: auto; }
.alogo p, .mp_topc, .ub1_lt{
	box-shadow: 0 6px 20px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);
}
.alogo p{ margin-right: 10px; white-space: nowrap; }
.ub1_lx{ margin-left: 12px; }
.uc_uh .uc_uh_other, .uc_uilf1c .uc_uh_other{ font-size: 12px; }

.hup_bl{ padding-top: 80px; }
.cash_bl1{ height: calc(100vh - 80px - 10px); }
.flex_clm_rev{ padding-top: 90px; }
@media (max-width: 768px){
	.aheader{ top: 6px; }
	.hup_bl{ padding-top: 68px; }
	.flex_clm_rev{ padding-top: 78px; }
	.cash_bl1{ height: auto; }
}

/* «Касса» мен «Время» мүлдем керек емес */
.alogo p{ display: none !important; }

/* Мәзір мен профиль оң жақта, себеттің үстінде */
.alogo{ display: none !important; }
.aheader_c{ justify-content: flex-end; }

/* Профиль капсуласы мәзірмен бірдей биіктікте */
.ub1_lt{ height: 52px; padding: 0 3px 0 18px; }
.ub1_lti{ width: 46px; height: 46px; min-height: 46px; }
@media (max-width: 768px){
	.ub1_lt{ height: 48px; padding: 0 3px 0 12px; }
	.ub1_lti{ width: 42px; height: 42px; min-height: 42px; }
}

/* Мәзір қатары төбеге тақау, астындағы бөліктер соған жақын */
.aheader{ top: 6px; height: 52px; }
.hup_bl{ padding-top: 64px; }
.cash_bl1{ height: calc(100vh - 64px - 6px); }
.flex_clm_rev{ padding-top: 72px; }
@media (max-width: 768px){
	.aheader{ top: 4px; height: 48px; }
	.hup_bl{ padding-top: 58px; }
	.flex_clm_rev{ padding-top: 64px; }
	.cash_bl1{ height: auto; }
}

/* Иконка жазудың жанында, бір қатарда */
.mp_topi{ flex-direction: row; gap: 8px; font-size: 14px; padding: 0 18px; }
.mp_topi i{ font-size: 16px; }
@media (max-width: 768px){
	.mp_topi{ gap: 6px; font-size: 12px; padding: 0 12px; }
	.mp_topi i{ font-size: 14px; }
}

/* Бұрынғы түстерден кішкене акцент (тым аппақ болмауы үшін) */
body{ background: var(--cl1); }                       /* бұрынғы ашық көк фон */
.aheader{ background: transparent; }
.hup_rcbi{ background: #fbfdfe; border-color: rgba(31,117,168,.14); }
.hup_rcbi > div:last-child{ color: var(--cl); font-weight: 700; }  /* баға көк */
.hup_rcbi:hover{ border-color: var(--cl); background: #fff; }
.hup_search_icon{ color: var(--cl); opacity: .7; }
.hup_search .hup_search_inp:focus{ border-color: var(--cl); }
.cash_bl1 .uc_uin_cn{ background: var(--cl1); color: var(--cl); }
.cash_bl1 .uc_uin_cn:hover{ background: var(--cl); color: #fff; }
.cash_bl1 .uc_uin_cn.cashbox_remove{ background: var(--bp-red-bg); color: var(--bp-red); }
.cash_bl1 .uc_uin_cn.cashbox_remove:hover{ background: var(--bp-red); color: #fff; }
.cash_bl1_rblip{ color: var(--red); }                  /* қорытынды сома бұрынғыдай қызыл */
.uc_uh, .uc_uh div{ color: var(--cl); opacity: .75; }

/* Санат батырмалары сәл үлкенірек */
.hup_rct{ gap: 6px; padding: 6px; }
.hup_rcti{ height: 54px; padding: 0 22px; font-size: 15px; font-weight: 700; }
@media (max-width: 768px){
	.hup_rcti{ height: 54px; padding: 0 16px; font-size: 14px; }
}

/* Санаттар карусель: сыймаса көлденең жылжиды */
.hup_rct{
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	padding: 8px;   /* белсенді жасыл жиек кесілмеуі үшін */
}
.hup_rct::-webkit-scrollbar{ display: none; }
.hup_rct.hup_rct_drag{ cursor: grabbing; scroll-behavior: auto; }
.hup_rct.hup_rct_drag .hup_rcti{ pointer-events: none; }
.hup_rcti{ flex-shrink: 0; white-space: nowrap; }

/* Басты фон */
body{ background: #f6f6f6; }

/* Басты батырма түсі */
:root{ --bp-green: #0EA768; --bp-green-h: #0c8f59; }
.btn:not([class*="btn_"]){ background: var(--bp-green); color: #fff; }
.btn:not([class*="btn_"]):hover{ background: var(--bp-green-h); }

/* Іздеу өрісі жоғарыда, мәзірмен бір қатарда (сол жақта). Стилі бұрынғыдай. */
@media (min-width: 769px){
	.hup_search{
		position: relative;
		z-index: 6920;
		margin-top: -58px;
		margin-bottom: 11px;
	}
}

/* Себет бөлігі орнында қатып тұрады, тек іші айналады (компьютерде) */
@media (min-width: 769px){
	.hup_bl{ align-items: flex-start; }
	.cash_bl1{
		position: sticky;
		top: 64px;
		align-self: flex-start;
		height: calc(100vh - 64px - 6px);
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	.cash_bl1_l{ flex-shrink: 0; }
	.cash_bl1_r{
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
	}
	.cash_bl1_rc{ height: auto; }
	.cash_bl1 .uc_u{ padding-bottom: 84px; }   /* төменгі «Қорытынды» жолағы жабып қалмасын */
}

/* Іздеу, санаттар және мәзір арасында көбірек бос орын */
@media (min-width: 769px){
	.hup_search{ margin-bottom: 16px; width: 100%; }
	.hup_bl{ padding-top: 74px; }
	.hup_search{ margin-top: -68px; }
	.cash_bl1{ top: 74px; height: calc(100vh - 74px - 8px); }
}
.hup_rcb{ margin-top: 12px; }

/* Санаттар: дөңгелек емес, бұрынғы өз стилі (бұрышы 8px) */
.hup_rcti{ border-radius: 8px; padding: 0 18px; font-weight: 600; }
.hup_rcti_act{ box-shadow: 0 0 0 2px var(--gr); }

/* Тауарлар 4 бағанмен, әрпі үлкенірек */
@media (min-width: 769px){
	.hup_rcb{ grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 8px; }
	.hup_rcbi{ min-height: 84px; padding: 12px 14px; }
	.hup_rcbi > div:first-child{ font-size: 16px; }
	.hup_rcbi > div:last-child{ font-size: 15px; }
}

/* Бұрынғы hover мен active эффектілері қайтарылды */
.hup_rcti, .hup_rcbi{ transition: .3s; }
.hup_rcti:hover{ transform: scale(1.05); filter: none; }
.hup_rcbi:hover{ transform: scale(1.05); }
.hup_rcti:active, .hup_rcbi:active{ transform: scale(.97); }
.hup_rcti_act{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bp-green); }

/* «Қорытынды» жолағы оң блоктың ішінде, төменде қатып тұрады және әрқашан көрінеді */
@media (min-width: 769px){
	.cash_bl1 .cash_bl1_rb{
		position: relative;
		z-index: 2;
		flex-shrink: 0;
		width: 100%;
		right: auto;
		bottom: auto;
		border: 0;
		border-top: 1px solid var(--bp-line);
		border-radius: 0 0 12px 12px;
		padding: 0 20px;
	}
	.cash_bl1 .uc_u{ padding-bottom: 0; }
}
.cash_bl1 .cash_bl1_rb.dsp_n{ display: flex !important; }
/* Себет бос болса «Сақтау» белсенді емес */
.cash_bl1 .cash_bl1_rb.dsp_n .btn{ opacity: .45; pointer-events: none; }

/* Сенсорлы экранға ыңғайлы: себеттегі батырмалар үлкен */
.cash_bl1 .uc_uilf2{ width: calc(52px * 2 + 10px); }
.cash_bl1 .uc_uilf1{ width: calc(100% - (52px * 2) - 40px); }
.cash_bl1 .uc_uin_cn{
	width: 52px; height: 52px;
	border-radius: 12px;
	font-size: 18px;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.cash_bl1 .uc_uin_cn:active{ transform: scale(.92); }
.cash_bl1 .uc_ui{ padding-top: 10px; padding-bottom: 10px; }
/* Басқа басылатын элементтер де саусаққа ыңғайлы */
.hup_rcti, .hup_rcbi, .mp_topi, .cash_bl1_rbr .btn{ touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; }
.cash_bl1_rbr .btn{ height: 56px; min-height: 56px; }

/* Тауар плиткасы: атауы 16px, бағасы 15px */
.hup_rcbi > div:first-child{ font-size: 16px; }
.hup_rcbi > div:last-child{ font-size: 15px; }


/* ================= Тапсырыстар беті (orders) ================= */

/* Сүзгі жолағы: күн, точка, тип, статус, курьер, іздеу */
.uc_ui69{ flex-wrap: wrap; gap: 10px; padding-top: 8px; }
.uc_ui69 .uc_uin_other{ margin-right: 0; }
.uc_ui69 select, .uc_ui69 input.form_dt, .uc_ui69 .uc_usn input{
	min-height: 56px;
	max-height: 56px;
	height: 56px;
	padding: 0 16px;
	background: #fff;
	border: 1px solid var(--bp-line);
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: var(--bp-text);
	box-shadow: var(--bp-shadow);
	cursor: pointer;
}
.uc_ui69 .uc_usn input{ padding-left: 44px; cursor: text; }
.uc_ui69 select:hover, .uc_ui69 input:hover{ border-color: #d6d6d6; }
.uc_ui69 select:focus, .uc_ui69 input:focus{ border-color: var(--bp-green); }
.uc_ui69 .uc_us{ height: 56px; }
.uc_ui69 .uc_usn .form_icon{ color: var(--cl); opacity: .7; }

/* Тапсырыс карточкалары */
.bl_orm .uc_ui, .bl_ors .uc_ui{
	background: #fff;
	border: 1px solid var(--bp-line);
	border-radius: 14px;
	padding: 18px 16px;
	box-shadow: var(--bp-shadow);
	transition: .3s;
}
.bl_orm .uc_ui:hover, .bl_ors .uc_ui:hover{ box-shadow: 0 6px 20px rgba(0,0,0,.07); }

.uc_uil2_nmb{
	background: var(--bp-green);
	border-radius: 12px;
	font-size: 18px;
	font-weight: 800;
}
.uc_uil2_raz{ border-top-color: var(--bp-line); }

/* Тип, статус, курьер таңдаулары */
.or_status, .or_type{ border-radius: 10px; }
.or_type{ background: var(--bp-pill); }
.or_status select, .or_type select, .uc_uil2_date1 select{
	min-height: 40px;
	max-height: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--bp-line);
	border-radius: 10px;
	font-size: 14px;
	cursor: pointer;
}
.or_status select{ border-color: transparent; }
.uc_uil2_date1 select{ background: #fff; margin-top: 8px; }

/* Мәтін */
.uc_uil2_date{ font-size: 14px; color: var(--bp-muted); }
.uc_uil2_mi1{ font-size: 14px; color: var(--bp-muted); }
.uc_uil2_mi2{ font-size: 15px; color: var(--bp-text); }
.uc_uil2_raz > .uc_uil2_trt .uc_uil2_trt1,
.uc_uil2_raz > .uc_uil2_trt .uc_uil2_trt2,
.uc_uil2_raz > .uc_uil2_trt .uc_uil2_trt3{
	font-size: 12px; text-transform: uppercase; color: var(--cl); opacity: .75; font-weight: 600; letter-spacing: .3px;
}
.uc_uil2_trb .uc_uil2_trt2, .uc_uil2_trb .uc_uil2_trt3{ border-top-color: var(--bp-line); }
.uc_uil2_trb .uc_uil2_trt3{ color: var(--red); }

/* Батырмалар: Изменить / Печать */
.uc_uil2_mib{ gap: 10px; }
.uc_uil2_mib .btn{
	min-height: 48px;
	height: 48px;
	padding: 0 16px;
	border-radius: 10px;
	font-size: 15px;
	touch-action: manipulation;
}
.uc_uil2_mib .btn_cl{
	background: #fff;
	color: var(--bp-text);
	border: 1px solid var(--bp-line);
}
.uc_uil2_mib .btn_cl:hover{ border-color: var(--bp-green); color: var(--bp-green); }

/* Тапсырыс карточкасы: көлеңкесі статус түсімен (жасыл, қызыл, т.б.) */
.uc_ui.or_card{
	box-shadow: 0 6px 22px -6px color-mix(in srgb, var(--st, #000) 25%, transparent);
}
.uc_ui.or_card:hover{
	box-shadow: 0 10px 28px -6px color-mix(in srgb, var(--st, #000) 75%, transparent);
}

/* Мәзір мен профиль іздеу блогымен бірдей биіктікте (66px) */
@media (min-width: 769px){
	.aheader{ height: 66px; }
	.mp_topc{ height: 66px; padding: 5px; }
	.mp_topi{ height: 56px; padding: 0 24px; font-size: 16px; gap: 10px; }
	.mp_topi i{ font-size: 18px; }
	.ub1_lt{ height: 66px; padding: 0 5px 0 22px; }
	.ub1_ltf div{ font-size: 15px; }
	.ub1_lti{ width: 56px; height: 56px; min-height: 56px; }
	.hup_search .hup_search_inp{ min-height: 56px; max-height: 56px; height: 56px; }
	.hup_bl{ padding-top: 88px; }
	.hup_search{ margin-top: -82px; }
	.cash_bl1{ top: 88px; height: calc(100vh - 88px - 8px); }
}

/* Тапсырыстар беті: биік мәзірдің астында қалмауы үшін */
@media (min-width: 769px){ .uc_ui69{ margin-top: 24px; } }

/* Тапсырыс нөмірінің түсі статусқа қарай */
.or_card .uc_uil2_nmb{ background: var(--st, var(--bp-green)); text-shadow: 0 1px 2px rgba(0,0,0,.25); }


/* Жеткізу батырмалары (sel_dlv): менің стилім, код сіздің form_im_slo */
.sel_dlv, .sel_type, .sel_branch{ display: flex; flex-wrap: wrap; gap: 8px; }
.sel_dlv .form_span, .sel_type .form_span, .sel_branch .form_span{ width: 100%; }
.sel_dlv .form_im_slo, .sel_type .form_im_slo, .sel_branch .form_im_slo{ margin: 0; width: auto; }
.sel_dlv .form_im_slo_i, .sel_type .form_im_slo_i, .sel_branch .form_im_slo_i, .form_im_slo_i.form_im_slo_red{
	min-width: 64px;
	height: 54px;
	padding: 0 14px;
	display: flex; align-items: center; justify-content: center;
	background: var(--bp-pill);
	border: 1px solid var(--bp-line);
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--bp-text);
	cursor: pointer;
	user-select: none;
	touch-action: manipulation;
	transition: .2s;
}
.sel_dlv .form_im_slo_i:hover, .sel_type .form_im_slo_i:hover, .sel_branch .form_im_slo_i:hover, .form_im_slo_i.form_im_slo_red:hover{ border-color: var(--bp-green); }
.sel_dlv .form_im_slo_i:active, .sel_type .form_im_slo_i:active, .sel_branch .form_im_slo_i:active, .form_im_slo_i.form_im_slo_red:active{ transform: scale(.95); }
.sel_dlv .form_im_slo_act, .sel_dlv .form_im_slo_act:hover, .sel_type .form_im_slo_act, .sel_type .form_im_slo_act:hover, .sel_branch .form_im_slo_act, .sel_branch .form_im_slo_act:hover, .form_im_slo_i.form_im_slo_red.form_im_slo_act, .form_im_slo_i.form_im_slo_red.form_im_slo_act:hover{ background: var(--bp-green); border-color: var(--bp-green); color: #fff; }
.sel_dlv .sel_dlv_add{ min-width: 52px; font-size: 18px; color: var(--bp-green); }
.sel_dlv .sel_dlv_add.form_im_slo_act{ color: #fff; }
.dlv_inp{ margin-top: 10px; }

/* Касса: поиск пен каталог қатып тұрады, тек тауарлар скролл болады */
@media (min-width: 769px){
	.hup_r{ display: flex; flex-direction: column; height: calc(100vh - 88px - 8px); min-height: 0; }
	.hup_r > div{ flex-shrink: 0; }
	.hup_r > div:last-child{ flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 6px 12px; margin: 0 -6px; }
	.hup_r > div:last-child::-webkit-scrollbar{ width: 6px; }
	.hup_r > div:last-child::-webkit-scrollbar-thumb{ background: #d5d8dc; border-radius: 6px; }
}

/* Түстер: барлық батырма көк, тек Сақтау батырмалары жасыл */
:root{ --bp-blue: #1f75a8; --bp-blue-h: #18618b; }
.btn:not([class*="btn_"]){ background: var(--bp-blue); }
.btn:not([class*="btn_"]):hover{ background: var(--bp-blue-h); }
.hup_rcti_act{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bp-blue); }
.hup_search .hup_search_inp:focus, .uc_ui69 select:focus, .uc_ui69 input:focus{ border-color: var(--bp-blue); }
.uc_uil2_mib .btn_cl:hover{ border-color: var(--bp-blue); color: var(--bp-blue); }
.sel_dlv .form_im_slo_i:hover, .sel_type .form_im_slo_i:hover, .sel_branch .form_im_slo_i:hover, .form_im_slo_i.form_im_slo_red:hover{ border-color: var(--bp-blue); }
.sel_dlv .form_im_slo_act, .sel_dlv .form_im_slo_act:hover, .sel_type .form_im_slo_act, .sel_type .form_im_slo_act:hover, .sel_branch .form_im_slo_act, .sel_branch .form_im_slo_act:hover, .form_im_slo_i.form_im_slo_red.form_im_slo_act, .form_im_slo_i.form_im_slo_red.form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.sel_dlv .sel_dlv_add{ color: var(--bp-blue); }
.sel_dlv .sel_dlv_add.form_im_slo_act{ color: #fff; }
/* Сақтау батырмалары жасыл */
.btn.cashbox_pay, .btn.cashbox_pay2:not(.btn_cl), .cash_bl1_rbr .btn{ background: var(--bp-green); color: #fff; }
.btn.cashbox_pay:hover, .btn.cashbox_pay2:not(.btn_cl):hover, .cash_bl1_rbr .btn:hover{ background: var(--bp-green-h); }
.btn.btn_cl.cashbox_pay2{ border-color: var(--bp-green); color: var(--bp-green); }

/* Тауарлар: бір ақ блок, көлеңкемен, скролл ішінде */
@media (min-width: 769px){
	.hup_r > div:last-child{
		margin: 12px 0 0; padding: 10px;
		background: #fff; border-radius: 12px;
		box-shadow: 0 4px 18px rgba(0,0,0,.08);
	}
	.hup_r > div:last-child .hup_rcb{ margin-top: 0; padding: 4px; background: transparent; box-shadow: none; }
	.hup_rct{ box-shadow: 0 4px 18px rgba(0,0,0,.06); }
}

/* Каталог + тауарлар: бір ортақ ақ блок */
@media (min-width: 769px){
	.hup_r > div:nth-child(2){
		position: relative; z-index: 2;
		background: #fff; border-radius: 12px 12px 0 0;
		padding: 10px 10px 8px;
		border-bottom: 1px solid var(--bp-line);
		box-shadow: 0 4px 18px rgba(0,0,0,.08);
		clip-path: inset(-30px -30px 0 -30px);
	}
	.hup_r > div:nth-child(2) .hup_rct{ background: transparent; box-shadow: none; padding: 4px; margin: 0; border-radius: 0; }
	.hup_r > div:last-child{ margin-top: 0; border-radius: 0 0 12px 12px; }
}

/* Батырмалар арасы жақынырақ */
.sel_dlv, .sel_type, .sel_branch{ gap: 6px; }
.sel_dlv .form_im_slo_i, .sel_type .form_im_slo_i, .sel_branch .form_im_slo_i, .form_im_slo_i.form_im_slo_red{ margin: 0; }
.sel_dlv .form_span, .sel_type .form_span, .sel_branch .form_span{ margin-bottom: 2px; }

/* Скролл бүкіл бетте: поиск, каталог, себет қатып тұрады */
@media (min-width: 769px){
	.hup_r{ height: auto; display: block; }
	.hup_r > div:last-child{ overflow: visible; min-height: calc(100vh - 98px - 16px - 72px); }
	.hup_search{ position: sticky; top: 16px; z-index: 6; box-shadow: 0 -10px 0 10px #f6f6f6; }
	.hup_r > div:nth-child(2){
		position: sticky; top: 98px; z-index: 5;
		box-shadow: 0 -20px 0 6px #f6f6f6, 0 4px 18px rgba(0,0,0,.08);
		clip-path: inset(-30px -30px 0 -30px);
	}
}
.sel_dlv, .sel_type, .sel_branch, .sel_srv{ margin-bottom: 16px; }
.form_im.sel_dlv, .form_im.sel_type, .form_im.sel_branch{ padding-bottom: 14px !important; }

/* Сервис түрі батырмалары: Жеткізу батырмаларымен бірдей */
.sel_srv{ display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 14px !important; }
.sel_srv.dsp_n{ display: none; }
.sel_srv .form_span{ width: 100%; margin-bottom: 2px; }
.sel_srv .form_im_slo{ margin: 0; width: auto; }
.sel_srv .form_im_slo_i{ min-width: 64px; height: 54px; margin: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; background: var(--bp-pill); border: 1px solid var(--bp-line); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.sel_srv .form_im_slo_i:hover{ border-color: var(--bp-blue); }
.sel_srv .form_im_slo_i:active{ transform: scale(.95); }
.sel_srv .form_im_slo_act, .sel_srv .form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.srv_inp{ margin-top: 0; margin-bottom: 16px; }

/* Предоплата батырмалары: Жеткізумен бірдей */
.sel_qr{ display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 14px !important; }
.sel_qr .form_span{ width: 100%; margin-bottom: 2px; }
.sel_qr .form_im_slo{ margin: 0; width: auto; }
.sel_qr .form_im_slo_i{ min-width: 64px; height: 54px; margin: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; background: var(--bp-pill); border: 1px solid var(--bp-line); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.sel_qr .form_im_slo_i:hover{ border-color: var(--bp-blue); }
.sel_qr .form_im_slo_i:active{ transform: scale(.95); }
.sel_qr .form_im_slo_act, .sel_qr .form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.sel_qr .sel_qr_add{ min-width: 52px; font-size: 18px; color: var(--bp-blue); }
.sel_qr .sel_qr_add.form_im_slo_act{ color: #fff; }
.cashbox_pay_btype .qr_inp{ margin-top: 0; margin-bottom: 16px; }

/* Төлем терезесі: Жалпы ақшасы → Сақтау бөлігі астында қатып тұрады */
.cashbox_pay_block .pop_bl_cl{ padding-bottom: 0; }
.pay_foot{
	position: sticky; bottom: 0; z-index: 3;
	margin: 0 -40px; padding: 14px 40px 20px;
	background: #fff;
	box-shadow: 0 -8px 16px -8px rgba(0,0,0,.12);
}
.pay_foot .cashbox_pay_btype .form_im{ margin-top: 12px; }
.pay_foot .cashbox_pay_bsem{ margin-top: 8px; }
@media (max-width: 500px){ .pay_foot{ margin: 0 -20px; padding: 12px 20px 16px; } }
.cashbox_pay_block .cashbox_pay_btype{ margin-bottom: 8px; }
.cashbox_pay_block .cashbox_pay_bsem{ margin: 0 0 12px; }
.pay_foot .cashbox_pay_btotol + .form_im{ margin-top: 12px; }

/* Заказ түрі: стандарт түр (company.type_def) бірінші тұрады */
.sel_type .form_span{ order: -2; }
.sel_type .sel_type_def{ order: -1; }

/* Төлем терезесі: Жалпы ақшасы + Сақтау әрқашан ең астында */
.cashbox_pay_block .pop_bl_c{ display: flex; flex-direction: column; }
.cashbox_pay_block .pop_bl_c > .head_c{ flex-shrink: 0; }
.cashbox_pay_block .pop_bl_cl{ flex: 1 1 auto; min-height: 0; max-height: none; display: flex; flex-direction: column; }
.cashbox_pay_block .pop_bl_cl > .form_c{ flex: 1 0 auto; display: flex; flex-direction: column; }
.cashbox_pay_block .pay_main{ flex: 1 0 auto; }
.cashbox_pay_block .pay_foot{ margin-top: auto; }

/* Кафе: төлем түрі батырмалары */
.sel_given{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 0; padding-bottom: 8px !important; }
.sel_pay{ display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 14px !important; }
.sel_pay .form_span{ width: 100%; margin-bottom: 2px; }
.sel_pay .form_im_slo, .sel_given .form_im_slo{ margin: 0; width: auto; }
.sel_given .form_span{ width: 100%; margin-bottom: 2px; }
.sel_pay .form_im_slo_i, .sel_given .form_im_slo_i{ min-width: 64px; height: 54px; margin: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; background: var(--bp-pill); border: 1px solid var(--bp-line); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.sel_pay .form_im_slo_i:hover, .sel_given .form_im_slo_i:hover{ border-color: var(--bp-blue); }
.sel_pay .form_im_slo_i:active, .sel_given .form_im_slo_i:active{ transform: scale(.95); }
.sel_pay .form_im_slo_act, .sel_pay .form_im_slo_act:hover, .sel_given .form_im_slo_act, .sel_given .form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.sel_pay .sel_pay_mix{ color: var(--bp-blue); }
.sel_pay .sel_pay_mix.form_im_slo_act{ color: #fff; }
.pay_mix .pay_mix_i{ margin-top: 10px; }
.pay_mix_rest{ margin-top: 10px; font-size: 15px; font-weight: 700; color: var(--bp-blue); }
.pay_mix_rest.pay_mix_over{ color: var(--bp-red, #e5484d); }

/* Қолма-қол: сдача */
.pay_cash .form_im{ margin-top: 6px; }
.pay_change{ margin-top: 12px; padding: 12px 14px; display: flex; justify-content: space-between; align-items: center; background: #eef6fb; border-radius: 10px; font-size: 16px; }
.pay_change b{ font-size: 20px; font-weight: 800; color: var(--bp-blue); }
.pay_change.pay_change_bad{ background: #fdecec; }
.pay_change.pay_change_bad b{ color: var(--bp-red, #e5484d); }
.cashbox_pay_block .pay_main{ padding-bottom: 24px; }
.tf_paytype{ margin-bottom: 8px; }

/* Предоплата немен төленді */
.sel_qrm{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; padding-bottom: 8px !important; }
.sel_qrm.dsp_n{ display: none; }
.sel_qrm .form_span{ width: 100%; margin-bottom: 2px; }
.sel_qrm .form_im_slo{ margin: 0; width: auto; }
.sel_qrm .form_im_slo_i{ min-width: 64px; height: 54px; margin: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; background: var(--bp-pill); border: 1px solid var(--bp-line); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.sel_qrm .form_im_slo_i:hover{ border-color: var(--bp-blue); }
.sel_qrm .form_im_slo_i:active{ transform: scale(.95); }
.sel_qrm .form_im_slo_act, .sel_qrm .form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }

/* Төлем терезесі: <br> орнына бірдей аралық (16px) */
.cashbox_pay_block .pay_main > br{ display: none; }
.cashbox_pay_block .pay_main > *{ margin-top: 0 !important; margin-bottom: 16px !important; }
.cashbox_pay_block .pay_main > .form_im.form_imss,
.cashbox_pay_block .pay_main .sel_qr, .cashbox_pay_block .pay_main .sel_pay{ padding-bottom: 0 !important; }
.cashbox_pay_block .pay_main > div > .form_im:first-child{ margin-top: 0; }
.cashbox_pay_block .pay_main .tf_dlv .sel_dlv{ margin-bottom: 0; padding-bottom: 0 !important; }
.cashbox_pay_block .pay_main .tf_dlv .dlv_inp,
.cashbox_pay_block .pay_main .cashbox_pay_btype .qr_inp,
.cashbox_pay_block .pay_main .sel_qrm{ margin-top: 10px; margin-bottom: 0; }
.cashbox_pay_block .pay_main .cashbox_pay_btype .form_im.sel_qr{ margin-top: 0; }
.cashbox_pay_block .pay_main .pay_cash, .cashbox_pay_block .pay_main .pay_mix{ margin-top: 12px; }

/* Төлем: предоплата + қалған сома + төлем түрі бір блокта */
.pay_box{ padding: 16px; background: #f8fafc; border: 1px solid var(--bp-line); border-radius: 14px; }
.pay_box_h{ margin-bottom: 12px; font-size: 17px; font-weight: 800; color: var(--bp-text); }
.pay_box > div{ margin: 0 !important; }
.pay_box > div:not(.dsp_n) + div:not(.dsp_n){ margin-top: 14px !important; padding-top: 14px; border-top: 1px dashed var(--bp-line); }
.pay_box .cashbox_pay_btype .form_im{ margin-top: 0; }
.pay_box .cashbox_pay_btype .qr_inp, .pay_box .sel_qrm{ margin-top: 10px !important; }
.pay_box .cashbox_pay_bsem .form_im{ margin: 0; }
.pay_box .cashbox_pay_bsem .form_span, .pay_box .cashbox_pay_bsemc{ font-size: 16px; font-weight: 700; }
.pay_box .sel_qr, .pay_box .sel_qrm, .pay_box .sel_pay{ padding-bottom: 0 !important; margin-bottom: 0; }
.pay_box .form_im_slo_i{ background: #fff; }
.pay_box .form_im_slo_act, .pay_box .form_im_slo_act:hover{ background: var(--bp-blue); }
.pay_box > .pay_box_h + div{ margin-top: 0 !important; padding-top: 0; border-top: 0; }
.pay_box > .pay_box_h{ margin-bottom: 12px !important; }

.sel_qrm .sel_pay_mix2{ color: var(--bp-blue); }
.sel_qrm .sel_pay_mix2.form_im_slo_act{ color: #fff; }
.pay_box .qrm_mix{ margin-top: 4px; }

/* Жеткізу (курьер): «Төлем» блогы сияқты бөлек блок */
.cashbox_pay_block .tf_dlv:not(.dsp_n){ padding: 16px; background: #f8fafc; border: 1px solid var(--bp-line); border-radius: 14px; }
.tf_dlv .sel_dlv .form_span{ margin-bottom: 6px; padding-bottom: 12px; border-bottom: 1px dashed var(--bp-line); font-size: 17px; font-weight: 800; color: var(--bp-text); }
.tf_dlv .form_im_slo_i{ background: #fff; }
.tf_dlv .form_im_slo_act, .tf_dlv .form_im_slo_act:hover{ background: var(--bp-blue); }
.pay_box .cashbox_pay_btype > .form_im:first-child .form_span{ font-size: 14px; }

/* Попап ені */
.pop_bl_c{ max-width: 580px; }

/* Попап: екі жанындағы шегініс 32px */
.pop_bl2 .pop_bl_cl{ padding-left: 32px; padding-right: 32px; }
.pop_bl2 .pop_bl_c .head_c{ padding-left: 32px; padding-right: 22px; }
.pay_foot{ margin: 0 -32px; padding: 14px 32px 20px; }

/* Қосымша өрістерді ашатын батырмалар */
.opt_off{ display: none !important; }
.opt_btns{ display: flex; flex-wrap: wrap; gap: 8px; }
.opt_btn{ height: 40px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; border: 1px dashed var(--bp-line); border-radius: 10px; background: #fff; color: var(--bp-blue); font-size: 14px; font-weight: 700; cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.opt_btn:hover{ border-color: var(--bp-blue); }
.opt_btn_act{ background: #eef6fb; border-style: solid; border-color: var(--bp-blue); }
.opt_btn_act i:before{ content: "\f068"; }

/* Предзаказ: күн + уақыт */
.sel_pre_day{ display: flex; flex-wrap: wrap; gap: 6px; }
.sel_pre_day .form_span{ width: 100%; margin-bottom: 2px; }
.sel_pre_day .form_im_slo{ margin: 0; width: auto; }
.sel_pre_day .form_im_slo_i{ min-width: 64px; height: 54px; margin: 0; padding: 0 14px; display: flex; align-items: center; justify-content: center; background: var(--bp-pill); border: 1px solid var(--bp-line); border-radius: 10px; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; touch-action: manipulation; transition: .2s; }
.sel_pre_day .form_im_slo_i:hover{ border-color: var(--bp-blue); }
.sel_pre_day .form_im_slo_act, .sel_pre_day .form_im_slo_act:hover{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.pre_dt_row{ display: flex; gap: 8px; margin-top: 10px; }
.pre_dt_row .form_im{ margin: 0; flex: 1; }
.pre_dt_row .form_txt{ height: 48px; font-size: 16px; font-weight: 700; }
.pre_note{ margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: #fff7e6; color: #8a5a00; font-size: 13px; line-height: 1.4; }
/* Тапсырыстар: Предзаказдар батырмасы */
.pre_tab{ height: 54px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--bp-line); border-radius: 10px; background: #fff; color: var(--bp-text); font-weight: 700; white-space: nowrap; }
.pre_tab b{ min-width: 22px; height: 22px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: #e9b949; color: #fff; font-size: 12px; }
.pre_tab_act{ background: var(--bp-blue); border-color: var(--bp-blue); color: #fff; }
.opt_btn{ height: 54px; flex: 1 1 0; justify-content: center; font-size: 15px; }

/* ---------- Аккаунт мәзірі (жаңа дизайн + тіл ауыстыру) ---------- */
.ub1_lx .menu_c.acc_menu{ top: calc(50% + 42px); }
.menu_c.acc_menu{
	width: 320px;
	padding: 8px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid var(--bp-line);
	box-shadow: 0 12px 40px rgba(0,0,0,.12);
	cursor: default;
	z-index: 50;
}
.menu_c.acc_menu::before{ right: 26px; top: -7px; width: 14px; height: 14px; border-radius: 3px; border-left: 1px solid var(--bp-line); border-top: 1px solid var(--bp-line); box-shadow: none; }
.acc_hd{ display: flex; align-items: center; gap: 12px; padding: 10px 10px 14px; border-bottom: 1px solid var(--bp-line); }
.acc_hd_av{
	width: 44px; height: 44px; min-width: 44px; border-radius: 50%;
	background-color: var(--bp-pill); background-size: cover; background-position: center;
	display: flex; justify-content: center; align-items: center; color: var(--bp-muted); font-size: 18px;
}
.acc_hd_t{ min-width: 0; }
.acc_hd_t div{ font-size: 16px; font-weight: 700; color: var(--bp-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acc_hd_t span{ display: block; margin-top: 2px; font-size: 13px; color: var(--bp-muted); }

.acc_lang{ padding: 12px 10px 14px; border-bottom: 1px solid var(--bp-line); }
.acc_lang_h{ margin-bottom: 10px; font-size: 13px; font-weight: 600; color: var(--bp-muted); }
.acc_lang_h i{ margin-right: 4px; }
.acc_lang_c{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.acc_lang_i{
	height: 54px; display: flex; justify-content: center; align-items: center;
	border-radius: 10px; background: var(--bp-pill); color: var(--bp-text);
	font-size: 13px; font-weight: 700; transition: .2s;
}
.acc_lang_i:hover{ background: var(--bp-pill-h); }
.acc_lang_i.acc_lang_act{ background: #1f75a8; color: #fff; }

.acc_list{ padding-top: 6px; }
.acc_menu .menu_ci, .acc_menu .menu_ci:first-child, .acc_menu .menu_ci:last-child{
	height: 54px; min-height: 54px; padding: 0 10px; border: 0; border-radius: 10px;
}
.acc_menu .menu_ci:hover{ background: var(--bp-pill); }
.acc_menu .menu_cin{ width: 32px; height: 32px; font-size: 17px; color: var(--bp-muted); }
.acc_menu .menu_cih{ width: calc(100% - 32px - 12px); margin-left: 12px; font-size: 15px; font-weight: 600; color: var(--bp-text); }
.acc_menu .acc_exit .menu_cin, .acc_menu .acc_exit .menu_cih{ color: var(--bp-red); }
.acc_menu .acc_exit:hover{ background: var(--bp-red-bg); }
@media(max-width:400px){ .menu_c.acc_menu{ width: calc(100vw - 24px); } }

/* ---------- Формалар батырмалармен бірдей: батырма 54, форма 56 ---------- */
input.form_txt, select.form_txt, .pre_dt_row .form_txt{ height: 56px; min-height: 56px; max-height: 56px; border-radius: 10px; }
.form_im .form_icon, .form_im .form_icon_pass, .form_im .form_icon_sel, .form_im .form_icon_camera{ bottom: 0; left: 4px; width: 50px; height: 56px; }
input.form_txt{ padding-left: 54px; }
/* Көк/жасыл батырмалар: 54px */
.btn{ height: 54px; min-height: 54px; }
.uc_uil2_mib .btn{ height: 54px; min-height: 54px; }
/* Жоғарғы мәзір: дөңгелек емес, басқа батырмалармен бірдей бұрыш */
.mp_topc, .ub1_lt{ border-radius: 14px; }
.mp_topi, .ub1_lti{ border-radius: 10px; }
/* Сақтау батырмалары: жирный + галочка */
.btn.cashbox_pay, .btn.cashbox_pay2{ font-weight: 800; }
/* Себеттегі + / − / жою батырмалары: 54px */
.cash_bl1 .uc_uin_cn{ width: 54px; min-width: 54px; height: 54px; min-height: 54px; border-radius: 10px; font-size: 18px; }
/* Төбе мен іздеу/мәзір арасы — іздеу мен каталог арасындай (16px) */
@media (min-width: 769px){
	.aheader{ top: 16px; }
	.hup_bl{ padding-top: 98px; }
	.hup_search{ margin-top: -82px; }
	.cash_bl1{ top: 98px; height: calc(100vh - 98px - 16px); }
	.flex_clm_rev{ padding-top: 100px; }
}
@media (max-width: 768px){
	.aheader{ top: 12px; }
	.hup_bl{ padding-top: 70px; }
	.flex_clm_rev{ padding-top: 76px; }
}

/* ---------- Аккаунт панелі (оң жақтан) ---------- */
.acc_drw{ position: fixed; inset: 0; z-index: 9990; visibility: hidden; pointer-events: none; }
.acc_drw_act{ visibility: visible; pointer-events: auto; }
.acc_drw_a{ position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: .25s; }
.acc_drw_act .acc_drw_a{ opacity: 1; }
.acc_drw_c{
	position: absolute; top: 0; right: 0; bottom: 0; width: 420px; max-width: 100%;
	padding: 24px 32px; background: #fff; overflow-y: auto;
	box-shadow: -12px 0 40px rgba(0,0,0,.12);
	transform: translateX(100%); transition: transform .25s;
}
.acc_drw_act .acc_drw_c{ transform: translateX(0); }
.acc_drw_hd{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.acc_drw_hd h4{ margin: 0; font-size: 22px; font-weight: 800; }
.acc_drw_hd .btn{ width: 54px; padding: 0; }
.acc_drw_hd .btn i{ margin: 0; }
.acc_drw .acc_hd{ padding: 12px 0 16px; margin-bottom: 4px; }
.acc_drw .form_im{ margin-top: 16px; }
.acc_drw .acc_f_save{ width: 100%; background: var(--bp-green); color: #fff; font-weight: 800; }
@media (max-width: 480px){ .acc_drw_c{ padding: 20px 16px; } }

/* ---------- Смена беті ---------- */
.sh_c{ max-width: 860px; margin: 0 auto; padding-bottom: 32px; }
.sh_card{ margin-top: 16px; padding: 24px; background: #fff; border-radius: 16px; box-shadow: var(--bp-shadow); }
.sh_hd{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.sh_hd h4{ margin: 0; font-size: 22px; font-weight: 800; }
.sh_hd h4 i{ margin-right: 6px; color: var(--bp-muted); }
.sh_hd p{ margin-top: 6px; color: var(--bp-muted); font-size: 14px; }
.sh_user{ height: 40px; padding: 0 14px; display: flex; align-items: center; gap: 8px; border-radius: 10px; background: var(--bp-pill); font-weight: 600; font-size: 14px; }
.sh_grid{ margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.sh_i{ padding: 14px 16px; border: 1px solid var(--bp-line); border-radius: 12px; background: #fafafa; }
.sh_i span{ display: block; font-size: 13px; color: var(--bp-muted); }
.sh_i b{ display: block; margin-top: 6px; font-size: 18px; font-weight: 800; color: var(--bp-text); white-space: nowrap; }
.sh_i_main{ grid-column: 1 / -1; background: #e3f5ec; border-color: #c9ecd9; }
.sh_i_main b{ font-size: 26px; color: var(--bp-green); }
@media (max-width: 768px){ .sh_grid{ grid-template-columns: repeat(2, 1fr); } }
.sh_sub{ margin-top: 22px; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--bp-muted); text-transform: uppercase; letter-spacing: .3px; }
.sh_row{ min-height: 54px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--bp-line); font-size: 15px; }
.sh_row span:first-child{ flex: 1; font-weight: 600; }
.sh_row span:nth-child(2){ color: var(--bp-muted); }
.sh_row b{ min-width: 110px; text-align: right; }
.sh_row_c{ padding: 6px 0 10px; color: var(--bp-muted); font-size: 13px; border-bottom: 1px solid var(--bp-line); margin-top: -1px; }
.sh_close{ margin-top: 22px; padding-top: 20px; border-top: 1px dashed var(--bp-line); }
.sh_close .btn{ width: 100%; margin-top: 16px; background: var(--bp-green); color: #fff; font-weight: 800; }
.sh_close_btn.sh_busy, .acc_f_save.acc_busy{ opacity: .6; pointer-events: none; }
.sh_row_m{ color: var(--bp-muted); }
/* Іздеу: мәзір сияқты көрінетін — көлеңке және боялған өріс */
.hup_search{ box-shadow: 0 6px 20px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04); }
@media (min-width: 769px){
	.hup_search{ box-shadow: 0 -10px 0 10px #f6f6f6, 0 6px 20px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04); }
}
.hup_search .hup_search_inp{ background: #eef4f8; border-color: #dbe6ee; color: var(--bp-text); font-weight: 600; }
.hup_search .hup_search_inp::placeholder{ color: #6b7a88; font-weight: 500; }
.hup_search .hup_search_inp:focus{ background: #fff; border-color: var(--bp-blue); }
.hup_search_icon{ color: #1f75a8; opacity: 1; }


/* Тапсырыс карточкасы түріне қарай: Жеткізуде курьер, Кафеде чек нөмірі басты */
.or_card .or_courier, .or_courier{ display:flex; align-items:center; gap:12px; background:#f2f7fb; border:1px solid #dbe6ee; border-radius:12px; padding:8px 10px; margin-top:12px; border-top:1px solid #dbe6ee; }
.or_courier_l{ display:flex; align-items:center; gap:8px; font-weight:800; color:#1f75a8; white-space:nowrap; }
.or_courier .uc_uil2_date1{ flex:1; }
.or_courier .uc_uil2_date1 select{ margin-top:0; width:100%; font-weight:700; }

/* Курьер тізімі (әдемі dropdown) */
.cr_dd{ position:relative; width:100%; }
.cr_btn{ display:flex; align-items:center; gap:10px; height:44px; padding:0 14px; background:#fff; border:1px solid #dbe6ee; border-radius:10px; cursor:pointer; }
.cr_btn i{ margin-left:auto; color:#1f75a8; font-size:13px; }
.cr_dd b{ font-weight:800; font-size:14px; color:#1d2433; }
.cr_dd small{ font-size:12px; color:#8a94a3; }
.cr_dd .cr_none{ color:#8a94a3; font-weight:700; }
.cr_list{ display:none; position:absolute; z-index:50; left:0; right:0; top:48px; background:#fff; border:1px solid #dbe6ee; border-radius:12px; box-shadow:0 10px 28px rgba(31,117,168,.16); padding:6px; max-height:280px; overflow:auto; }
.cr_open .cr_list{ display:block; }
.cr_opt{ display:flex; align-items:baseline; gap:10px; padding:10px 10px; border-radius:8px; cursor:pointer; }
.cr_opt.cr_act{ background:#e8f1f8; }
/* Белгі тышқанмен бірге жүреді: тізім үстінде тек көрсетілген жол боялады */
.cr_list:hover .cr_opt.cr_act{ background:transparent; }
.cr_list .cr_opt:hover, .cr_list .cr_opt.cr_act:hover{ background:#e8f1f8; }
.cr_dis .cr_btn{ opacity:.6; cursor:default; }

/* Карточка басы: нөмір 72×72, оң жағында 2 қатар (тип+статус 44, күні+белгі 22) */
.or_card .uc_uil2_top{ align-items:stretch; gap:12px; }
.or_card .uc_uil2_nmb{ box-sizing:border-box; width:auto; min-width:72px; height:72px; padding:0 10px; font-size:28px; border-radius:14px; flex:0 0 auto; }
.or_card .uc_uil2_topc{ flex:1; width:auto; min-width:0; display:flex; flex-direction:column; justify-content:space-between; height:72px; }
.or_card .uc_uil2_topc1{ gap:8px; }
.or_card .or_type, .or_card .or_status{ flex:1; width:auto; min-width:0; }
.or_card .or_status select, .or_card .or_type select{ height:44px; min-height:44px; max-height:44px; width:100%; font-weight:700; font-size:14px; padding:0 12px; }
.or_meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; font-size:14px; line-height:22px; height:22px; }
.or_unpaid{ line-height:20px; padding:1px 10px; border-radius:7px; background:#fde8e8; color:#e5484d; font-size:13px; font-weight:800; white-space:nowrap; }

/* Карточка / тізім ауыстырғыш */
.or_view_btn{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--bp-line, #e3ebf2); border-radius:12px; color:#1f75a8; font-size:20px; cursor:pointer; }
.or_view_btn:hover{ background:#f2f7fb; }
.or_view_btn .fa-th-large, .or_list .or_view_btn .fa-list{ display:none; }
.or_list .or_view_btn .fa-th-large{ display:inline-block; }
.or_sum{ display:none; }

/* Тізім көрінісі: әр тапсырыс бір жол */
.or_list .bl_orm .uc_u, .or_list .bl_ors .uc_u{ grid-template-columns:1fr; gap:10px; }
.or_list .or_card{ padding:12px 14px; }
.or_list .or_card .uc_uil2{ display:flex; align-items:center; gap:16px; }
.or_list .or_card .uc_uil2 > .uc_uil2_raz{ display:none; }
.or_list .or_card .uc_uil2 > .uc_uil2_top{ flex:0 0 440px; width:auto; }
.or_list .or_card .or_courier{ flex:0 0 300px; margin-top:0; }
.or_list .or_card .or_sum{ display:flex; flex-direction:column; align-items:flex-end; flex:1; min-width:110px; }
.or_list .or_card .or_sum b{ font-size:20px; font-weight:900; color:#1d2433; }
.or_list .or_card .or_sum span{ font-size:13px; color:#8a94a3; }
.or_list .or_card .uc_uil2 > .or_btns{ display:block; flex:0 0 260px; margin:0; padding:0; border:0; }
.or_list .or_card .or_btns .uc_uil2_mib .btn{ height:44px; }
@media (max-width: 1100px){
	.or_list .or_card .uc_uil2{ flex-wrap:wrap; }
	.or_list .or_card .uc_uil2 > .uc_uil2_top{ flex:1 1 100%; }
	.or_list .or_card .or_courier{ flex:1 1 100%; }
	.or_list .or_card .uc_uil2 > .or_btns{ flex:1 1 240px; }
}

/* Тип пен статус та әдемі тізім */
.cr_v{ display:flex; align-items:baseline; gap:10px; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cr_dot{ width:10px; height:10px; border-radius:50%; flex:0 0 10px; align-self:center; }
.or_card .cr_tp .cr_btn, .or_card .cr_st .cr_btn{ height:44px; }
.or_card .cr_tp .cr_btn{ background:var(--bp-pill, #f0f2f5); border-color:transparent; }
.or_card .cr_st .cr_btn{ background:transparent; border-color:transparent; }
.or_card .cr_st .cr_btn b, .or_card .cr_st .cr_btn i{ color:#fff; }
.or_card .cr_tp .cr_list, .or_card .cr_st .cr_list{ min-width:180px; }
.or_list .or_card .uc_uil2 > .uc_uil2_top{ order:1; }
.or_list .or_card .or_courier{ order:2; }
.or_list .or_card .or_sum{ order:3; }
.or_list .or_card .uc_uil2 > .or_btns{ order:4; }

/* Себет батырмасы сұраныс кезінде */
.cb_busy{ opacity:.5; pointer-events:none; }

/* Карточканың сол жағында статус түсіндегі қалың жолақ */
.uc_ui.or_card{ border-left: 4px solid var(--st, #1f75a8); }

/* Карточка жаңарып жатқанда */
.or_card.or_busy{ opacity: .6; pointer-events: none; transition: opacity .2s; }

/* Этаж + квартира бір қатарда */
.form_2col{ display: flex; gap: 12px; align-items: flex-start; margin-top: 20px; }
.form_2col .form_im{ flex: 1; min-width: 0; margin-top: 0 !important; }

/* Жеткізу картасы батырмасы мен поп-апы */
.sel_dlv .form_im_slo_i.dlv_map{ min-width: 54px; padding: 0 16px; font-size: 18px; color: var(--bp-blue); }
.dlv_map_pop{ position: fixed; inset: 0; z-index: 10050; display: none; align-items: center; justify-content: center; padding: 16px; }
.dlv_map_pop.dlv_map_act{ display: flex; }
.dlv_map_bg{ position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.dlv_map_box{ position: relative; width: 100%; max-width: 900px; height: min(80vh, 640px); background: #fff; border-radius: 16px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.dlv_map_head{ display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 14px 24px; border-bottom: 1px solid #eee; }
.dlv_map_head h4{ margin: 0; }
.dlv_map_body{ flex: 1; background: #f4f6f8; }

/* «Төленбеген» басылғанда — қызыл */
.sel_pay .form_im_slo_i[data-type="unpaid"].form_im_slo_act, .sel_pay .form_im_slo_i[data-type="unpaid"].form_im_slo_act:hover{ background: #e5484d; border-color: #e5484d; color: #fff; }
.sel_pay .form_im_slo_i[data-type="unpaid"]:hover{ border-color: #e5484d; }


/* Карточка үсті: уақыт жоғарыда, ірі */
.or_card .or_meta{ height: 24px; line-height: 24px; }
.or_dt{ display: flex; align-items: baseline; gap: 10px; min-width: 0; white-space: nowrap; overflow: hidden; }
.or_time{ font-size: 22px; font-weight: 800; color: #1d2433; letter-spacing: .3px; }
.or_date{ font-size: 14px; color: #8a94a3; font-weight: 600; }
.or_pre{ font-size: 14px; font-weight: 700; color: #e5484d; }
.or_card .uc_uil2_nmb{ min-width: 64px; height: 64px; font-size: 26px; }
.or_card .uc_uil2_topc{ height: auto; min-height: 64px; gap: 4px; justify-content: flex-start; }

/* Карточка асты: майда үзік сызықтар, сомалар жұмсақ блокта (Төлем блогы сияқты) */
.or_card .uc_uil2 > .uc_uil2_raz{ border-top: 1px dashed var(--bp-line); }
.or_card .uc_uil2_trt{ display: flex; align-items: baseline; gap: 8px; padding: 7px 0; }
.or_card .uc_uil2_trt1{ flex: 1; min-width: 0; }
.or_card .uc_uil2_trt2{ flex: 0 0 64px; text-align: center; }
.or_card .uc_uil2_trt3{ flex: 0 0 110px; text-align: right; font-weight: 600; }
.or_card .uc_uil2_trc > .uc_uil2_trt + .uc_uil2_trt{ border-top: 1px dashed var(--bp-line); }
.or_card .uc_uil2_raz > .uc_uil2_trt{ padding-top: 0; }
.or_paybox{ margin-top: 12px; padding: 4px 14px; background: #f8fafc; border: 1px solid var(--bp-line); border-radius: 12px; }
.or_paybox .uc_uil2_trb{ display: flex; align-items: center; gap: 8px; padding: 10px 0; }
.or_paybox .uc_uil2_trb .uc_uil2_trt1{ flex: 1; font-size: 17px; font-weight: 800; }
.or_paybox .uc_uil2_trb .uc_uil2_trt2{ display: none; }
.or_paybox .uc_uil2_trb .uc_uil2_trt3{ flex: 0 0 auto; border: 0; font-size: 20px; font-weight: 800; }
.or_paybox .uc_uil2_trc{ border-top: 1px dashed var(--bp-line); }
.or_paybox .uc_uil2_trc .uc_uil2_trt1{ color: var(--bp-muted); }
.or_oper .uc_uil2_mi2{ font-weight: 700; }

/* Батырмалар барлық карточкада бір сызықта — карточка түбінде */
body:not(.or_list) .uc_ui.or_card{ display: flex; flex-direction: column; }
body:not(.or_list) .or_card > .uc_uil2{ flex: 1; display: flex; flex-direction: column; }
body:not(.or_list) .or_card .uc_uil2 > .or_btns{ margin-top: auto; }

/* Сомалар блогы ықшам */
.or_paybox{ padding: 2px 14px; margin-top: 10px; }
.or_paybox .uc_uil2_trb{ margin: 0 !important; padding: 8px 0 !important; min-height: 0 !important; height: auto !important; }
.or_paybox .uc_uil2_trb > div{ margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; line-height: 1.3; }
.or_paybox .uc_uil2_trc{ margin: 0 !important; padding: 0 !important; }
.or_paybox .uc_uil2_trc .uc_uil2_trt{ margin: 0 !important; padding: 6px 0 !important; min-height: 0; }
/* Төлем түрі: ұзын жазу (Аударым + курьерге қолма-қол) оң жақта, қажет болса екі жолға */
.or_paybox .or_paym .uc_uil2_trt1{ flex: 0 0 auto; }
.or_paybox .or_paym .uc_uil2_trt2{ display: none; }
.or_paybox .or_paym .uc_uil2_trt3{ flex: 1 1 auto; font-weight: 700; line-height: 1.3; }

/* Статус тарихы */
.or_meta_r{ display: flex; align-items: center; gap: 8px; margin-left: auto; }
.or_hist{ width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: #f3f7fb; border: 1px solid #e1eaf2; color: #1f75a8; font-size: 18px; cursor: pointer; transition: .15s; }
.or_hist:hover{ background: #e4f0f8; border-color: #c5dcec; }
.or_hist:active{ transform: scale(.94); }
.oh_pop{ display: none; position: absolute; z-index: 9000; background: #fff; border: 1px solid #e3eaf0; border-radius: 14px; box-shadow: 0 12px 32px rgba(0,0,0,.14); padding: 10px 16px; }
.oh_pop.oh_open{ display: block; }
.oh_row{ display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 14px; color: #1d2433; }
.oh_dot{ width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
.oh_nm{ flex: 1; min-width: 0; }
.oh_cur .oh_nm{ font-weight: 800; }
.oh_dt{ display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.oh_dt b{ font-weight: 800; font-size: 14px; }
.oh_dt small{ font-size: 12px; color: #8a94a3; }
.oh_foot{ margin-top: 6px; padding-top: 6px; border-top: 1px dashed #e3e6ea; }
.oh_foot .oh_nm{ color: #8a94a3; }
.oh_load{ padding: 10px 0; text-align: center; color: #8a94a3; }

/* Адрес блогы: жеткізу карточкасы */
.or_card .or_addr{ border-top: 0 !important; padding-top: 0 !important; margin-top: 10px; }
.oa_box{ border: 1px solid #e3eaf0; border-radius: 12px; padding: 12px 14px; }
.oa_ad, .oa_ph{ display: flex; align-items: flex-start; gap: 10px; }
.oa_ad + .oa_ph{ margin-top: 10px; padding-top: 10px; border-top: 1px dashed #e3e6ea; }
.oa_ic{ width: 18px; flex: 0 0 18px; text-align: center; color: #1f75a8; font-size: 15px; line-height: 22px; }
.oa_txt{ min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.oa_txt b{ font-size: 16px; font-weight: 800; color: #1d2433; line-height: 22px; }
.oa_txt small{ font-size: 14px; color: #5b6573; }
.oa_ph b{ font-size: 15px; font-weight: 800; color: #1d2433; line-height: 22px; }

/* Батырмалар үстіндегі әлсіз сызық жоқ */
.or_card .uc_uil2 > .or_btns{ border-top: 0 !important; }

/* Тағамдар: 3-еуден бастап жасырын, батырмамен ашылады */
.or_card:not(.or_items_open) .or_more_i{ display: none !important; }
.or_more{ display: flex; align-items: center; justify-content: center; gap: 8px; margin: 6px 0; height: 36px; border: 1px dashed #c9d8e4; border-radius: 10px; color: #1f75a8; font-size: 14px; font-weight: 700; cursor: pointer; user-select: none; transition: .15s; }
.or_more:hover{ background: #eef4f9; border-style: solid; }
.or_more i{ font-size: 12px; transition: transform .2s; }
.or_items_open .or_more i{ transform: rotate(180deg); }

/* Чек бөлігі: үстінен түзу сызық, карточканың шетінен шетіне дейін */
.or_card .uc_uil2 > .uc_uil2_raz.or_items{ border-top: 1px solid var(--bp-line) !important; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }

/* Төленбеген тапсырыс: үстіңгі шетінде қызыл жолақ */
.uc_ui.or_card.or_unpaid_c{ border-top: 4px solid #e5484d; }

/* Статус тарихы: таймлайн, этаптар арасы градиент, жоғарыдан төмен толады */
.oh_list{ position: relative; }
.oh_list .oh_row{ position: relative; box-sizing: border-box; height: 46px; padding: 0 0 0 2px; }
.oh_list .oh_row:not(:last-child)::before{ content: ''; position: absolute; left: 7px; width: 2px; top: 50%; height: 100%; background: #e8ebef; }
.oh_list .oh_row.oh_link::after{ content: ''; position: absolute; left: 7px; width: 2px; top: 50%; height: 100%; background: linear-gradient(to bottom, var(--c), var(--n)); transform: scaleY(0); transform-origin: top; animation: oh_fill .35s ease-out forwards; animation-delay: calc(var(--i) * .12s + .1s); }
.oh_list .oh_dot{ position: relative; z-index: 1; width: 12px; height: 12px; flex: 0 0 12px; background: #e3e6ea; box-shadow: 0 0 0 3px #fff; }
.oh_list .oh_on .oh_dot{ animation: oh_dot .25s ease-out forwards; animation-delay: calc(var(--i) * .12s); }
.oh_list .oh_cur .oh_dot{ animation: oh_dot .25s ease-out forwards, oh_pulse 1.6s ease-out infinite; animation-delay: calc(var(--i) * .12s), calc(var(--i) * .12s + .3s); }
.oh_list .oh_row:not(.oh_on) .oh_nm{ color: #a3abb5; }
.oh_list .oh_row .oh_dt, .oh_list .oh_row .oh_nm{ opacity: 0; animation: oh_in .3s ease-out forwards; animation-delay: calc(var(--i) * .12s); }
@keyframes oh_fill{ to{ transform: scaleY(1); } }
@keyframes oh_dot{ 0%{ background: #e3e6ea; transform: scale(.6); } 70%{ transform: scale(1.25); } 100%{ background: var(--c); transform: scale(1); } }
@keyframes oh_pulse{ 0%{ box-shadow: 0 0 0 3px #fff, 0 0 0 3px color-mix(in srgb, var(--c) 45%, transparent); } 100%{ box-shadow: 0 0 0 3px #fff, 0 0 0 12px transparent; } }
@keyframes oh_in{ from{ opacity: 0; transform: translateX(-4px); } to{ opacity: 1; transform: none; } }
/* Өзгерістер тізімі */
.oh_pop{ max-height: 80vh; overflow: auto; }
.oh_ch{ margin-top: 6px; padding-top: 8px; border-top: 1px dashed #e3e6ea; }
.oh_ch_h{ font-size: 13px; font-weight: 800; color: #1f75a8; margin-bottom: 4px; }
.oh_ci{ padding: 6px 0; font-size: 13px; }
.oh_ci + .oh_ci{ border-top: 1px dashed #eef0f3; }
.oh_ci_t{ display: flex; justify-content: space-between; gap: 8px; }
.oh_ci_t b{ font-weight: 800; color: #1d2433; }
.oh_ci_t small{ color: #8a94a3; white-space: nowrap; }
.oh_ci_v{ margin-top: 2px; color: #1d2433; word-break: break-word; }
.oh_ci_v s{ color: #a3abb5; }

/* Аттап кеткен этап: жазуы сызылған, жолағы үзік */
.oh_list .oh_skip .oh_nm{ text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: #c4cad2; color: #b4bbc4; }
.oh_list .oh_skip .oh_dot{ background: #fff; box-shadow: 0 0 0 3px #fff, inset 0 0 0 2px #d3d8de; }
.oh_list .oh_row.oh_dash::before{ background: repeating-linear-gradient(to bottom, #d3d8de 0 4px, transparent 4px 8px); }

/* Тарих терезесі: 2 қойынды */
.oh_tabs{ display: flex; gap: 4px; padding: 4px; margin: 2px 0 8px; background: #f2f5f8; border-radius: 10px; }
.oh_tab{ flex: 1; height: 34px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 8px; font-size: 13px; font-weight: 800; color: #6b7480; cursor: pointer; user-select: none; transition: .15s; }
.oh_tab i{ font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #dfe6ec; color: #1d2433; font-size: 11px; line-height: 18px; text-align: center; }
.oh_tab_act{ background: #fff; color: #1f75a8; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.oh_tab_act i{ background: #1f75a8; color: #fff; }
.oh_cl{ padding: 8px 0; font-size: 13px; }
.oh_cl + .oh_cl{ border-top: 1px dashed #eef0f3; }
.oh_cl_t{ display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 3px; }
.oh_cl_f{ font-size: 12px; font-weight: 800; color: #8a94a3; text-transform: uppercase; letter-spacing: .3px; }
.oh_cl_t small{ font-size: 12px; color: #a3abb5; white-space: nowrap; }
.oh_cl_v{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; color: #1d2433; word-break: break-word; }
.oh_cl_v s{ color: #a3abb5; }
.oh_cl_v b{ font-weight: 800; }
.oh_it{ padding: 2px 8px; border-radius: 6px; font-weight: 700; font-size: 12px; }
.oh_it_add{ background: #e6f6ee; color: #0b8a55; }
.oh_it_del{ background: #fde8e8; color: #d23c41; text-decoration: line-through; }
.oh_it_qn{ background: #eef4f9; color: #1f75a8; }
.oh_new{ font-weight: 800; color: #1f75a8; }
.oh_empty{ padding: 16px 0; text-align: center; color: #a3abb5; font-size: 13px; }

/* Карточка үсті: нөмір жанында уақыт (1-жол) мен күн (2-жол), тип/статус астында бөлек қатарда */
.or_card .uc_uil2_topc{ justify-content: center !important; min-height: 64px; }
.or_card .or_meta{ height: auto !important; line-height: normal !important; align-items: center; }
.or_dt{ flex-direction: column; align-items: flex-start !important; gap: 2px !important; }
.or_time{ font-size: 26px !important; line-height: 1.1; }
.or_date{ font-size: 14px; }
.or_upd{ display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 8px; background: #f2f5f8; color: #5b6573; font-size: 14px; font-weight: 800; }
.or_upd i{ font-size: 12px; color: #8a94a3; }
.or_card .or_sel{ display: flex; gap: 8px; margin-top: 12px; }
.or_card .or_sel > div{ flex: 1; min-width: 0; }
.or_list .or_card .or_sel{ order: 1; flex: 0 0 300px; margin-top: 0; }
.or_list .or_card .uc_uil2 > .uc_uil2_top{ flex: 0 0 auto !important; }

.oh_cl_v{ gap: 6px 6px !important; }
.oh_it{ display: inline-block; margin: 0; line-height: 18px; }
.oh_sum{ flex-basis: 100%; margin-top: 2px; font-size: 12px; color: #6b7480; }
.oh_sum b{ color: #1d2433; }

.or_card .uc_uil2_nmb{ margin-right: 6px; }
.cr_list .cr_opt.cr_lock{ opacity: .4; cursor: not-allowed; background: transparent; }

/* Тип/статус таңдауы: батырмалармен бірдей 54px; тип иконкасы */
.or_card .cr_tp .cr_btn, .or_card .cr_st .cr_btn{ height: 54px !important; border-radius: 12px; }
.or_card .or_courier{ box-sizing: border-box; min-height: 54px; padding: 5px 6px 5px 12px; }
.or_card .or_courier .cr_btn{ height: 42px; }
.cr_ico{ width: 18px; text-align: center; color: #1f75a8; font-size: 15px; flex: 0 0 auto; }
.cr_opt .cr_ico{ align-self: center; }
/* Жабық тапсырыс: тип, курьер, Өзгерту бұғатталған */
.or_card .cr_dis .cr_btn{ opacity: .5; cursor: not-allowed; }
.or_card .cr_dis .cr_btn > i{ display: none; }
.uc_uil2_mib .btn_lock, .uc_uil2_mib .btn_lock:hover{ opacity: .45; cursor: not-allowed; border-color: #dbe6ee; color: inherit; }

/* Тип: иконка-батырмалар */
.or_card .or_sel > .or_type{ flex: 0 0 auto; }
.tp_btns{ display: flex; gap: 6px; }
.tp_b{ box-sizing: border-box; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--bp-pill, #f0f2f5); color: #6b7480; font-size: 19px; cursor: pointer; transition: background .15s, color .15s; }
.tp_b:hover{ background: #e8f1f8; color: #1f75a8; }
.tp_b.tp_act{ background: #1f75a8; color: #fff; }
.tp_b.tp_dis{ cursor: not-allowed; opacity: .5; }
.tp_b.tp_dis:hover{ background: var(--bp-pill, #f0f2f5); color: #6b7480; }
.tp_b.tp_act.tp_dis, .tp_b.tp_act.tp_dis:hover{ background: #1f75a8; color: #fff; }
.or_card .or_type{ background: transparent !important; }
.or_card .or_sel > .or_status{ min-width: 160px; }
.or_list .or_card .or_sel{ flex: 0 0 auto !important; }

/* Сақтау: заказ түрі иконкасы */
.sel_type .form_im_slo_i{ display: inline-flex; align-items: center; gap: 8px; }
.sel_type .tp_ico{ font-size: 15px; }
.dlv_map_pop{ z-index: 100000 !important; }
/* Тип: бір блок ішінде ауысатын батырмалар (сегмент) */
.tp_btns{ position: relative; box-sizing: border-box; height: 54px; padding: 4px; gap: 2px; border-radius: 12px; background: var(--bp-pill, #f0f2f5); }
.tp_btns .tp_b{ position: relative; z-index: 1; width: 46px; height: 46px; border-radius: 9px; background: transparent !important; }
.tp_btns .tp_b:hover{ color: #1f75a8; }
.tp_btns .tp_b.tp_act, .tp_btns .tp_b.tp_act:hover{ color: #fff; }
.tp_sl{ position: absolute; top: 4px; left: 4px; width: 46px; height: 46px; border-radius: 9px; background: #1f75a8; box-shadow: 0 2px 6px rgba(31,117,168,.3); transform: translateX(calc(var(--i, 0) * 48px)); transition: transform .25s cubic-bezier(.4,0,.2,1); }
.tp_btns.tp_off{ opacity: .6; }
.tp_btns.tp_off .tp_b{ opacity: 1; }
.tp_btns .tp_b.tp_dis:hover{ color: #6b7480; background: transparent !important; }
.tp_btns .tp_b.tp_act.tp_dis{ color: #fff; }

/* Жеткізу картасы: іздеу + көшелер торы */
.dlv_map_body{ display: flex; flex-direction: column; min-height: 0; padding: 16px; gap: 12px; }
.dz_search{ position: relative; flex: 0 0 auto; }
.dz_search i{ position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #8a94a3; }
.dz_search .dz_q{ box-sizing: border-box; width: 100%; height: 54px; padding: 0 16px 0 44px; border: 1px solid #dbe6ee; border-radius: 12px; background: #fff; font-size: 15px; outline: none; }
.dz_search .dz_q:focus{ border-color: var(--bp-blue, #1f75a8); }
.dz_grid{ flex: 1; min-height: 0; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; align-content: start; }
.dz_i{ display: flex; flex-direction: column; justify-content: space-between; gap: 6px; min-height: 64px; padding: 10px 12px; background: #fff; border: 1px solid #e3e8ee; border-radius: 10px; cursor: pointer; transition: border-color .15s, background .15s; }
.dz_i span{ font-size: 13px; font-weight: 700; color: #1d2433; text-transform: uppercase; line-height: 16px; }
.dz_i b{ font-size: 14px; color: var(--bp-blue, #1f75a8); }
.dz_i:hover{ border-color: var(--bp-blue, #1f75a8); background: #f3f8fc; }
.dz_i.dz_act{ background: var(--bp-blue, #1f75a8); border-color: var(--bp-blue, #1f75a8); }
.dz_i.dz_act span, .dz_i.dz_act b{ color: #fff; }
.dz_empty{ grid-column: 1 / -1; padding: 30px 0; text-align: center; color: #8a94a3; }

/* Сақтау: заказ түрі бір блок ішінде (сегмент) */
.sel_type .tp_seg{ position: relative; box-sizing: border-box; display: grid; grid-template-columns: repeat(var(--n, 4), 1fr); width: 100%; height: 54px; padding: 4px; border-radius: 12px; background: var(--bp-pill, #f0f2f5); }
.sel_type .tp_seg .form_im_slo{ margin: 0; width: auto; min-width: 0; }
.sel_type .tp_seg .form_im_slo_i{ position: relative; z-index: 1; box-sizing: border-box; width: 100%; height: 46px; min-height: 46px; margin: 0; padding: 0 8px; justify-content: center; border: 0 !important; border-radius: 9px; background: transparent !important; box-shadow: none !important; color: #4a5361; transition: color .2s; white-space: nowrap; }
.sel_type .tp_seg .form_im_slo_i:hover{ color: var(--bp-blue, #1f75a8); }
.sel_type .tp_seg .form_im_slo_i.form_im_slo_act{ color: #fff !important; }
.tp_seg_sl{ position: absolute; top: 4px; left: 4px; height: 46px; width: calc((100% - 8px) / var(--n, 4)); border-radius: 9px; background: var(--bp-blue, #1f75a8); box-shadow: 0 2px 6px rgba(31,117,168,.3); transform: translateX(calc(var(--i, 0) * 100%)); transition: transform .25s cubic-bezier(.4,0,.2,1); }

/* Тип блогы: жоғарғы мәзір сияқты (ақ блок, сұр батырмалар, таңдалғаны жұмсақ жасыл) */
.tp_btns, .sel_type .tp_seg{ isolation: isolate; height: 54px; padding: 5px; gap: 4px; border-radius: 14px; background: var(--bp-card, #fff); box-shadow: var(--bp-shadow, 0 1px 4px rgba(0,0,0,.08)); }
.tp_btns .tp_b, .sel_type .tp_seg .form_im_slo_i{ position: relative; z-index: auto; height: 44px; min-height: 44px; border-radius: 10px; color: var(--bp-text, #1d2433); background: transparent !important; }
.tp_btns .tp_b{ width: 48px; }
.tp_btns .tp_b::before, .sel_type .tp_seg .form_im_slo_i::before{ content: ''; position: absolute; inset: 0; z-index: 1; border-radius: 10px; background: var(--bp-pill, #f0f2f5); transition: background .15s; }
.tp_btns .tp_b:hover::before, .sel_type .tp_seg .form_im_slo_i:hover::before{ background: var(--bp-pill-h, #e6e9ee); }
.tp_btns .tp_b.tp_act::before, .sel_type .tp_seg .form_im_slo_i.form_im_slo_act::before{ background: transparent; }
.tp_btns .tp_b > i, .sel_type .tp_seg .form_im_slo_i > i, .sel_type .tp_seg .form_im_slo_i > span{ position: relative; z-index: 3; }
.tp_sl, .tp_seg_sl{ z-index: 2; top: 5px; left: 5px; height: 44px; border-radius: 10px; background: #e3f5ec; box-shadow: none; }
.tp_sl{ width: 48px; transform: translateX(calc(var(--i, 0) * 52px)); }
.tp_seg_sl{ width: calc((100% - 10px - (var(--n, 4) - 1) * 4px) / var(--n, 4)); transform: translateX(calc(var(--i, 0) * (100% + 4px))); }
.tp_btns .tp_b.tp_act, .tp_btns .tp_b.tp_act:hover, .sel_type .tp_seg .form_im_slo_i.form_im_slo_act{ color: var(--bp-green, #0EA768) !important; font-weight: 700; }
.tp_btns .tp_b:hover, .sel_type .tp_seg .form_im_slo_i:hover{ color: var(--bp-text, #1d2433); }
.sel_type .tp_seg .tp_ico{ color: inherit; }
.tp_btns .tp_b.tp_dis:hover::before{ background: var(--bp-pill, #f0f2f5); }
.tp_btns .tp_b.tp_act.tp_dis{ color: var(--bp-green, #0EA768) !important; }
/* Тип блогы: толық сұр фон, батырмалар бөлек емес, таңдалған жасыл фон үстінен жылжиды */
.tp_btns, .sel_type .tp_seg{ background: var(--bp-pill, #f0f2f5); box-shadow: none; }
.tp_btns .tp_b::before, .sel_type .tp_seg .form_im_slo_i::before{ display: none; }
.tp_sl, .tp_seg_sl{ background: #e3f5ec; box-shadow: 0 1px 3px rgba(14,167,104,.18); }
.tp_btns .tp_b:not(.tp_act):hover, .sel_type .tp_seg .form_im_slo_i:not(.form_im_slo_act):hover{ color: var(--bp-green, #0EA768); }
/* Хабарлама (toast) */
.bl_mess{ display: none !important; }
.tst_box{ position: fixed; top: 16px; right: 16px; z-index: 200000; display: flex; flex-direction: column; gap: 10px; width: 360px; max-width: calc(100vw - 32px); pointer-events: none; }
.tst{ --c: #e9a23b; position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 12px 16px 16px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(16,24,40,.14), 0 2px 6px rgba(16,24,40,.06); border-left: 4px solid var(--c); overflow: hidden; pointer-events: auto; opacity: 0; transform: translateX(40px) scale(.96); transition: opacity .25s ease, transform .3s cubic-bezier(.2,.9,.3,1.2); }
.tst.tst_in{ opacity: 1; transform: none; }
.tst.tst_out{ opacity: 0; transform: translateX(40px); transition: opacity .2s ease, transform .2s ease; }
.tst_ok{ --c: #0EA768; } .tst_err{ --c: #e5484d; } .tst_warn{ --c: #e9a23b; }
.tst_i{ flex: 0 0 auto; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 16px; color: var(--c); background: color-mix(in srgb, var(--c) 14%, #fff); }
.tst_t{ flex: 1; min-width: 0; font-size: 14px; font-weight: 700; line-height: 19px; color: #1d2433; }
.tst_x{ flex: 0 0 auto; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #8a94a3; cursor: pointer; transition: .15s; }
.tst_x:hover{ background: #f0f2f5; color: #1d2433; }
.tst_bar{ position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--c); opacity: .5; transform-origin: left; animation: tst_bar 4s linear forwards; }
.tst.tst_pause .tst_bar{ animation-play-state: paused; }
@keyframes tst_bar{ from{ transform: scaleX(1); } to{ transform: scaleX(0); } }
@media (max-width: 768px){ .tst_box{ top: 10px; right: 10px; left: 10px; width: auto; } }
/* Себет кестесінің тақырыбы: opacity ішкі div-тер сайын көбейіп бозарып кетпесін */
.uc_uh, .uc_uh div{ opacity: 1 !important; color: #6b7480 !important; }
/* Хабарлама: төменгі жақта, астынан жылжып шығады */
.tst_box{ top: auto; bottom: 16px; }
.tst{ transform: translateY(30px) scale(.96); }
.tst.tst_in{ transform: none; }
.tst.tst_out{ transform: translateY(30px); }
@media (max-width: 768px){ .tst_box{ top: auto; bottom: 10px; } }
/* Касса бетінде (Жаңадан қосу) хабарлама сол жақ астында */
body:has(.cash_bl1) .tst_box{ right: auto; left: 16px; }
@media (max-width: 768px){ body:has(.cash_bl1) .tst_box{ left: 10px; right: 10px; } }
/* Тізім көрінісі: статус сыртқа шығып кетпесін (тип блогы + статус 200px) */
.or_list .or_card .or_sel{ flex: 0 0 auto !important; width: auto !important; max-width: 100%; }
.or_list .or_card .or_sel > .or_status{ flex: 0 0 200px !important; width: 200px !important; min-width: 0; }
/* Предзаказ: ашылғанда бөлек ерекшеленген блок */
.cashbox_pay_block .tf_preorder:not(.opt_off):not(.dsp_n){ padding: 16px; background: #f3f8fc; border: 1px solid #cfe2f0; border-radius: 14px; box-shadow: inset 4px 0 0 var(--bp-blue, #1f75a8); }
.tf_preorder .sel_pre_day .pre_head{ display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px dashed #cfe2f0; font-size: 17px; font-weight: 800; color: var(--bp-text); }
.tf_preorder .pre_head i{ width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--bp-blue, #1f75a8); font-size: 15px; box-shadow: 0 1px 3px rgba(31,117,168,.15); }
.tf_preorder .sel_pre_day .form_im_slo{ flex: 1 1 0; min-width: 0; }
.tf_preorder .sel_pre_day .form_im_slo_i{ width: 100%; height: 60px; flex-direction: column; gap: 2px; background: #fff; border-color: #dbe6ee; line-height: 1.1; }
.tf_preorder .sel_pre_day .form_im_slo_i b{ font-size: 15px; font-weight: 800; white-space: nowrap; }
.tf_preorder .sel_pre_day .form_im_slo_i small{ font-size: 12px; font-weight: 600; color: #8a94a3; }
.tf_preorder .sel_pre_day .form_im_slo_act small{ color: rgba(255,255,255,.8); }
.tf_preorder .pre_dt_row .form_im{ position: relative; }
.tf_preorder .pre_dt_row .form_txt{ background: #fff; border: 1px solid #dbe6ee; padding-left: 44px; font-size: 17px; letter-spacing: .3px; }
.tf_preorder .pre_dt_row .form_txt:focus{ border-color: var(--bp-blue, #1f75a8); }
.tf_preorder .pre_dt_row .form_icon{ color: var(--bp-blue, #1f75a8); }
.tf_preorder .pre_dt_row .pre_date::-webkit-calendar-picker-indicator, .tf_preorder .pre_dt_row .pre_time::-webkit-calendar-picker-indicator{ opacity: .5; cursor: pointer; }
.tf_preorder .pre_note{ background: #fff; border: 1px solid #f3dfb2; }
.tf_preorder .sel_pre_day .form_im_slo_i.form_im_slo_act, .tf_preorder .sel_pre_day .form_im_slo_i.form_im_slo_act:hover{ background: var(--bp-blue, #1f75a8); border-color: var(--bp-blue, #1f75a8); color: #fff; }
.tf_preorder .pre_dt_row .form_im .form_icon{ position: absolute; top: auto; bottom: 0; left: 4px; display: flex; align-items: center; justify-content: center; pointer-events: none; }

/* Предзаказ «Басқа күн»: күндер батырмамен (браузер күнтізбесі орнына) */
.tf_preorder .pre_dt_row{ flex-wrap: wrap; }
.tf_preorder .pre_date_im:not(.dsp_n){ flex: 1 1 100%; }
.pre_days{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.pre_day_i{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; height: 64px; background: #fff; border: 1px solid #dbe6ee; border-radius: 10px; cursor: pointer; user-select: none; transition: .15s; }
.pre_day_i b{ font-size: 18px; font-weight: 800; line-height: 1.1; color: var(--bp-text, #1d2433); }
.pre_day_i small{ font-size: 11px; font-weight: 700; color: #8a94a3; text-transform: uppercase; }
.pre_day_i:hover{ border-color: var(--bp-blue, #1f75a8); }
.pre_day_i.pre_day_act{ background: var(--bp-blue, #1f75a8); border-color: var(--bp-blue, #1f75a8); }
.pre_day_i.pre_day_act b, .pre_day_i.pre_day_act small{ color: #fff; }

/* Предзаказ блогы: сол жақ жолақ жоқ, тақырыпта атауы мен жабу батырмасы */
.cashbox_pay_block .tf_preorder:not(.opt_off):not(.dsp_n){ box-shadow: none; border: 1px solid #cfe2f0; }
.tf_preorder .pre_head span{ flex: 1; display: flex; flex-direction: column; gap: 2px; line-height: 1.15; }
.tf_preorder .pre_head small{ font-size: 12px; font-weight: 600; color: #8a94a3; }
.tf_preorder .pre_head .pre_close{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid #dbe6ee; color: var(--bp-blue, #1f75a8); cursor: pointer; font-style: normal; transition: .15s; }
.tf_preorder .pre_head .pre_close i{ width: auto; height: auto; background: none; box-shadow: none; border-radius: 0; font-size: 14px; }
.tf_preorder .pre_head .pre_close:hover{ border-color: var(--bp-blue, #1f75a8); }
/* Басқа күн батырмалары: толық енде, бірдей өлшемде */
.tf_preorder .pre_dt_row .pre_date_im:not(.dsp_n){ display: block !important; flex: 1 1 100% !important; width: 100% !important; min-width: 100%; }
.tf_preorder .pre_days{ display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; width: 100%; }
.tf_preorder .pre_day_i{ box-sizing: border-box; width: 100%; height: 64px; padding: 0; }
.tf_preorder .pre_day_i b{ font-size: 20px; }

/* Предзаказ уақыты: Таңғы / Түскі / Кешкі + 30 минуттық слоттар */
.tf_preorder .pre_time_im{ flex: 1 1 100%; width: 100%; margin-top: 4px; padding: 12px; background: #fff; border: 1px solid #dbe6ee; border-radius: 12px; }
.pre_tm_head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: #6b7480; }
.pre_tm_val{ min-width: 84px; padding: 4px 12px; border-radius: 8px; background: #e8f1f8; color: var(--bp-blue, #1f75a8); font-size: 20px; font-weight: 800; text-align: center; letter-spacing: .5px; }
.pre_parts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; margin-bottom: 10px; border-radius: 10px; background: var(--bp-pill, #f0f2f5); }
.pre_pt{ display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 7px 4px; border-radius: 8px; cursor: pointer; user-select: none; transition: .12s; }
.pre_pt b{ font-size: 15px; font-weight: 800; color: var(--bp-text, #1d2433); }
.pre_pt small{ font-size: 11px; font-weight: 600; color: #8a94a3; }
.pre_pt.pre_act{ background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.pre_pt.pre_act b{ color: var(--bp-blue, #1f75a8); }
.pre_pt.pre_off{ opacity: .45; }
.pre_slots{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.pre_s{ height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--bp-pill, #f0f2f5); font-size: 15px; font-weight: 700; color: var(--bp-text, #1d2433); cursor: pointer; user-select: none; transition: .12s; }
.pre_s:hover{ background: #e3edf5; }
.pre_s.pre_act{ background: var(--bp-blue, #1f75a8); color: #fff; }
.pre_s.pre_off{ opacity: .3; cursor: not-allowed; background: var(--bp-pill, #f0f2f5); }

/* Қосымша ақпарат: ашылғанда предзаказ сияқты бір блок, тақырыбы мен жабу батырмасы ішінде */
.cashbox_pay_block .tf_add:not(.opt_off):not(.dsp_n){ padding: 16px; background: #f3f8fc; border: 1px solid #cfe2f0; border-radius: 14px; }
.tf_add .add_head{ display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #cfe2f0; font-size: 17px; font-weight: 800; color: var(--bp-text); }
.tf_add .add_head > i{ width: 32px; height: 32px; flex: 0 0 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--bp-blue, #1f75a8); font-size: 15px; box-shadow: 0 1px 3px rgba(31,117,168,.15); }
.tf_add .add_head span{ flex: 1; display: flex; flex-direction: column; gap: 2px; line-height: 1.15; }
.tf_add .add_head small{ font-size: 12px; font-weight: 600; color: #8a94a3; }
.tf_add .add_close{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid #dbe6ee; color: var(--bp-blue, #1f75a8); cursor: pointer; font-style: normal; transition: .15s; }
.tf_add .add_close:hover{ border-color: var(--bp-blue, #1f75a8); }
.cashbox_pay_block .tf_add:not(.opt_off):not(.dsp_n){ margin-top: 10px; }
.tf_add .form_im{ margin: 0; width: 100%; }
.tf_add .form_im .form_txt{ width: 100%; box-sizing: border-box; }
.tf_add .form_txt{ background: #fff; border: 1px solid #dbe6ee; }
.tf_add .form_txt:focus{ border-color: var(--bp-blue, #1f75a8); }

/* Предзаказ: күн мен уақыт бір рет, қызыл түспен */
.or_dt_pre .or_time{ color: #e5484d !important; }
/* Төленбеген сүзгісі: санауышы қызыл */
.unp_tab b{ background: #e5484d; }
.unp_tab.pre_tab_act{ background: #e5484d; border-color: #e5484d; }
.unp_tab.pre_tab_act b{ background: #fff; color: #e5484d; }
/* Тапсырыстар тақырыбы: админдегідей мәзірмен бір қатарда, сол жақта */
/* norm.css .head_c-ның 80px / 30px шегінісі алынады, тақырып мәзір капсуласымен (y 16px, биіктігі 66px) бір деңгейде */
.head_c.or_head{ height: 66px; margin-top: 16px; padding: 0; display: flex; align-items: center; }
.or_head h1{ margin: 0; line-height: 1; }
.bl_c:has(> .or_head) ~ .bl_c .uc_ui69{ margin-top: 40px; }
@media (max-width: 768px){
	.head_c.or_head{ height: auto; margin-top: 66px; }
	.or_head h1{ font-size: 26px; }
	.bl_c:has(> .or_head) ~ .bl_c .uc_ui69{ margin-top: 20px; }
}

/* ---------- Тапсырыстар сүзгісі: әдемі дата, күнтізбе, ашылмалы тізім, тип батырмалары (админдегідей) ---------- */
.bdt{ position: relative; display: inline-flex; align-items: center; gap: 4px; height: 56px; padding: 4px; background: #fff; border: 1px solid var(--bp-line); border-radius: 10px; box-shadow: var(--bp-shadow); box-sizing: border-box; }
.bdt_arr{ width: 44px; height: 46px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--bp-text); cursor: pointer; user-select: none; transition: .15s; }
.bdt_arr:hover{ background: var(--bp-pill); }
.bdt_arr:active{ transform: scale(.94); }
.bdt_main{ position: relative; height: 46px; padding: 0 12px; border-radius: 8px; display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 15px; font-weight: 700; color: var(--bp-text); white-space: nowrap; user-select: none; transition: .15s; }
.bdt_main:hover, .bdt_open .bdt_main{ background: var(--bp-pill); }
.bdt_main > i.fa-calendar-alt{ color: var(--bp-blue); font-size: 17px; }
.bdt_main .bdt_dd{ color: var(--bp-muted); font-size: 14px; transition: transform .2s; }
.bdt_open .bdt_main .bdt_dd{ transform: rotate(180deg); }
.uc_ui69 .bdt_main input.on_sort_time{ position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; max-height: none; padding: 0; opacity: 0; pointer-events: none; border: 0; }
.bdt_is_today .bdt_main, .bdt_is_today .bdt_main > i.fa-calendar-alt{ color: var(--bp-green); }

.bcal{ position: absolute; z-index: 60; top: calc(100% + 6px); left: 0; width: 320px; padding: 14px; background: #fff; border: 1px solid var(--bp-line); border-radius: 14px; box-shadow: 0 12px 32px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: .15s; box-sizing: border-box; }
.bcal.pop_on{ opacity: 1; visibility: visible; transform: none; }
.bcal_head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.bcal_head b{ font-size: 16px; font-weight: 800; color: var(--bp-text); }
.bcal_nav{ width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--bp-text); font-size: 17px; }
.bcal_nav:hover{ background: var(--bp-pill); }
.bcal_grid{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.bcal_wd{ height: 28px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--bp-muted); text-transform: uppercase; }
.bcal_we{ color: #e5484d; opacity: .8; }
.bcal_d{ height: 38px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; transition: .12s; }
.bcal_d:hover{ background: var(--bp-pill); }
.bcal_out{ color: #c3c8cf; font-weight: 600; }
.bcal_tod{ box-shadow: inset 0 0 0 2px var(--bp-green); color: var(--bp-green); }
.bcal_sel, .bcal_sel:hover{ background: var(--bp-blue); color: #fff; box-shadow: none; }
.bcal_foot{ display: flex; justify-content: flex-end; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--bp-line); }
.bcal_today{ height: 36px; padding: 0 16px; border-radius: 8px; display: flex; align-items: center; background: #e3f5ec; color: var(--bp-green); font-weight: 700; font-size: 14px; cursor: pointer; }
.bcal_today:hover{ background: #d3efe1; }

.bsel{ position: relative; display: inline-block; }
.bsel > select{ display: none !important; }
.bsel_btn{ height: 56px; min-width: 170px; padding: 0 14px 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; border: 1px solid var(--bp-line); border-radius: 10px; box-shadow: var(--bp-shadow); font-size: 14px; font-weight: 600; color: var(--bp-text); cursor: pointer; user-select: none; transition: .15s; white-space: nowrap; box-sizing: border-box; }
.bsel_btn:hover{ border-color: #d0d5dd; }
.bsel_btn i{ color: var(--bp-muted); transition: transform .2s; }
.bsel_on .bsel_btn{ background: #eef6fb; border-color: #bcd8ea; color: var(--bp-blue); }
.bsel_open .bsel_btn{ border-color: var(--bp-blue); box-shadow: 0 0 0 3px rgba(31,117,168,.12); }
.bsel_open .bsel_btn i{ transform: rotate(180deg); }
.bsel_list{ position: absolute; z-index: 60; top: calc(100% + 6px); left: 0; min-width: 100%; max-height: 360px; overflow-y: auto; padding: 6px; background: #fff; border: 1px solid var(--bp-line); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: .15s; box-sizing: border-box; }
.bsel_list.pop_on{ opacity: 1; visibility: visible; transform: none; }
.bsel_i{ min-height: 44px; padding: 0 14px; border-radius: 8px; display: flex; align-items: center; font-size: 15px; cursor: pointer; white-space: nowrap; }
.bsel_i:hover{ background: var(--bp-pill); }
.bsel_act, .bsel_act:hover{ background: #e3f5ec; color: var(--bp-green); font-weight: 700; }

.bseg{ display: inline-flex; align-items: center; gap: 4px; height: 56px; padding: 4px; background: #fff; border: 1px solid var(--bp-line); border-radius: 10px; box-shadow: var(--bp-shadow); box-sizing: border-box; }
.bseg > select{ display: none !important; }
.bseg_i{ height: 46px; padding: 0 12px; border-radius: 8px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--bp-text); cursor: pointer; user-select: none; white-space: nowrap; transition: .15s; }
.bseg_i i{ font-size: 16px; color: var(--bp-muted); }
.bseg_i:hover{ background: var(--bp-pill); }
.bseg_act, .bseg_act:hover{ background: #e3f5ec; color: var(--bp-green); }
.bseg_act i{ color: var(--bp-green); }
/* Тип батырмалары: тек иконка (атауы title-да) */
.bseg_i{ width: 46px; padding: 0; justify-content: center; }
.bseg_i span{ display: none; }
.bseg_i i{ font-size: 18px; }
@media (max-width: 768px){ .bseg_i{ width: 40px; } }
@media (max-width: 768px){
	.bdt, .bseg{ height: 50px; }
	.bdt_arr, .bdt_main, .bseg_i{ height: 40px; }
	.bdt_arr{ width: 38px; }
	.bdt_main{ font-size: 14px; padding: 0 8px; }
	.bsel_btn{ height: 50px; min-width: 140px; }
	.bcal{ width: 290px; }
}
/* Сүзгі жолағы бір қатар: іздеу бөлек оң жақта; сыймаса іздеу кішірейеді, сосын жолақ көлденең жылжиды */
/* tablet.css-тегі grid орнына осы бір қатар (tablet.css кейін жүктеледі, сондықтан html body арқылы күштірек) */
html body .uc_ui69{ display: flex; }
html body .uc_ui69 > .uc_uin_other, html body .uc_ui69 > .uc_uin_other > .form_im, html body .uc_ui69 .pre_tab{ width: auto; }
.uc_ui69{ flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; padding-bottom: 6px; scrollbar-width: thin; }
.uc_ui69::-webkit-scrollbar{ height: 6px; }
.uc_ui69::-webkit-scrollbar-thumb{ background: #d6dbe1; border-radius: 3px; }
.uc_ui69 > *{ flex-shrink: 0; }
html body .uc_ui69 > .uc_us{ width: auto; flex: 1 1 260px; min-width: 170px; max-width: 320px; margin-left: auto; }
.uc_ui69 > .uc_us .uc_usn, .uc_ui69 > .uc_us input{ width: 100%; }
/* Тізім мен күнтізбе жылжитын жолақтың ішінде кесілмеуі үшін экранға бекітіледі (орнын JS қояды) */
.bsel_list, .bcal{ position: fixed; z-index: 100000; }
.bsel_list{ min-width: 0; }

/* Көлденең жылжитын қатар: ‹ › батырмалары (fun.js hscroll) */
.hsc{ position: relative; width: 100%; min-width: 0; }
.hsc_el{ scroll-behavior: smooth; scrollbar-width: none; }
.hsc_el::-webkit-scrollbar{ display: none; }
.hsc_el.hsc_drag{ cursor: grabbing; scroll-behavior: auto; user-select: none; }
.hsc_btn{ position: absolute; z-index: 5; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--bp-line, #e7e7e7); box-shadow: 0 4px 14px rgba(0,0,0,.14); color: var(--bp-text, #222); font-size: 18px; cursor: pointer; user-select: none; opacity: 0; visibility: hidden; transition: opacity .15s, transform .15s; }
.hsc_btn.hsc_on{ opacity: 1; visibility: visible; }
.hsc_btn:hover{ color: var(--bp-blue, #1f75a8); }
.hsc_btn:active{ transform: scale(.92); }
.hsc_l{ left: -8px; }
.hsc_r{ right: -8px; }

/* Тип батырмалары: жасыл фон сырғиды (--i = таңдалған реті) */
.bseg{ position: relative; }
.bseg_sl{ position: absolute; top: 4px; bottom: 4px; left: 4px; width: 46px; border-radius: 8px; background: #e3f5ec; transform: translateX(calc(var(--i, 0) * 50px)); transition: transform .25s cubic-bezier(.4,0,.2,1); }
.bseg_i{ position: relative; z-index: 1; }
.bseg_act, .bseg_act:hover{ background: transparent; }
.bseg_i:not(.bseg_act):hover{ background: transparent; color: var(--bp-blue); }
.bseg_i:not(.bseg_act):hover i{ color: var(--bp-blue); }
@media (max-width: 768px){ .bseg_sl{ width: 40px; transform: translateX(calc(var(--i, 0) * 44px)); } }
/* Ашылғанда орнынан ғана көрінсін (top/left анимацияланбасын, әйтпесе бір жақтан ұшып келеді) */
.bcal, .bsel_list{ transition: opacity .15s, transform .15s, visibility .15s; }
/* Статус тізімі: жанында түсті белгі */
.bsel_dot{ width: 10px; height: 10px; flex: 0 0 10px; margin-right: 10px; border-radius: 50%; display: inline-block; }
.bsel_txt{ display: inline-flex; align-items: center; }
/* Жеткізу картасы: бос күйі */
.dz_empty{ display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 16px; color: #8a94a3; font-weight: 600; text-align: center; }
.dz_empty.dsp_n{ display: none; }
.dz_empty i{ font-size: 34px; color: #c3cbd5; }

/* Төленбеген тапсырыс: «Төледі» батырмасы (уақыттың оң жағында) және төлем түрін таңдау */
.or_paid{ position: relative; margin-right: 8px; }
.or_paid_ch::before{ content: ""; position: absolute; top: -6px; right: 40px; width: 10px; height: 10px; background: #fff; border-left: 1px solid #e6edf3; border-top: 1px solid #e6edf3; transform: rotate(45deg); }
.or_paid_btn{ height: 54px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 14px; background: #e5484d; border: 1px solid #e5484d; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: .15s; user-select: none; white-space: nowrap; }
.or_paid_btn i{ font-size: 18px; }
.or_paid_btn:hover{ background: #d63c41; border-color: #d63c41; }
.or_paid_btn:active{ transform: scale(.94); }
.or_paid_on .or_paid_btn{ background: #fdecec; border-color: #f5c2c4; color: #e5484d; }
.or_paid_ch{ position: absolute; top: calc(100% + 8px); right: 0; width: 350px; padding: 14px; background: #fff; border: 1px solid #e6edf3; border-radius: 16px; box-shadow: 0 16px 40px rgba(20,40,70,.18); z-index: 50; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility .15s; }
.or_paid_on .or_paid_ch{ opacity: 1; visibility: visible; transform: none; }
.or_paid_t{ font-size: 14px; font-weight: 700; color: #1d2733; margin: 0 2px 12px; line-height: 1.3; }
.or_paid_l{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.or_paid_o{ --pc: #12a150; --pb: #e9f7ef; height: 60px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid #e6edf3; border-radius: 14px; background: #fafcfd; font-size: 14px; font-weight: 600; color: #26323f; cursor: pointer; transition: .15s; line-height: 1.2; white-space: nowrap; }
.or_paid_o[data-m="qr"]{ --pc: #e5484d; --pb: #fdecec; }
.or_paid_o[data-m="transfer"]{ --pc: #1f75a8; --pb: #e7f1f8; }
.or_paid_o[data-m="mixed"]{ --pc: #8e4ec6; --pb: #f3ecfa; }
.or_paid_o[data-m="red"]{ --pc: #d9480f; --pb: #fdeee6; grid-column: 1 / -1; }
.or_paid_red b{ margin-left: auto; font-size: 14px; font-weight: 800; color: #d9480f; }
.or_paid_o i{ flex: 0 0 36px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--pb); color: var(--pc); font-size: 16px; }
.or_paid_o:hover{ border-color: var(--pc); background: #fff; box-shadow: 0 4px 12px rgba(20,40,70,.08); }
.or_paid_o:active{ transform: scale(.97); }
/* Аралас төлем */
.or_paid_mx, .or_paid_cs{ display: none; }
.or_paid_mxon .or_paid_l, .or_paid_cson .or_paid_l{ display: none; }
.or_paid_cson .or_paid_cs{ display: block; }
.or_cs_t{ font-size: 13px; color: #8a94a3; margin-bottom: 8px; }
.or_cs_bl{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 8px; }
.or_cs_b{ height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid #e1e8ee; border-radius: 10px; background: #fafcfd; font-size: 14px; font-weight: 700; color: #26323f; cursor: pointer; transition: .15s; user-select: none; }
.or_cs_b:hover{ border-color: #12a150; }
.or_cs_b.on{ background: #12a150; border-color: #12a150; color: #fff; }
.or_paid_cs .or_cs_in{ width: 100%; box-sizing: border-box; text-align: left; margin-bottom: 4px; }
.or_cs_ok{ height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; background: #12a150; color: #fff; transition: .15s; user-select: none; }
.or_cs_ok:hover{ background: #0f8c45; }
.or_mx_rest.or_mx_bad b{ color: #e5484d; }
.or_paid_mxon .or_paid_mx{ display: block; }
.or_mx_r{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.or_mx_r span{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #26323f; }
.or_mx_r span i{ width: 18px; text-align: center; color: #8a94a3; }
.or_mx_in{ width: 130px; height: 42px; padding: 0 12px; border: 1px solid #dfe7ee; border-radius: 10px; background: #fafcfd; font-size: 15px; font-weight: 700; text-align: right; outline: none; transition: .15s; }
.or_mx_in:focus{ border-color: #1f75a8; background: #fff; box-shadow: 0 0 0 3px rgba(31,117,168,.12); }
.or_mx_rest{ display: flex; justify-content: space-between; padding: 10px 2px; margin-top: 4px; border-top: 1px dashed #e1e8ee; font-size: 14px; color: #8a94a3; }
.or_mx_rest b{ color: #e5484d; }
.or_mx_rest.or_mx_ok_r b{ color: #12a150; }
.or_mx_btns{ display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; margin-top: 4px; }
.or_mx_back, .or_mx_ok{ height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; transition: .15s; user-select: none; }
.or_mx_back{ border: 1px solid #e1e8ee; color: #4a5562; background: #fff; }
.or_mx_back:hover{ background: #f4f7fa; }
.or_mx_ok{ background: #12a150; color: #fff; }
.or_mx_ok:hover{ background: #0f8c45; }
.or_mx_ok.or_mx_dis{ background: #cfd8e0; cursor: not-allowed; }

/* Төлем түрлерінің иконкалары (Сақтау терезесі) */
.sel_pay .form_im_slo_i .pay_ic{ margin-right: 8px; font-size: 16px; transition: color .2s; }
.sel_pay .form_im_slo_i[data-type="transfer"] .pay_ic{ color: #1f75a8; }
.sel_pay .form_im_slo_i[data-type="qr"] .pay_ic{ color: #e5484d; }
.sel_pay .form_im_slo_i[data-type="cash"] .pay_ic{ color: #12a150; }
.sel_pay .form_im_slo_i[data-type="mix"] .pay_ic{ color: #8e4ec6; }
.sel_pay .form_im_slo_i[data-type="unpaid"] .pay_ic{ color: #e5484d; }
.sel_pay .form_im_slo_i.form_im_slo_act .pay_ic{ color: inherit; }
/* Предоплата немен төленді: сол иконкалар */
.sel_qrm .form_im_slo_i .pay_ic{ margin-right: 8px; font-size: 16px; transition: color .2s; }
.sel_qrm .form_im_slo_i[data-type="transfer"] .pay_ic{ color: #1f75a8; }
.sel_qrm .form_im_slo_i[data-type="qr"] .pay_ic{ color: #e5484d; }
.sel_qrm .form_im_slo_i[data-type="cash"] .pay_ic{ color: #12a150; }
.sel_qrm .form_im_slo_i[data-type="red"] .pay_ic{ color: #d9480f; }
.sel_qrm .form_im_slo_i[data-type="mix"] .pay_ic{ color: #8e4ec6; }
.sel_qrm .form_im_slo_i.form_im_slo_act .pay_ic{ color: inherit; }
.form_im_slo_red .pay_ic{ margin-right: 8px; font-size: 16px; color: #d9480f; transition: color .2s; }
.form_im_slo_red.form_im_slo_act .pay_ic{ color: inherit; }

/* Статус тізімі: скроллсыз, барлық статус бірден көрінеді */
html body .cr_dd.cr_st .cr_list{ max-height: none !important; overflow: visible !important; }


/* Предзаказ: қабылданған уақыттың жанында қызыл таймер + предзаказ уақыты */
.or_tm_r{ display: flex; align-items: center; gap: 18px; }
.or_pre_tm{ display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 11px; background: #fdecec; color: #e5484d; font-size: 21px; font-weight: 800; line-height: 1; white-space: nowrap; }
.or_pre_tm i{ font-size: 18px; }
.or_pre_tm small{ font-size: 13px; font-weight: 700; opacity: .8; }

/* Предзаказ: 10 минут қалғанда — жыпылықтайтын қызыл үсті және таймер */
@keyframes orPreGlow{ 0%,100%{ border-top-color: #e5484d; box-shadow: 0 -2px 0 rgba(229,72,77,.0), 0 6px 20px rgba(229,72,77,.10); } 50%{ border-top-color: #ff9b9e; box-shadow: 0 -4px 14px rgba(229,72,77,.45), 0 6px 26px rgba(229,72,77,.22); } }
@keyframes orPreChip{ 0%,100%{ transform: scale(1); box-shadow: 0 0 0 0 rgba(229,72,77,.5); } 50%{ transform: scale(1.06); box-shadow: 0 0 0 7px rgba(229,72,77,0); } }
html body .uc_ui.or_card.or_pre_soon{ border-top: 4px solid #e5484d; animation: orPreGlow 1.2s ease-in-out infinite; }
.or_pre_soon .or_pre_tm{ background: #e5484d; color: #fff; animation: orPreChip 1.2s ease-in-out infinite; }
.or_pre_soon .or_dt_pre .or_time{ animation: orPreChip 1.2s ease-in-out infinite; display: inline-block; }

/* Сұрау терезесі (Отказ себебі / Бізде қалған сома) — prompt орнына */
.oask_bg{ position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15,25,40,.45); opacity: 0; transition: opacity .18s; }
.oask_bg.oask_on{ opacity: 1; }
.oask{ width: 440px; max-width: 100%; background: #fff; border-radius: 20px; padding: 20px; box-shadow: 0 24px 60px rgba(15,25,40,.28); transform: translateY(10px) scale(.98); transition: transform .18s; --ac: #e5484d; --ab: #fdecec; }
.oask_sum{ --ac: #1f75a8; --ab: #e7f1f8; }
.oask_on .oask{ transform: none; }
.oask_h{ display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.oask_h > div{ flex: 1; min-width: 0; }
.oask_h b{ display: block; font-size: 18px; font-weight: 800; color: #1d2433; line-height: 1.3; }
.oask_h small{ display: block; margin-top: 4px; font-size: 13px; color: #8a94a3; line-height: 1.4; }
.oask_ic{ flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--ab); color: var(--ac); font-size: 19px; }
.oask_x{ flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #8a94a3; cursor: pointer; transition: .15s; }
.oask_x:hover{ background: #f2f5f8; color: #1d2433; }
.oask_q{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.oask_qb{ padding: 8px 12px; border: 1px solid #e1e8ee; border-radius: 10px; background: #fafcfd; font-size: 13px; font-weight: 600; color: #26323f; cursor: pointer; transition: .15s; user-select: none; }
.oask_qb:hover{ border-color: var(--ac); }
.oask_qb.on{ background: var(--ab); border-color: var(--ac); color: var(--ac); }
.oask textarea.oask_in{ width: 100%; box-sizing: border-box; min-height: 84px; padding: 12px 14px; border: 1px solid #dfe7ee; border-radius: 12px; background: #fafcfd; font: inherit; font-size: 15px; color: #1d2433; resize: none; outline: none; transition: .15s; }
.oask_in_w{ position: relative; }
.oask_in_w input.oask_in{ width: 100%; box-sizing: border-box; height: 56px; padding: 0 46px 0 16px; border: 1px solid #dfe7ee; border-radius: 12px; background: #fafcfd; font-size: 22px; font-weight: 800; color: #1d2433; outline: none; transition: .15s; }
.oask_in_w span{ position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: 700; color: #8a94a3; }
.oask .oask_in:focus{ border-color: var(--ac); background: #fff; box-shadow: 0 0 0 3px var(--ab); }
.oask_err{ min-height: 18px; margin-top: 6px; font-size: 13px; font-weight: 600; color: #e5484d; }
.oask_btns{ display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; margin-top: 6px; }
.oask_no, .oask_ok{ height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 14px; font-size: 15px; font-weight: 700; cursor: pointer; transition: .15s; user-select: none; }
.oask_no{ border: 1px solid #e1e8ee; background: #fff; color: #4a5562; }
.oask_no:hover{ background: #f4f7fa; }
.oask_ok{ background: var(--ac); color: #fff; }
.oask_ok:hover{ filter: brightness(.94); }
.oask_ok:active, .oask_no:active{ transform: scale(.97); }

/* Отказ болған карточка: себебі және бізде қалған сома */
.or_refuse{ display: flex; align-items: flex-start; gap: 12px; margin-top: 10px; padding: 12px 14px; border: 1px solid #f6caca; border-radius: 12px; background: #fff5f5; }
.or_rf_ic{ flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #fde3e3; color: #e5484d; font-size: 16px; }
.or_rf_tx{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.or_rf_tx small{ font-size: 12px; font-weight: 600; color: #c4474b; text-transform: uppercase; letter-spacing: .03em; }
.or_rf_tx > b{ font-size: 15px; font-weight: 700; color: #1d2433; line-height: 1.35; word-break: break-word; }
.or_rf_k{ display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 13px; color: #4a5562; }
.or_rf_k i{ color: #e5484d; }
.or_rf_k b{ color: #e5484d; font-weight: 800; }
/* Предзаказ: «Жаңа»-дан басқа статуста таймер ақ, пульсациясыз */
.or_pre_tm.or_pre_calm{ background: #fff; color: #1d2433; box-shadow: inset 0 0 0 1px #e3e6ea; }
.or_pre_tm.or_pre_calm i{ color: #8a8f98; }

/* Тағам сипаттамасы (кассадағы карточканы ұзақ басқанда) */
.pdesc_tip{ position: fixed; z-index: 9999; max-width: min(320px, calc(100vw - 20px)); padding: 10px 12px; background: #23262d; color: #fff; border-radius: 8px; font-size: 14px; line-height: 1.4; box-shadow: 0 6px 20px rgba(0,0,0,.25); pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .12s, visibility .12s; white-space: pre-line; overflow-wrap: anywhere; }

.pdesc_tip::after{ content: ''; position: absolute; left: var(--ax, 50%); top: 100%; margin-left: -7px; border: 7px solid transparent; border-bottom-width: 0; border-top-color: #23262d; }
.pdesc_tip.pdesc_dn::after{ top: auto; bottom: 100%; border-width: 0 7px 7px; border-color: transparent transparent #23262d; }
.pdesc_on{ opacity: 1; visibility: visible; }
/* Компьютер: себеттегі тауар карточкасы (саны бар белгі), телефондағыдай */
body:not(.posm) .hup_rcbi{ position: relative; }
body:not(.posm) .hup_rcbi.cb_in{ border-color: #0EA768; background: #f6fcf9; }
body:not(.posm) .hup_rcbi.cb_in > div:last-child{ color: #0EA768; }
body:not(.posm) .hup_rcbi.cb_in::after{ content: attr(data-cbq); position: absolute; top: -7px; right: -6px; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px; background: #0EA768; color: #fff; font-size: 13px; font-weight: 800; line-height: 1; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; pointer-events: none; z-index: 2; }
/* Каталогтың соңғы қатары экран шетіне жабысып қалмасын (2026-11-03) */
body:not(.posm) .hup_bl{ padding-bottom: 28px; }
body:not(.posm) .hup_r > div:last-child .hup_rcb, body:not(.posm) .hup_rcb{ padding-bottom: 14px; }