.ahan-mobile-bottom-nav {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	display: none;
	grid-template-columns: 110px repeat(3, minmax(0, 1fr));
	gap: 0;
	padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--ahan-color-border);
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.10);
	font-family: var(--ahan-font-family);
}

.ahan-mobile-bottom-nav__more-menu {
	position: absolute;
	right: max(10px, env(safe-area-inset-right));
	bottom: calc(100% + 10px);
	display: grid;
	width: min(300px, calc(100vw - 20px));
	padding: 8px;
	border: 1px solid var(--ahan-color-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
	z-index: 1;
}

.ahan-mobile-bottom-nav__more-menu[hidden] {
	display: none;
}

.ahan-mobile-bottom-nav__more-link {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 10px 12px;
	border-radius: 6px;
	color: var(--ahan-color-text);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none;
}

.ahan-mobile-bottom-nav__more-link:hover,
.ahan-mobile-bottom-nav__more-link:focus-visible {
	background: #edf5ff;
	color: var(--ahan-color-brand-blue);
	outline: none;
}

.ahan-mobile-bottom-nav__item {
	appearance: none;
	border: 0;
	background: transparent;
	display: grid;
	place-items: center;
	gap: 2px;
	min-width: 0;
	min-height: 54px;
	color: var(--ahan-color-text-muted);
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
}

.ahan-mobile-bottom-nav__label {
	display: block;
	min-width: 0;
}

.ahan-mobile-bottom-nav__item.is-active {
	color: var(--ahan-color-brand-blue);
}

.ahan-mobile-bottom-nav__item.is-open {
	color: var(--ahan-color-brand-blue);
}

.ahan-mobile-bottom-nav__item.is-featured {
	grid-template-columns: 23px minmax(0, max-content);
	place-content: center;
	place-items: center start;
	column-gap: 7px;
	border-radius: 8px;
	background: var(--ahan-color-brand-blue);
	color: #fff;
}

.ahan-mobile-bottom-nav__item.is-featured .ahan-mobile-bottom-nav__label {
	display: grid;
	gap: 1px;
	min-width: 0;
	line-height: 1;
	text-align: left;
}

.ahan-mobile-bottom-nav__item.is-featured .ahan-mobile-bottom-nav__label-line {
	display: block;
	white-space: nowrap;
}

.ahan-mobile-bottom-nav__item.is-featured .ahan-mobile-bottom-nav__label-line--primary {
	font-size: 0.78rem;
	font-weight: 800;
}

.ahan-mobile-bottom-nav__item.is-featured .ahan-mobile-bottom-nav__label-line--secondary {
	font-size: 0.58rem;
	font-weight: 600;
}

.ahan-mobile-bottom-nav__icon {
	position: relative;
	display: block;
	width: 22px;
	height: 22px;
}

.ahan-mobile-bottom-nav__icon strong {
	position: absolute;
	top: -8px;
	right: -8px;
	display: inline-grid;
	place-items: center;
	min-width: 19px;
	height: 19px;
	border-radius: 999px;
	background: var(--ahan-color-brand-blue);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
}

.ahan-mobile-bottom-nav__item.is-featured .ahan-mobile-bottom-nav__icon strong {
	background: #fff;
	color: var(--ahan-color-brand-blue);
}

.ahan-mobile-bottom-nav__icon::before,
.ahan-mobile-bottom-nav__icon::after {
	position: absolute;
	content: "";
	box-sizing: border-box;
}

.ahan-mobile-bottom-nav__icon--search::before {
	top: 2px;
	left: 2px;
	width: 13px;
	height: 13px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.ahan-mobile-bottom-nav__icon--search::after {
	right: 3px;
	bottom: 3px;
	width: 8px;
	height: 2px;
	background: currentColor;
	transform: rotate(45deg);
	transform-origin: center;
}

.ahan-mobile-bottom-nav__icon--grid::before {
	inset: 3px;
	border: 2px solid currentColor;
	border-radius: 4px;
	box-shadow: 7px 0 0 -4px currentColor, 0 7px 0 -4px currentColor, 7px 7px 0 -4px currentColor;
}

.ahan-mobile-bottom-nav__icon--table {
	width: 23px;
	height: 23px;
}

.ahan-mobile-bottom-nav__icon--table::before {
	inset: 2px;
	border: 2px solid currentColor;
	border-radius: 4px;
}

.ahan-mobile-bottom-nav__icon--table::after {
	top: 8px;
	bottom: 8px;
	left: 2px;
	width: 19px;
	border-top: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	background: linear-gradient(
		to right,
		transparent 0,
		transparent 5px,
		currentColor 5px,
		currentColor 7px,
		transparent 7px,
		transparent 12px,
		currentColor 12px,
		currentColor 14px,
		transparent 14px
	);
}

.ahan-mobile-bottom-nav__icon--cart::before {
	top: 6px;
	left: 3px;
	width: 15px;
	height: 10px;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 0 0 4px 4px;
}

.ahan-mobile-bottom-nav__icon--cart::after {
	top: 2px;
	left: 6px;
	width: 9px;
	height: 6px;
	border: 2px solid currentColor;
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
}

.ahan-mobile-bottom-nav__icon--user::before {
	top: 2px;
	left: 7px;
	width: 8px;
	height: 8px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.ahan-mobile-bottom-nav__icon--user::after {
	right: 3px;
	bottom: 2px;
	left: 3px;
	height: 9px;
	border: 2px solid currentColor;
	border-radius: 10px 10px 3px 3px;
}

.ahan-mobile-bottom-nav__icon--more::before {
	top: 9px;
	left: 2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 7px 0 0 currentColor, 14px 0 0 currentColor;
}

@media (max-width: 767px) {
	.ahan-mobile-bottom-nav {
		display: grid;
		grid-template-columns: 110px repeat(3, minmax(0, 1fr));
		padding-inline: 6px;
	}
}

@media (min-width: 480px) and (max-width: 520px) {
	.ahan-mobile-bottom-nav {
		right: auto;
		width: 360px;
	}
}