/* Tesbih Sepetim — mobil gezinme: alt sekme çubuğu + tam ekran kategori gezgini (yalnızca ≤960px) */
.ts-tabbar, .ts-mnav { display: none; }

@media (max-width: 960px) {
	/* Header mobilde sabit değil: ekranı doldurmasın */
	.ts-header { position: relative; }
	/* Eski yandan açılan menü mobilde kullanılmıyor */
	.ts-primary-nav { display: none !important; }
	.ts-nav-backdrop { display: none !important; }

	/* ---------------------------------------------------------------- Alt sekme çubuğu */
	.ts-tabbar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 300; display: grid; grid-template-columns: repeat(5, 1fr);
		padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); background: rgba(255,255,255,.97);
		border-top: 1px solid var(--ts-border); box-shadow: 0 -4px 18px rgba(20,17,12,.06);
		-webkit-backdrop-filter: saturate(1.4) blur(8px); backdrop-filter: saturate(1.4) blur(8px);
	}
	.ts-tabbar a, .ts-tabbar button {
		position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		min-height: 48px; padding: 0; border: 0; background: none; color: var(--ts-ink-soft); font: 600 10.5px/1.1 var(--ts-font-sans); text-decoration: none; cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.ts-tabbar a.is-active, .ts-tabbar button.is-active { color: var(--ts-patina); }
	.ts-tabbar a.is-active::before { content: ""; position: absolute; top: -6px; left: 30%; right: 30%; height: 3px; border-radius: 0 0 3px 3px; background: var(--ts-patina); }
	.ts-tabbar svg { width: 23px; height: 23px; }
	.ts-tabbar__badge {
		position: absolute; top: 2px; left: calc(50% + 4px); min-width: 17px; height: 17px; padding: 0 4px; border-radius: 99px;
		background: var(--ts-brass); color: #fff; font: 800 10px/17px var(--ts-font-sans); font-style: normal; text-align: center;
	}
	.ts-tabbar__badge[hidden] { display: none; }
	body:has(.ts-tabbar) { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	body:has(.ts-tabbar) .ts-whatsapp-btn { bottom: calc(76px + env(safe-area-inset-bottom)); }
	body:has(.ts-tabbar) .ts-fbar { bottom: calc(76px + env(safe-area-inset-bottom)); }

	/* ---------------------------------------------------------------- Tam ekran kategori gezgini */
	.ts-mnav {
		position: fixed; inset: 0; z-index: 500; display: flex; flex-direction: column; background: var(--ts-bg, #f7f3ea);
		transform: translateY(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); visibility: hidden;
	}
	.ts-mnav[hidden] { display: flex; }
	.ts-mnav.is-open { transform: none; visibility: visible; }
	.ts-mnav__head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; }
	.ts-mnav__head strong { font-family: var(--ts-font-serif); font-size: 1.35rem; color: var(--ts-ink); }
	.ts-mnav__close { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--ts-surface); color: var(--ts-ink); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
	.ts-mnav__search { position: relative; margin: 0 16px 12px; }
	.ts-mnav__search svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ts-ink-faint); pointer-events: none; }
	.ts-mnav__search input { width: 100%; height: 48px; padding: 0 16px 0 44px; border: 1px solid var(--ts-border); border-radius: 14px; background: var(--ts-surface); font-size: 16px; color: var(--ts-ink); }
	.ts-mnav__search input:focus { outline: 2px solid var(--ts-patina); outline-offset: 0; border-color: transparent; }
	.ts-mnav__body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 16px calc(24px + env(safe-area-inset-bottom)); }
	.ts-mnav__quick { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 12px; scrollbar-width: none; }
	.ts-mnav__quick::-webkit-scrollbar { display: none; }
	.ts-mnav__quick a { flex: none; padding: 9px 14px; border-radius: 99px; background: var(--ts-surface); border: 1px solid var(--ts-border); font-size: .84rem; font-weight: 700; color: var(--ts-ink); }
	.ts-mnav__quick a.is-sale { color: var(--ts-danger, #b3261e); border-color: rgba(179,38,30,.25); }

	.ts-mnav__panels { position: relative; }
	.ts-mnav__panel { animation: ts-mnav-in .25s ease both; }
	.ts-mnav__panel.is-back { animation-name: ts-mnav-back; }
	@keyframes ts-mnav-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
	@keyframes ts-mnav-back { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }

	.ts-mnav__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.ts-mnav__tile {
		display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 10px 12px; text-align: center;
		background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: 16px; color: var(--ts-ink); text-decoration: none;
	}
	.ts-mnav__tile img, .ts-mnav__tile .ts-mnav__ph { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--ts-patina-tint); }
	.ts-mnav__tile b { margin-top: 6px; font-size: .92rem; line-height: 1.2; }
	.ts-mnav__tile small, .ts-mnav__list small, .ts-mnav__all small { font-size: .72rem; color: var(--ts-ink-faint); font-weight: 500; }
	.ts-mnav__tile:active, .ts-mnav__list a:active { transform: scale(.98); }
	.ts-mnav__ph { display: grid; place-items: center; font-family: var(--ts-font-serif); font-size: 1.6rem; color: var(--ts-patina); }

	.ts-mnav__back { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 0 12px; border: 0; background: none; color: var(--ts-ink); font: 700 1.05rem var(--ts-font-serif); text-align: left; }
	.ts-mnav__back svg { width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--ts-surface); }
	.ts-mnav__all { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; margin-bottom: 8px; border-radius: 14px; background: var(--ts-patina); color: #fff; font-weight: 700; text-decoration: none; }
	.ts-mnav__all small { color: rgba(255,255,255,.75); }
	.ts-mnav__list { list-style: none; margin: 0; padding: 0; background: var(--ts-surface); border: 1px solid var(--ts-border); border-radius: 16px; overflow: hidden; }
	.ts-mnav__list li + li { border-top: 1px solid var(--ts-border); }
	.ts-mnav__list a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; color: var(--ts-ink); text-decoration: none; }
	.ts-mnav__list img, .ts-mnav__list .ts-mnav__ph { flex: none; width: 46px; height: 46px; border-radius: 12px; object-fit: cover; background: var(--ts-patina-tint); font-size: 1.1rem; }
	.ts-mnav__list span { flex: 1; min-width: 0; }
	.ts-mnav__list b { display: block; font-size: .92rem; }
	.ts-mnav__list a > svg { color: var(--ts-ink-faint); }

	.ts-mnav__links { display: grid; gap: 8px; margin-top: 16px; }
	.ts-mnav__links a { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-radius: 14px; background: var(--ts-surface); border: 1px solid var(--ts-border); color: var(--ts-ink); font-weight: 600; text-decoration: none; }
	.ts-mnav__links svg { color: var(--ts-patina); }
	.ts-mnav__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
	.ts-mnav__contact a { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 14px; background: var(--ts-surface); border: 1px solid var(--ts-border); color: var(--ts-ink); font-weight: 700; font-size: .88rem; text-decoration: none; }
	.ts-mnav__contact a.is-wa { background: #25d366; border-color: #25d366; color: #fff; }
	html.ts-mnav-lock, html.ts-mnav-lock body { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
	.ts-mnav, .ts-mnav__panel { transition: none; animation: none; }
}

/* Mobil menü: hediye bulucu + özel günler */
.ts-mnav__quick a.is-gift { background: linear-gradient(135deg, #fbe7b8, #f3cf7c); color: #7a4a12; border-color: transparent; }
.ts-mnav__occ { padding: 4px 16px 12px; }
.ts-mnav__occ > b { display: block; margin-bottom: 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--ts-muted, #8a8577); }
.ts-mnav__occ > div { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ts-mnav__occ > div::-webkit-scrollbar { display: none; }
.ts-mnav__occ a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 99px; border: 1px solid var(--ts-border, #e4ddcf); background: #fff; color: var(--ts-ink); font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.ts-mnav__occ a svg { color: var(--c); }