.hfcs-bottom-nav { display: none; }

/* Match Blocksy's mobile header breakpoint, including narrow tablets. */
@media (max-width: 999.98px) {
	:root { --hfcs-bottom-nav-height: calc(68px + env(safe-area-inset-bottom, 0px)); }
	html:has(.hfcs-bottom-nav) { scroll-padding-bottom: calc(var(--hfcs-bottom-nav-height) + 16px); }
	body.hfcs-site-experience:has(.hfcs-bottom-nav) { padding-bottom: var(--hfcs-bottom-nav-height); }
	.hfcs-bottom-nav {
		position: fixed;
		inset: auto 0 0;
		z-index: 50;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		box-sizing: border-box;
		min-height: var(--hfcs-bottom-nav-height);
		padding: 3px max(8px, env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
		border-top: 1px solid #e4dfd6;
		background: #fffdf8;
		box-shadow: 0 -4px 20px rgb(40 36 30 / 5%);
		color: #686156;
	}
	.hfcs-bottom-nav .hfcs-bottom-nav__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		min-height: 61px;
		padding: 4px 2px;
		margin: 0;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: #686156;
		font-size: 11px;
		font-weight: 500;
		line-height: 1.6;
		text-decoration: none;
		white-space: nowrap;
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}
	.hfcs-bottom-nav__icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 30px;
		border-radius: 10px;
	}
	.hfcs-bottom-nav__icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; }
	.hfcs-bottom-nav__item:is([aria-current], [aria-expanded="true"]) { color: #995222; font-weight: 700; }
	.hfcs-bottom-nav__item:is([aria-current], [aria-expanded="true"]) .hfcs-bottom-nav__icon { background: #f8eadc; }
	.hfcs-bottom-nav__item:focus-visible { outline: 2px solid #995222; outline-offset: -2px; }
	.hfcs-bottom-nav__item:active { background: #f4efe6; }
	.hfcs-bottom-cart-count {
		position: absolute;
		top: -2px;
		inset-inline-end: 0;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		border: 2px solid #fffdf8;
		border-radius: 9px;
		background: #995222;
		color: white;
		font-size: 10px;
		font-weight: 700;
		line-height: 14px;
		direction: ltr;
		text-align: center;
	}
	.hfcs-bottom-cart-count[data-count="0"] { display: none; }
	.hfcs-bottom-nav[hidden],
	.hfcs-bottom-nav[data-obscured="true"] { visibility: hidden; pointer-events: none; }
	/* Only retire duplicate controls after the bottom drawer trigger is initialized. */
	.hfcs-mobile-nav-ready #header [data-device="mobile"] :is([data-id="account"], [data-id="cart"], [data-id="trigger"]) { display: none !important; }
	.hfcs-mobile-nav-ready #header [data-device="mobile"] [data-row="middle"] > div { min-height: 68px; }
	.hfcs-mobile-nav-ready #header [data-device="mobile"] [data-row="middle"] > div > [data-column="start"] { margin-inline: auto; }
	.hfcs-mobile-nav-ready #header [data-device="mobile"] [data-column="end"] { display: none; }
	.hfcs-mobile-nav-ready .ct-back-to-top { bottom: calc(var(--hfcs-bottom-nav-height) + 16px); }
}

@media print {
	.hfcs-bottom-nav { display: none !important; }
	body.hfcs-site-experience:has(.hfcs-bottom-nav) { padding-bottom: 0; }
}