/* AEO·GEO 페이지 전용 하단 플로팅 네비 (Figma: fixed_nav)
   - nav는 smooth-wrapper(page-aeo-geo) 밖 fixed 배치 */
.ago-floating-nav {
	position: fixed;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	z-index: 950;
	width: auto;
  max-width: calc(100% - 140px);
	box-sizing: border-box;
	pointer-events: none;
}

.ago-floating-nav__track {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 80px;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	pointer-events: auto;
}

.ago-floating-nav__track::-webkit-scrollbar {
	display: none;
}

.ago-floating-nav__link {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 60px;
	background-color: #ffffff;
	color: #000000;
	font-family: "Paperlogy", "GmarketSans", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.8px;
	text-decoration: none;
	white-space: nowrap;
	word-break: keep-all;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.ago-floating-nav__link:hover,
.ago-floating-nav__link:focus-visible {
	opacity: 0.82;
}

.ago-floating-nav__link:focus-visible {
	outline: 2px solid #e5ff48;
	outline-offset: 2px;
}

.ago-floating-nav__link.ago-is-active {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

@media screen and (min-width: 769px) {
	.ago-floating-nav__track {
		justify-content: center;
	}
}

@media screen and (max-width: 768px) {
	.ago-floating-nav__track {
		justify-content: flex-start;
		padding: 8px;
	}

	.ago-floating-nav__link {
		padding: 10px 18px;
		font-size: 14px;
	}
}

.consult-modal.is-open ~ .ago-floating-nav,
body.ago-is-done .ago-floating-nav {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Swiper — nav width/position 변경 없음 */
.ago-floating-nav__track.swiper-container {
	overflow: hidden;
}

.ago-floating-nav__track .swiper-wrapper {
	align-items: center;
}

.ago-floating-nav__track:not(.swiper-container-initialized) .swiper-wrapper {
	display: flex;
	gap: 6px;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.ago-floating-nav__track:not(.swiper-container-initialized) .swiper-wrapper {
		justify-content: flex-start;
	}
}

.ago-floating-nav__link.swiper-slide {
	width: auto;
	height: auto;
	flex-shrink: 0;
	-webkit-user-drag: none;
	user-select: none;
	-webkit-user-select: none;
}

.ago-floating-nav__track.swiper-container-initialized {
	touch-action: pan-x pinch-zoom;
	cursor: grab;
}

.ago-floating-nav__track.swiper-container-initialized.swiper-container-grabbing {
	cursor: grabbing;
}