
			.gc-mobile-scroll-indicator {
				display: none;
			}

			@media (max-width: 921px) {
				/*
				 * Staršie mobilné CSS vytváralo pod navigáciou samostatnú
				 * pevnú plochu cez #masthead::before. Po znížení novej lišty
				 * sa táto plocha odkryla ako biely pseudo-pás.
				 */
				#masthead::before {
					content: none !important;
					width: 0 !important;
					height: 0 !important;
					display: none !important;
					background: transparent !important;
					border: 0 !important;
					box-shadow: none !important;
					pointer-events: none !important;
				}

				/*
				 * Jednotný krémový podklad stránky a mobilnej hlavičky.
				 * Štruktúrne obaly Astry musia dostať aj vlastnosť background,
				 * pretože niektoré z nich používajú pôvodný biely gradient.
				 */
				html,
				body {
					background-color: #FBF8F4 !important;
				}

				body {
					padding-bottom: calc(var(--gc-bottom-nav-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
				}

				/*
				 * Staršie doplnkové CSS dávalo celej mobilnej hlavičke vrstvu 99999.
				 * Držíme ju nad obsahom, ale pod prihlasovacím dialógom (1400).
				 */
				#masthead.site-header {
					z-index: 1000 !important;
				}

				#masthead.site-header,
				#ast-mobile-header,
				#ast-mobile-header .ast-main-header-wrap,
				#ast-mobile-header .ast-primary-header-bar,
				#ast-mobile-header .site-primary-header-wrap,
				#ast-mobile-header .ast-builder-grid-row-container,
				#ast-mobile-header .ast-builder-grid-row,
				#ast-mobile-header .ast-mobile-header-wrap,
				#ast-mobile-header .ast-mobile-header-content,
				#ast-mobile-header .ast-below-header-wrap,
				#ast-mobile-header .ast-below-header-bar {
					background: #FBF8F4 !important;
					background-color: #FBF8F4 !important;
				}

				.gc-mobile-bottom-nav {
					--gc-nav-surface: #ffffff !important;
					position: fixed !important;
					left: 0 !important;
					right: 0 !important;
					bottom: 0 !important;
					width: 100% !important;
					height: calc(var(--gc-bottom-nav-height, 68px) + env(safe-area-inset-bottom, 0px)) !important;
					min-height: 0 !important;
					box-sizing: border-box !important;
					padding: 3px 5px max(6px, env(safe-area-inset-bottom, 0px)) !important;
					background: #ffffff !important;
					background-color: #ffffff !important;
					border-color: rgba(13, 48, 43, 0.10) !important;
					border-right-width: 0 !important;
					border-bottom-width: 0 !important;
					border-left-width: 0 !important;
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.94),
						0 14px 36px rgba(13, 48, 43, 0.14) !important;
				}

				/* Safe-area je súčasťou bieleho vnútorného paddingu navigácie. */
				.gc-mobile-bottom-nav::after {
					content: none !important;
					display: none !important;
				}

				.gc-mobile-bottom-nav__item {
					z-index: 2 !important;
				}

				/*
				 * Kompaktné prihlasovacie mini okno je centrované v priestore
				 * nad spodnou navigáciou. Dlhší obsah sa posúva iba vo vnútri.
				 */
				#ast-hb-account-login-wrap {
					position: fixed !important;
					inset: 0 0 calc(var(--gc-bottom-nav-height, 68px) + env(safe-area-inset-bottom, 0px)) 0 !important;
					width: auto !important;
					height: auto !important;
					min-height: 0 !important;
					padding: 14px !important;
					align-items: center !important;
					justify-content: center !important;
					overflow: hidden !important;
					z-index: 1400 !important;
				}

				#ast-hb-account-login-wrap .ast-hb-account-login-bg {
					position: absolute !important;
					inset: 0 !important;
					width: 100% !important;
					height: 100% !important;
				}

				#ast-hb-account-login-wrap .ast-hb-account-login {
					position: relative !important;
					inset: auto !important;
					top: auto !important;
					right: auto !important;
					bottom: auto !important;
					left: auto !important;
					width: min(410px, calc(100vw - 28px)) !important;
					max-width: 410px !important;
					max-height: 100% !important;
					margin: auto !important;
					padding: 0 !important;
					border: 1px solid rgba(189, 141, 50, 0.22) !important;
					border-radius: 22px !important;
					background:
						radial-gradient(
							circle at 50% 0%,
							rgba(255, 255, 255, 0.92),
							transparent 34%
						),
						#FBF8F4 !important;
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.96),
						0 22px 52px rgba(13, 48, 43, 0.22) !important;
					overflow-x: hidden !important;
					overflow-y: auto !important;
					overscroll-behavior: contain;
					transform: none !important;
					-webkit-overflow-scrolling: touch;
				}

				#ast-hb-account-login-wrap .ast-hb-login-body,
				#ast-hb-account-login-wrap .ast-hb-account-login-form {
					background: transparent !important;
				}

				#ast-hb-account-login-wrap .ast-hb-login-close {
					top: 10px !important;
					right: 10px !important;
					width: 32px !important;
					height: 32px !important;
					min-width: 32px !important;
					border-radius: 10px !important;
					background: rgba(251, 248, 244, 0.90) !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-brand {
					padding: 17px 18px 5px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-brand__link {
					min-height: 52px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-logo {
					max-width: 108px !important;
					max-height: 54px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-card {
					padding: 0 18px 17px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-title {
					margin-bottom: 5px !important;
					font-size: 22px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-subtitle {
					margin-bottom: 13px !important;
					font-size: 13px !important;
					line-height: 1.38 !important;
				}

				#ast-hb-account-login-wrap #loginform p {
					margin-bottom: 11px !important;
				}

				#ast-hb-account-login-wrap #loginform label {
					margin-bottom: 5px !important;
					font-size: 12.5px !important;
				}

				#ast-hb-account-login-wrap #loginform input.input,
				#ast-hb-account-login-wrap #loginform input[type="text"],
				#ast-hb-account-login-wrap #loginform input[type="password"] {
					min-height: 40px !important;
					padding-top: 8px !important;
					padding-bottom: 8px !important;
					background: rgba(255, 255, 255, 0.80) !important;
				}

				#ast-hb-account-login-wrap .gc-password-toggle {
					bottom: 4px !important;
				}

				#ast-hb-account-login-wrap .login-remember {
					margin: 0 0 11px !important;
				}

				#ast-hb-account-login-wrap #wp-submit,
				#ast-hb-account-login-wrap .login-submit .button {
					min-height: 42px !important;
					padding: 10px 14px !important;
				}

				#ast-hb-account-login-wrap .ast-hb-account-login-form-footer {
					margin-top: 7px !important;
					padding: 10px 12px 12px !important;
				}

				#ast-hb-account-login-wrap .gc-login-popup-register-label {
					margin-bottom: 6px !important;
					font-size: 12px !important;
				}

				#ast-hb-account-login-wrap .ast-header-account-footer-link {
					min-height: 38px !important;
					padding: 8px 12px !important;
					font-size: 13px !important;
				}

				#ast-hb-account-login-wrap
				.ast-header-account-footer-link
				.ast-header-account-register {
					pointer-events: none !important;
				}

				#ast-hb-account-login-wrap.gc-popup-registration-mode
				.ast-hb-account-login-form,
				#ast-hb-account-login-wrap.gc-popup-registration-mode
				.ast-hb-account-login-form-footer {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view {
					box-sizing: border-box !important;
					width: 100% !important;
					padding: 18px !important;
					display: block !important;
					background: transparent !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view[hidden] {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view__back {
					min-height: 34px !important;
					margin: 0 0 12px !important;
					padding: 7px 11px !important;
					display: inline-flex !important;
					align-items: center !important;
					gap: 7px !important;
					border: 1px solid rgba(13, 48, 43, 0.12) !important;
					border-radius: 999px !important;
					background: rgba(255, 255, 255, 0.70) !important;
					color: #0d302b !important;
					box-shadow: none !important;
					font-size: 12px !important;
					font-weight: 800 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view h2 {
					margin: 0 0 7px !important;
					color: #0d302b !important;
					font-size: 23px !important;
					line-height: 1.15 !important;
					font-weight: 900 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view__intro,
				#ast-hb-account-login-wrap .gc-modal-registration-view__loading,
				#ast-hb-account-login-wrap .gc-modal-registration-view__error {
					margin: 0 0 14px !important;
					color: #66756f !important;
					font-size: 13px !important;
					line-height: 1.4 !important;
				}

				#ast-hb-account-login-wrap .gc-password-manager-note {
					margin: 4px 0 12px !important;
					padding: 10px 12px !important;
					border-radius: 12px !important;
					background: rgba(215, 181, 109, 0.12) !important;
					color: #56645f !important;
					font-size: 12px !important;
					line-height: 1.45 !important;
					font-weight: 700 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view form.register {
					margin: 0 !important;
					padding: 0 !important;
					display: block !important;
					border: 0 !important;
					background: transparent !important;
					box-shadow: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view .form-row {
					box-sizing: border-box !important;
					width: 100% !important;
					margin: 0 0 11px !important;
					padding: 0 !important;
					float: none !important;
				}

				#ast-hb-account-login-wrap
				.gc-modal-registration-view
				.gc-register-trap {
					position: absolute !important;
					left: -9999px !important;
					width: 1px !important;
					height: 1px !important;
					margin: 0 !important;
					padding: 0 !important;
					display: none !important;
					overflow: hidden !important;
					opacity: 0 !important;
					pointer-events: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view .clear {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view label {
					margin: 0 0 5px !important;
					display: block !important;
					color: #17211f !important;
					font-size: 12.5px !important;
					line-height: 1.3 !important;
					font-weight: 700 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view input.input-text,
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="email"],
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="text"],
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="password"] {
					box-sizing: border-box !important;
					width: 100% !important;
					min-height: 40px !important;
					padding: 8px 11px !important;
					border: 1px solid rgba(13, 48, 43, 0.18) !important;
					border-radius: 9px !important;
					background: rgba(255, 255, 255, 0.82) !important;
					color: #17211f !important;
					box-shadow: none !important;
					font-size: 14px !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view
				button[name="register"],
				#ast-hb-account-login-wrap .gc-modal-registration-view
				.woocommerce-form-register__submit {
					width: 100% !important;
					min-height: 42px !important;
					margin: 3px 0 0 !important;
					padding: 10px 14px !important;
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					border: 1px solid rgba(215, 181, 109, 0.55) !important;
					border-radius: 10px !important;
					background: #0d302b !important;
					color: #ffffff !important;
					box-shadow: 0 10px 20px rgba(13, 48, 43, 0.17) !important;
					font-size: 14px !important;
					font-weight: 900 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view
				.gc-register-note,
				#ast-hb-account-login-wrap .gc-modal-registration-view
				.gc-register-privacy {
					margin: 0 0 11px !important;
					padding: 9px 11px !important;
					border-radius: 10px !important;
					background: rgba(215, 181, 109, 0.12) !important;
					color: #53635e !important;
					font-size: 11.5px !important;
					line-height: 1.4 !important;
				}

				/*
				 * iOS systémový posuvník schováva. Tento indikátor zostáva viditeľný
				 * a jeho zlatý jazdec sa pohybuje spolu s obsahom.
				 */
				.gc-mobile-scroll-indicator {
					box-sizing: border-box;
					width: calc(100% - 24px);
					height: 7px;
					margin: 9px 12px 2px;
					padding: 1px;
					display: block;
					overflow: hidden;
					border: 1px solid rgba(13, 48, 43, 0.09);
					border-radius: 999px;
					background: rgba(13, 48, 43, 0.075);
					box-shadow: inset 0 1px 2px rgba(13, 48, 43, 0.06);
				}

				.gc-mobile-scroll-indicator[hidden] {
					display: none !important;
				}

				.gc-mobile-scroll-indicator__thumb {
					width: 34%;
					height: 100%;
					display: block;
					border-radius: inherit;
					background:
						linear-gradient(
							90deg,
							#c99939 0%,
							#e7c875 45%,
							#c99939 100%
						);
					box-shadow:
						inset 0 1px 0 rgba(255, 255, 255, 0.56),
						0 1px 3px rgba(13, 48, 43, 0.14);
					transform: translate3d(0, 0, 0);
					transition: transform 70ms linear;
					will-change: transform;
				}

				/* Horné mobilné menu zákazníckej zóny. */
				body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
					min-width: 0 !important;
					overflow: hidden !important;
				}

				body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
					box-sizing: border-box !important;
					width: 100% !important;
					max-width: 100% !important;
					display: flex !important;
					flex-flow: row nowrap !important;
					gap: 10px !important;
					overflow-x: auto !important;
					overflow-y: hidden !important;
					padding: 0 3px 5px !important;
					scroll-behavior: smooth;
					scroll-snap-type: x proximity;
					-webkit-overflow-scrolling: touch;
					scrollbar-width: none;
				}

				body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
					display: none;
				}

				body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
					flex: 0 0 auto !important;
					min-width: 150px !important;
					scroll-snap-align: start;
				}

				body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li > a {
					width: 100% !important;
					white-space: nowrap !important;
				}

				/*
				 * Skratky na Nástenke: pevné karty vedľa seba bez prekrývania.
				 * Zlatý indikátor pod nimi zrozumiteľne ukáže ďalší obsah vpravo.
				 */
				body.woocommerce-account.logged-in .gc-account-quick-grid {
					box-sizing: border-box !important;
					width: 100% !important;
					max-width: 100% !important;
					min-width: 0 !important;
					display: flex !important;
					grid-template-columns: none !important;
					flex-flow: row nowrap !important;
					align-items: stretch !important;
					gap: 12px !important;
					overflow-x: auto !important;
					overflow-y: hidden !important;
					margin-bottom: 0 !important;
					padding: 2px 2px 6px !important;
					scroll-behavior: smooth;
					scroll-snap-type: x mandatory;
					-webkit-overflow-scrolling: touch;
					scrollbar-width: none;
				}

				body.woocommerce-account.logged-in .gc-account-quick-grid::-webkit-scrollbar {
					display: none;
				}

				body.woocommerce-account.logged-in .gc-account-quick {
					box-sizing: border-box !important;
					width: min(74vw, 255px) !important;
					min-width: min(74vw, 255px) !important;
					max-width: min(74vw, 255px) !important;
					flex: 0 0 min(74vw, 255px) !important;
					margin: 0 !important;
					scroll-snap-align: start;
					overflow: hidden !important;
				}

				/*
				 * Moje návrhy: karta ani produktová fotografia nesmú prekročiť
				 * šírku alebo výšku svojho skleneného rámčeka.
				 */
				body.woocommerce-account.logged-in .gcstudio-account-designs,
				body.woocommerce-account.logged-in .gcstudio-account-grid,
				body.woocommerce-account.logged-in .gcstudio-account-card,
				body.woocommerce-account.logged-in .gcstudio-account-card-copy {
					box-sizing: border-box !important;
					width: 100% !important;
					max-width: 100% !important;
					min-width: 0 !important;
				}

				body.woocommerce-account.logged-in .gcstudio-account-designs {
					overflow: hidden !important;
				}

				body.woocommerce-account.logged-in .gcstudio-account-grid {
					display: grid !important;
					grid-template-columns: minmax(0, 1fr) !important;
					gap: 14px !important;
					overflow: hidden !important;
				}

				body.woocommerce-account.logged-in .gcstudio-account-card {
					position: relative !important;
					display: grid !important;
					grid-template-columns: minmax(0, 1fr) !important;
					gap: 12px !important;
					padding: 12px !important;
					overflow: hidden !important;
					contain: layout paint;
					isolation: isolate;
				}

				body.woocommerce-account.logged-in .gcstudio-account-preview {
					box-sizing: border-box !important;
					width: 100% !important;
					max-width: 100% !important;
					height: 220px !important;
					min-height: 0 !important;
					max-height: 220px !important;
					margin: 0 !important;
					padding: 10px !important;
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;
					overflow: hidden !important;
					border-radius: 14px !important;
					contain: strict;
				}

				body.woocommerce-account.logged-in .gcstudio-account-preview > *,
				body.woocommerce-account.logged-in .gcstudio-account-preview a,
				body.woocommerce-account.logged-in .gcstudio-account-preview picture {
					box-sizing: border-box !important;
					width: 100% !important;
					height: 100% !important;
					max-width: 100% !important;
					max-height: 100% !important;
					margin: 0 !important;
					padding: 0 !important;
					display: flex !important;
					align-items: center !important;
					justify-content: center !important;
					overflow: hidden !important;
				}

				body.woocommerce-account.logged-in .gcstudio-account-preview img,
				body.woocommerce-account.logged-in .gcstudio-account-preview canvas {
					box-sizing: border-box !important;
					position: static !important;
					inset: auto !important;
					width: 100% !important;
					height: 100% !important;
					max-width: 100% !important;
					max-height: 100% !important;
					margin: 0 !important;
					padding: 0 !important;
					display: block !important;
					object-fit: contain !important;
					object-position: center !important;
					transform: none !important;
					filter: none !important;
				}

				body.woocommerce-account.logged-in .gcstudio-account-card-copy,
				body.woocommerce-account.logged-in .gcstudio-account-card-copy * {
					max-width: 100% !important;
					overflow-wrap: anywhere;
					word-break: normal;
				}

			}

			@media (max-width: 390px) {
				body.woocommerce-account.logged-in .gcstudio-account-preview {
					height: 195px !important;
					max-height: 195px !important;
				}
			}

			/* GravCraft desktop registration popup 20260810 */
			@media (min-width: 922px) {
				#ast-hb-account-login-wrap.gc-popup-registration-mode
				.ast-hb-account-login-form,
				#ast-hb-account-login-wrap.gc-popup-registration-mode
				.ast-hb-account-login-form-footer {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view {
					box-sizing: border-box !important;
					width: 100% !important;
					padding: 18px !important;
					display: block !important;
					background: transparent !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view[hidden] {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view__back {
					min-height: 34px !important;
					margin: 0 0 12px !important;
					padding: 7px 11px !important;
					display: inline-flex !important;
					align-items: center !important;
					gap: 7px !important;
					border: 1px solid rgba(13, 48, 43, 0.12) !important;
					border-radius: 999px !important;
					background: rgba(255, 255, 255, 0.70) !important;
					color: #0d302b !important;
					box-shadow: none !important;
					font-size: 12px !important;
					font-weight: 800 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view h2 {
					margin: 0 0 7px !important;
					color: #0d302b !important;
					font-size: 23px !important;
					line-height: 1.15 !important;
					font-weight: 900 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view__intro,
				#ast-hb-account-login-wrap .gc-modal-registration-view__loading,
				#ast-hb-account-login-wrap .gc-modal-registration-view__error {
					margin: 0 0 14px !important;
					color: #66756f !important;
					font-size: 13px !important;
					line-height: 1.4 !important;
				}

				#ast-hb-account-login-wrap .gc-password-manager-note {
					margin: 4px 0 12px !important;
					padding: 10px 12px !important;
					border-radius: 12px !important;
					background: rgba(215, 181, 109, 0.12) !important;
					color: #56645f !important;
					font-size: 12px !important;
					line-height: 1.45 !important;
					font-weight: 700 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view form.register {
					margin: 0 !important;
					padding: 0 !important;
					display: block !important;
					border: 0 !important;
					background: transparent !important;
					box-shadow: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view .form-row {
					box-sizing: border-box !important;
					width: 100% !important;
					margin: 0 0 11px !important;
					padding: 0 !important;
					float: none !important;
				}

				#ast-hb-account-login-wrap
				.gc-modal-registration-view
				.gc-register-trap {
					position: absolute !important;
					left: -9999px !important;
					width: 1px !important;
					height: 1px !important;
					margin: 0 !important;
					padding: 0 !important;
					display: none !important;
					overflow: hidden !important;
					opacity: 0 !important;
					pointer-events: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view .clear {
					display: none !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view label {
					margin: 0 0 5px !important;
					display: block !important;
					color: #17211f !important;
					font-size: 12.5px !important;
					line-height: 1.3 !important;
					font-weight: 700 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view input.input-text,
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="email"],
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="text"],
				#ast-hb-account-login-wrap .gc-modal-registration-view input[type="password"] {
					box-sizing: border-box !important;
					width: 100% !important;
					min-height: 40px !important;
					padding: 8px 11px !important;
					border: 1px solid rgba(13, 48, 43, 0.18) !important;
					border-radius: 9px !important;
					background: rgba(255, 255, 255, 0.82) !important;
					color: #17211f !important;
					box-shadow: none !important;
					font-size: 14px !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view
				button[name="register"],
				#ast-hb-account-login-wrap .gc-modal-registration-view
				.woocommerce-form-register__submit {
					width: 100% !important;
					min-height: 42px !important;
					margin: 3px 0 0 !important;
					padding: 10px 14px !important;
					display: inline-flex !important;
					align-items: center !important;
					justify-content: center !important;
					border: 1px solid rgba(215, 181, 109, 0.55) !important;
					border-radius: 10px !important;
					background: #0d302b !important;
					color: #ffffff !important;
					box-shadow: 0 10px 20px rgba(13, 48, 43, 0.17) !important;
					font-size: 14px !important;
					font-weight: 900 !important;
				}

				#ast-hb-account-login-wrap .gc-modal-registration-view
				.gc-register-note,
				#ast-hb-account-login-wrap .gc-modal-registration-view
				.gc-register-privacy {
					margin: 0 0 11px !important;
					padding: 9px 11px !important;
					border-radius: 10px !important;
					background: rgba(215, 181, 109, 0.12) !important;
					color: #53635e !important;
					font-size: 11.5px !important;
					line-height: 1.4 !important;
				}

				
			}
		
