/* New navigation features only. The original lulu.css remains byte-for-byte unchanged. */
.lulu-menu-toggle {display: none !important;}
.lulu-footer-nav {width: min(100%, 1180px);margin: 0px auto 0;padding: 0px var(--lulu-layout-gutter) 0;text-align: center;}
.lulu-footer-menu { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 22px; list-style: none; margin: 0; padding: 0; }
.lulu-footer-menu a:hover, .lulu-footer-menu a:focus-visible { color: var(--lulu-accent); }

/* Keep the category update header and order button identical in purpose across larger screens. */
@media (min-width: 761px) {
	html, body { overflow-x: clip; }
	/* Keep the blue strip full width while its text follows the site's content container. */
	.lulu-update-bar {
		width: 100vw;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding: 8px max(24px, calc((100vw - 1180px) / 2 + 24px));
		box-sizing: border-box;
		border-radius: 0;
	}
	/* Desktop returns to the original logo-only header; mobile keeps its hamburger menu. */
	.lulu-site-header .lulu-nav { display: none; }
	.lulu-site-footer { text-align: center; }
	.lulu-site-footer .lulu-call-band {width: min(278px, calc(100vw - 40px));min-height: 40px;margin: 0 auto;padding: 9px 16px;border-radius: 26px;}
	.lulu-site-footer .lulu-call-copy { justify-content: center; }
}

@media (max-width: 760px) {
	.lulu-header-inner { grid-template-columns: 46px 1fr 46px; align-items: center; justify-items: center; position: relative; }
	.lulu-logo-link { grid-column: 2; }
	.lulu-menu-toggle { grid-column: 3; grid-row: 1; display: inline-grid; align-content: center; gap: 5px; width: 42px; height: 42px; padding: 9px; border: 0; border-radius: 10px; background: transparent; color: var(--lulu-primary); cursor: pointer; }
	.lulu-menu-toggle .lulu-menu-bar { display: block; width: 24px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .18s ease, opacity .18s ease; }
	.lulu-menu-toggle[aria-expanded="true"] .lulu-menu-bar:nth-of-type(2) { transform: translateY(7px) rotate(45deg); }
	.lulu-menu-toggle[aria-expanded="true"] .lulu-menu-bar:nth-of-type(3) { opacity: 0; }
	.lulu-menu-toggle[aria-expanded="true"] .lulu-menu-bar:nth-of-type(4) { transform: translateY(-7px) rotate(-45deg); }
	.lulu-nav { grid-column: 1 / -1; display: none; width: 100%; padding: 8px 10px 14px; }
	.lulu-nav.is-open { display: block; }
	.lulu-menu { flex-direction: column; gap: 0; }
	.lulu-menu a { display: block; padding: 10px 12px; border-bottom: 1px solid rgba(6,26,51,.08); }
	.lulu-footer-nav {padding-bottom: 25px;}
	    .lulu-category-copy small {
        font-size: clamp(1.40rem, 3vw, 1.05rem);
        border-top: 1px solid #777;
        padding: 10px;
        font-size: clamp(1rem, 3vw, 1rem);
        width: 67% !important;
    }
}
.lulu-category-template-sushi .lulu-update-time {
    display: none;
}


/* Temporary text-only homepage: use the same card composition at every width. */
.home .lulu-category-visual { display: none; }
.home .lulu-category-card { grid-template-columns: 1fr; min-height: clamp(170px, 41vw, 260px); border-radius: 20px; }
.home .lulu-category-copy {width: 100%;gap: 4px;padding: 16px 8px;}
.home .lulu-category-copy strong { font-size: clamp(1.25rem, 6.7vw, 3rem); line-height: 1.45; }
.home .lulu-category-copy small {width: 41%;padding: 10px;border-top: 1px solid #ddd;font-size: clamp(1.2rem, 3vw, 1rem);white-space: normal;margin-top: 0px;}