/* TKD Market UX */

/* Aktif sekme (tüm ekranlar) */
.tkdux-nav a.tkdux-active,
.tkdux-nav a.tkdux-active:hover,
.tkdux-nav a.tkdux-active:focus {
	background: var(--tkdux-accent) !important;
	color: #fff !important;
	border-color: var(--tkdux-accent) !important;
	box-shadow: inset 0 -4px 0 var(--tkdux-line) !important;
	font-weight: 700;
}
.tkdux-nav a { transition: background .2s, box-shadow .2s, color .2s; }

.tkdux-ph { display: none; }

/* Mobil: 2x2 grid + sabit menü */
@media (max-width: 767px) {
	.tkdux-nav {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		padding: 8px;
		box-sizing: border-box;
		background: #fff;
	}
	.tkdux-nav > * {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.tkdux-nav a {
		display: block !important;
		width: 100% !important;
		text-align: center;
		box-sizing: border-box;
		padding: 10px 6px !important;
		font-size: 14px !important;
		line-height: 1.25 !important;
	}
	.tkdux-nav.tkdux-fixed {
		position: fixed !important;
		left: 0;
		right: 0;
		width: auto !important;
		z-index: 9990;
		gap: 6px;
		padding: 6px 8px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
	}
}