.gc-mobile-bottom-nav,
			.gc-mobile-more,
			.gc-mobile-more-backdrop {
				display: none;
			}

			@media (max-width: 921px) {
				:root {
					--gc-nav-green: #0d302b;
					--gc-nav-gold: #d7b56d;
					--gc-nav-gold-deep: #bd8d32;
					--gc-nav-surface: rgba(255, 255, 255, 0.965);
					--gc-bottom-nav-height: 68px;
					--gc-bottom-nav-row: 58px;
				}

				body,
				body.woocommerce-shop,
				body.post-type-archive-product {
					padding-bottom: calc(var(--gc-bottom-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
				}

				/*
				 * Pôvodné ovládače zostávajú v stránke pre funkciu katalógu,
				 * vizuálne ich však nahrádza samostatná päťprvková lišta.
				 */
				#ast-mobile-header .menu-toggle,
				#ast-mobile-header .ast-header-woo-cart,
				#ast-mobile-header .ast-header-account,
				.gc-mobile-home-link {
					opacity: 0 !important;
					pointer-events: none !important;
					visibility: hidden !important;
				}

				.gc-mobile-bottom-nav {
					position: fixed !important;
					left: 12px !important;
					right: 12px !important;
					bottom: 0 !important;
					z-index: 2147483400 !important;
					box-sizing: border-box !important;
					height: calc(var(--gc-bottom-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
					min-height: 0 !important;
					max-height: calc(var(--gc-bottom-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
					padding: 3px 5px max(6px, env(safe-area-inset-bottom, 0px)) !important;
					display: grid !important;
					grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
					grid-template-rows: var(--gc-bottom-nav-row) !important;
					align-items: start !important;
					background:
						linear-gradient(145deg, rgba(255, 255, 255, 0.985), rgba(248, 248, 245, 0.94)) !important;
					border: 1px solid rgba(13, 48, 43, 0.10) !important;
					border-radius: 28px 28px 0 0 !important;
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.98),
						0 14px 36px rgba(13, 48, 43, 0.16) !important;
					-webkit-backdrop-filter: saturate(120%) blur(16px);
					backdrop-filter: saturate(120%) blur(16px);
					font-family: inherit !important;
					overflow: visible !important;
					transform: none !important;
					-webkit-transform: none !important;
				}

				/* Packeta a GravCraft Studio: počas prekrytia mobilnú lištu skry. */
				html:has(iframe#packeta-widget) .gc-mobile-bottom-nav,
				html:has(iframe#packeta-widget) .gc-mobile-more,
				html:has(iframe#packeta-widget) .gc-mobile-more-backdrop,
				body.gcstudio-modal-open .gc-mobile-bottom-nav,
				body.gcstudio-modal-open .gc-mobile-more,
				body.gcstudio-modal-open .gc-mobile-more-backdrop {
					opacity: 0 !important;
					visibility: hidden !important;
					pointer-events: none !important;
				}

				.gc-mobile-bottom-nav__item {
					position: relative !important;
					box-sizing: border-box !important;
					min-width: 0 !important;
					height: var(--gc-bottom-nav-row) !important;
					min-height: 0 !important;
					margin: 0 !important;
					padding: 2px 1px !important;
					display: flex !important;
					flex-direction: column !important;
					align-items: center !important;
					justify-content: center !important;
					align-self: start !important;
					gap: 4px !important;
					background: transparent !important;
					border: 0 !important;
					border-radius: 18px !important;
					box-shadow: none !important;
					color: var(--gc-nav-green) !important;
					font: inherit !important;
					line-height: 1 !important;
					text-align: center !important;
					text-decoration: none !important;
					-webkit-tap-highlight-color: transparent !important;
					transition:
						transform 150ms ease,
						background-color 150ms ease,
						color 150ms ease !important;
				}

				.gc-mobile-bottom-nav__item:active {
					transform: translateY(1px) scale(0.96) !important;
					background: rgba(215, 181, 109, 0.13) !important;
				}

				.gc-mobile-bottom-nav__icon {
					width: 29px !important;
					height: 29px !important;
					display: grid !important;
					place-items: center !important;
					color: currentColor !important;
				}

				.gc-mobile-bottom-nav__icon svg {
					width: 29px !important;
					height: 29px !important;
					display: block !important;
					fill: none !important;
					stroke: currentColor !important;
					stroke-width: 2.25 !important;
					stroke-linecap: round !important;
					stroke-linejoin: round !important;
					filter: drop-shadow(0 2px 3px rgba(13, 48, 43, 0.10));
				}

				.gc-mobile-bottom-nav__item--more circle {
					fill: currentColor !important;
					stroke: none !important;
				}

				.gc-mobile-bottom-nav__label {
					display: block !important;
					max-width: 100% !important;
					color: currentColor !important;
					font-size: clamp(10px, 2.65vw, 11.5px) !important;
					font-weight: 800 !important;
					letter-spacing: -0.01em !important;
					line-height: 1.05 !important;
					white-space: nowrap !important;
				}

				.gc-mobile-bottom-nav__item--cart {
					height: var(--gc-bottom-nav-row) !important;
					min-height: 0 !important;
					padding: 39px 1px 2px !important;
					justify-content: flex-start !important;
					transform: none !important;
					color: var(--gc-nav-gold-deep) !important;
					z-index: 4 !important;
					overflow: visible !important;
					transition: none !important;
					animation: none !important;
					will-change: auto !important;
				}

				.gc-mobile-bottom-nav__item--cart:active {
					transform: none !important;
					background: transparent !important;
				}

				.gc-mobile-bottom-nav__cart-orb {
					position: absolute !important;
					top: -25px !important;
					left: calc(50% - 32px) !important;
					transform: none !important;
					z-index: 2 !important;
					box-sizing: border-box !important;
					width: 64px !important;
					height: 64px !important;
					flex: 0 0 64px !important;
					display: grid !important;
					place-items: center !important;
					background:
						radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.46), transparent 38%),
						linear-gradient(145deg, #e6c36d, #d2a747) !important;
					border: 6px solid rgba(255, 255, 255, 0.98) !important;
					border-radius: 999px !important;
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.56),
						0 0 0 2px rgba(255, 255, 255, 0.36),
						0 8px 20px rgba(13, 48, 43, 0.20),
						0 0 0 1px rgba(181, 138, 57, 0.10) !important;
					transition: none !important;
					animation: none !important;
					will-change: auto !important;
					color: var(--gc-nav-green) !important;
				}

				/* Keep the glass-gold cart orb stable in every mobile link state. */
				.gc-mobile-bottom-nav__item--cart:link .gc-mobile-bottom-nav__cart-orb,
				.gc-mobile-bottom-nav__item--cart:visited .gc-mobile-bottom-nav__cart-orb,
				.gc-mobile-bottom-nav__item--cart:hover .gc-mobile-bottom-nav__cart-orb,
				.gc-mobile-bottom-nav__item--cart:focus .gc-mobile-bottom-nav__cart-orb,
				.gc-mobile-bottom-nav__item--cart:focus-visible .gc-mobile-bottom-nav__cart-orb,
				.gc-mobile-bottom-nav__item--cart:active .gc-mobile-bottom-nav__cart-orb {
					background:
						radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.46), transparent 38%),
						linear-gradient(145deg, #e6c36d, #d2a747) !important;
					border-color: rgba(255, 255, 255, 0.98) !important;
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.56),
						0 0 0 2px rgba(255, 255, 255, 0.36),
						0 8px 20px rgba(13, 48, 43, 0.20),
						0 0 0 1px rgba(181, 138, 57, 0.10) !important;
					transition: none !important;
					animation: none !important;
					color: var(--gc-nav-green) !important;
				}

				.gc-mobile-bottom-nav__cart-orb::before {
					content: "" !important;
					position: absolute !important;
					inset: -8px !important;
					z-index: -1 !important;
					background: transparent !important;
					border: 0 !important;
					border-radius: 999px !important;
					box-shadow: none !important;
				}

				.gc-mobile-bottom-nav__item--cart .gc-mobile-bottom-nav__icon,
				.gc-mobile-bottom-nav__item--cart .gc-mobile-bottom-nav__icon svg {
					width: 35px !important;
					height: 35px !important;
					filter: none !important;
					transition: none !important;
					animation: none !important;
					transform: none !important;
					will-change: auto !important;
				}

				.gc-mobile-bottom-nav__item--cart .gc-mobile-bottom-nav__label {
					margin-top: 3px !important;
					color: var(--gc-nav-gold-deep) !important;
				}

				.gc-mobile-bottom-nav__badge {
					position: absolute !important;
					top: -5px !important;
					right: -5px !important;
					z-index: 3 !important;
					min-width: 23px !important;
					height: 23px !important;
					padding: 0 6px !important;
					display: none !important;
					align-items: center !important;
					justify-content: center !important;
					background: var(--gc-nav-green) !important;
					border: 2px solid #ffffff !important;
					border-radius: 999px !important;
					box-shadow: 0 3px 8px rgba(13, 48, 43, 0.22) !important;
					color: #ffffff !important;
					font-size: 11px !important;
					font-weight: 900 !important;
					line-height: 1 !important;
				}

				.gc-mobile-bottom-nav__badge.has-items {
					display: inline-flex !important;
				}

				.gc-mobile-bottom-nav__item[aria-expanded="true"] {
					color: var(--gc-nav-gold-deep) !important;
				}

				.gc-mobile-bottom-nav__item[aria-expanded="true"]::after {
					content: "" !important;
					position: absolute !important;
					left: 50% !important;
					bottom: -2px !important;
					width: 22px !important;
					height: 3px !important;
					background: var(--gc-nav-gold) !important;
					border-radius: 999px !important;
					transform: translateX(-50%) !important;
				}

				.gc-mobile-more-backdrop {
					position: fixed !important;
					inset: 0 !important;
					z-index: 2147483390 !important;
					display: block !important;
					background: rgba(7, 30, 26, 0.30) !important;
					opacity: 0 !important;
					pointer-events: none !important;
					-webkit-backdrop-filter: blur(3px);
					backdrop-filter: blur(3px);
					transition: opacity 180ms ease !important;
				}

				.gc-mobile-more {
					position: fixed !important;
					left: 12px !important;
					right: 12px !important;
					bottom: calc(var(--gc-bottom-nav-height) + env(safe-area-inset-bottom, 0px) + 7px) !important;
					z-index: 2147483395 !important;
					max-height: min(62vh, 440px) !important;
					padding: 16px !important;
					display: block !important;
					background:
						linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(247, 247, 243, 0.97)) !important;
					border: 1px solid rgba(13, 48, 43, 0.10) !important;
					border-radius: 22px !important;
					box-shadow: 0 20px 48px rgba(13, 48, 43, 0.20) !important;
					opacity: 0 !important;
					overflow: auto !important;
					pointer-events: none !important;
					transform: translateY(18px) scale(0.98) !important;
					transform-origin: bottom center !important;
					transition:
						opacity 180ms ease,
						transform 180ms ease !important;
				}

				body.gc-mobile-more-open {
					overflow: hidden !important;
				}

				body.gc-mobile-more-open .gc-mobile-more-backdrop {
					opacity: 1 !important;
					pointer-events: auto !important;
				}

				body.gc-mobile-more-open .gc-mobile-more {
					opacity: 1 !important;
					pointer-events: auto !important;
					transform: translateY(0) scale(1) !important;
				}

				.gc-mobile-more__header {
					display: flex !important;
					align-items: center !important;
					justify-content: space-between !important;
					gap: 12px !important;
					margin-bottom: 12px !important;
				}

				.gc-mobile-more__title {
					margin: 0 !important;
					color: var(--gc-nav-green) !important;
					font-size: 18px !important;
					font-weight: 850 !important;
				}

				.gc-mobile-more__close {
					width: 38px !important;
					height: 38px !important;
					padding: 0 !important;
					display: grid !important;
					place-items: center !important;
					background: #f1f3ef !important;
					border: 1px solid rgba(13, 48, 43, 0.10) !important;
					border-radius: 12px !important;
					box-shadow: none !important;
					color: var(--gc-nav-green) !important;
					font-size: 24px !important;
					line-height: 1 !important;
				}

				.gc-mobile-more__links {
					display: grid !important;
					gap: 8px !important;
				}

				.gc-mobile-more__link {
					min-height: 48px !important;
					padding: 10px 13px !important;
					display: flex !important;
					align-items: center !important;
					justify-content: space-between !important;
					gap: 12px !important;
					background: rgba(255, 255, 255, 0.82) !important;
					border: 1px solid rgba(13, 48, 43, 0.10) !important;
					border-radius: 14px !important;
					box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
					color: var(--gc-nav-green) !important;
					font-size: 14px !important;
					font-weight: 750 !important;
					text-decoration: none !important;
				}

				.gc-mobile-more__link::after {
					content: "›" !important;
					color: var(--gc-nav-gold-deep) !important;
					font-size: 22px !important;
					line-height: 1 !important;
				}
			}


				#ast-mobile-header .ast-above-header-bar .ast-builder-grid-row {
					position: relative !important;
				}

				.gc-mobile-welcome-top {
					position: absolute !important;
					top: 50% !important;
					right: 12px !important;
					z-index: 4 !important;
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					max-width: 120px !important;
					padding: 7px 9px !important;
					transform: translateY(-50%) !important;
					border: 1px solid rgba(213, 179, 87, 0.55) !important;
					border-radius: 999px !important;
					background: rgba(251, 248, 241, 0.96) !important;
					box-shadow: 0 6px 16px rgba(11, 60, 51, 0.10) !important;
					color: var(--gc-nav-green) !important;
					font-size: 10.5px !important;
					font-weight: 800 !important;
					line-height: 1.15 !important;
					text-align: center !important;
					text-decoration: none !important;
					white-space: nowrap !important;
				}

				.gc-mobile-welcome-top:focus-visible {
					outline: 2px solid var(--gc-nav-gold-deep) !important;
					outline-offset: 2px !important;
				}

			@media (max-width: 360px) {
				.gc-mobile-bottom-nav {
					left: 6px !important;
					right: 6px !important;
				}

				.gc-mobile-bottom-nav__label {
					font-size: 9.5px !important;
				}

				.gc-mobile-bottom-nav__cart-orb {
					width: 60px !important;
					height: 60px !important;
					flex-basis: 60px !important;
					left: calc(50% - 30px) !important;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				.gc-mobile-bottom-nav__item,
				.gc-mobile-more,
				.gc-mobile-more-backdrop {
					transition: none !important;
				}
			}