/* Chibi's approved light campaign composition, adapted to a useful catalogue. */
body.menu-mobbin{--menu-purple:#5b3897;--menu-ink:#282131;--menu-muted:#60556d;--menu-line:#5b38972b;--menu-paper:#fff;background:#fff;color:var(--menu-ink)}
body.menu-mobbin #main{position:relative;isolation:isolate;overflow:clip}
body.menu-mobbin .menu-breadcrumb{padding-top:8px}
body.menu-mobbin .menu-app-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(250px,.8fr);align-items:center;gap:32px;padding-block:12px 36px}
body.menu-mobbin .menu-app-copy h1{margin:0;font:600 clamp(4.25rem,7.4vw,6.9rem)/1.02 Oswald,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
body.menu-mobbin .menu-app-copy h1>span{display:block}
body.menu-mobbin .menu-app-copy h1>em{display:block;margin-left:15%;padding:0;font:inherit;line-height:inherit;color:var(--menu-purple)}
body.menu-mobbin .menu-app-copy>p{font:400 .9375rem/1.55 "Open Sans",Oswald,Arial,sans-serif;max-width:340px;margin-top:15px;color:var(--menu-muted)}
body.menu-mobbin .mm-cover-photo{position:relative;min-width:0;width:100%;max-width:360px;justify-self:center;margin:12px 0 0;rotate:-5deg;align-self:center}
body.menu-mobbin .mm-cover-dish{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:14px;box-shadow:0 14px 24px #46257612}
body.menu-mobbin .mm-cover-cookie{position:absolute;left:-13%;bottom:10%;width:39%;height:auto;max-width:none;aspect-ratio:1;object-fit:contain;rotate:8deg;pointer-events:none}
body.menu-mobbin .mm-cover-steam{position:absolute;right:-9%;top:-9%;width:32%;height:auto;rotate:12deg;color:var(--menu-purple);pointer-events:none}
body.menu-mobbin .mm-cover-photo>span{display:block;position:relative;margin:15px 3% 0;text-align:right;rotate:5deg;color:var(--menu-purple);font:500 1.7rem/1.3 Oswald,sans-serif}
body.menu-mobbin .menu-place-chooser{align-self:end;margin-bottom:20px;padding:0 0 0 16px;border-left:1.5px solid #5b38974d}
body.menu-mobbin .menu-place-chooser label{font:500 1.65rem/1.25 Oswald,sans-serif;color:var(--menu-ink)}
body.menu-mobbin .menu-place-heading{margin-bottom:7px}
body.menu-mobbin .menu-place-chooser select{min-height:52px;background:#ffffffb8;border-color:#5b38974d;border-radius:6px}
body.menu-mobbin .menu-place-link{font-size:.8125rem;gap:4px}
body.menu-mobbin .menu-place-description{font-size:.875rem;min-height:1.5em}

/* One stable category bar; the scene continues behind the dishes. */
body.menu-mobbin .menu-controls-shell{background:#ffffffeb;border-color:#5b389724;backdrop-filter:blur(12px)}
body.menu-mobbin .menu-controls{padding-block:10px}
body.menu-mobbin .menu-filters{gap:9px}
body.menu-mobbin .filter{font:500 1.3rem/1.2 Oswald,sans-serif;border-radius:6px;min-height:48px;padding:11px 22px;transition:background .18s,color .18s}
body.menu-mobbin .filter.selected{background:var(--menu-purple);color:#fff}
body.menu-mobbin .filter:hover:not(.selected){background:#eee8f780;color:var(--menu-purple)}
body.menu-mobbin .menu-catalog-top{padding-top:20px}
body.menu-mobbin .menu-list-launcher{background:#dceb98;color:#412475;font-size:.875rem;padding:8px 14px;border-radius:6px}
body.menu-mobbin .menu-search-field{border-color:#5b38973d;background:#ffffffa6}
body.menu-mobbin .menu-chapter{padding-top:29px;padding-bottom:0}
body.menu-mobbin .menu-chapter+.menu-chapter{padding-top:36px;margin-top:32px;border-top:0}
body.menu-mobbin .menu-chapter-heading{margin-bottom:20px}
body.menu-mobbin .menu-chapter-heading h2{font:600 clamp(2.5rem,4.25vw,3.6rem)/1.08 Oswald,sans-serif;letter-spacing:-.025em;color:var(--menu-ink)}
body.menu-mobbin .menu-chapter-heading p{margin-top:6px;font-size:.9375rem;line-height:1.5}
body.menu-mobbin .menu-product-grid{gap:26px}
body.menu-mobbin .menu-product-open{border-radius:14px}
body.menu-mobbin .menu-product-art{border-radius:14px;background:#eee8f780}
body.menu-mobbin .menu-product-art i{width:38px;height:38px;border:1px solid #5b38972b;background:#fff;color:var(--menu-purple)}
body.menu-mobbin .menu-product-name{font:500 1.7rem/1.25 Oswald,sans-serif;letter-spacing:0;text-transform:none}
body.menu-mobbin .menu-product-description{font-size:.9375rem;line-height:1.5;-webkit-line-clamp:3}
body.menu-mobbin .menu-product-price{font:600 1.8rem/1.3 Oswald,sans-serif}
body.menu-mobbin .menu-product-meta{padding-top:12px;gap:12px}
body.menu-mobbin .menu-product-copy{padding-top:15px;min-height:140px}
body.menu-mobbin .menu-product-grid-four .menu-product-copy{min-height:140px}
body.menu-mobbin .menu-product-grid-four .menu-product-art{aspect-ratio:1.1}
body.menu-mobbin .awaiting-photo{border-color:#5b38973d;padding-top:3px}
body.menu-mobbin .awaiting-photo .menu-product-art{aspect-ratio:auto;min-height:44px;border-radius:0;background:transparent}
body.menu-mobbin .awaiting-photo .menu-product-art i{border:0;background:transparent}
body.menu-mobbin .awaiting-photo .menu-product-copy{padding-top:5px;min-height:0}
body.menu-mobbin .menu-list-save{min-height:44px;margin-top:6px;font-size:.875rem}
body.menu-mobbin .menu-browser{padding-bottom:48px}

/* The children's section is a table scene beside an honest text-only list. */
body.menu-mobbin .mm-kids-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px 56px;align-items:center}
body.menu-mobbin .mm-kids-scene{position:relative;min-width:0;width:92%;margin:0 0 34px;justify-self:center;rotate:-3deg;pointer-events:none}
body.menu-mobbin .mm-kids-scene>img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:14px;box-shadow:0 12px 24px #46257612}
body.menu-mobbin .mm-kids-arrow{position:absolute;left:76%;top:88%;width:112px;height:93px;rotate:17deg;color:var(--menu-purple);pointer-events:none}
body.menu-mobbin .mm-kids-layout .menu-product-grid{grid-template-columns:minmax(0,1fr);gap:14px}
body.menu-mobbin .mm-kids-layout .awaiting-photo{padding-top:0}
body.menu-mobbin .mm-kids-layout .awaiting-photo .menu-product-art{min-height:30px}
body.menu-mobbin .mm-kids-layout .menu-product-description{margin-top:6px}
body.menu-mobbin .mm-kids-layout .menu-product-meta{padding-top:8px}
body.menu-mobbin .mm-kids-layout .menu-list-save{margin-top:2px}
body.menu-mobbin .mm-dessert-guest{align-self:center;justify-self:center;display:block;width:90%;max-width:300px;min-width:0;rotate:7deg;pointer-events:none}
body.menu-mobbin .mm-dessert-guest img{display:block;width:100%;height:auto;object-fit:contain}
body.menu-mobbin .menu-chapter:has(.menu-product[hidden]) .mm-dessert-guest{display:none}

/* An open address composition leads into the shared closing scene. */
body.menu-mobbin .menu-cafes{background:transparent;padding:36px 0 44px}
body.menu-mobbin .menu-cafes>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px}
body.menu-mobbin .menu-cafes h2{font:600 clamp(2.5rem,4.3vw,3.75rem)/1.1 Oswald,sans-serif;letter-spacing:-.025em}
body.menu-mobbin .menu-cafes header p{font-size:.9375rem;max-width:350px;margin-top:15px}
body.menu-mobbin .mm-cafe-steam{display:block;width:118px;height:98px;margin:17px 0 0 5%;rotate:-10deg;color:var(--menu-purple);pointer-events:none}
body.menu-mobbin .menu-cafe-phone{font:500 1.65rem/1.4 Oswald,sans-serif;color:var(--menu-purple)}
body.menu-mobbin .menu-cafe-links{gap:0}
body.menu-mobbin .menu-cafe-links a{grid-template-columns:minmax(0,1fr) 44px;padding:19px 0;border-bottom:1.5px solid #5b38973d;background:transparent;border-radius:0;gap:7px 20px}
body.menu-mobbin .menu-cafe-links a>span{font:500 1.6rem/1.2 Oswald,sans-serif;letter-spacing:0}
body.menu-mobbin .menu-cafe-links small{font-size:.875rem;line-height:1.5}
body.menu-mobbin .menu-cafe-links i{background:#dceb98;color:#412475;width:44px;height:44px;border-radius:50%;transition:translate .18s}
body.menu-mobbin .menu-cafe-links a:is(:hover,:focus-visible) i{background:#dceb98;color:#412475;translate:2px -2px}
body.menu-mobbin :is(.dish-dialog,.menu-list-dialog){border-radius:14px}
body.menu-mobbin .dish-dialog-copy h2{font:600 2.25rem/1.15 Oswald,sans-serif;letter-spacing:-.015em}
body.menu-mobbin .dish-dialog-bottom strong{font:600 1.8rem/1.3 Oswald,sans-serif}
body.menu-mobbin .menu-list-heading h2{font:600 2rem/1.15 Oswald,sans-serif;letter-spacing:-.015em}

@media(max-width:1100px){
 body.menu-mobbin .menu-app-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 38px}
 body.menu-mobbin .menu-app-copy h1{font-size:clamp(4.5rem,9vw,6rem)}
 body.menu-mobbin .mm-cover-photo{width:88%;max-width:340px;margin-top:5px}
 body.menu-mobbin .menu-place-chooser{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4px 24px;margin:2px 0 0;padding:0;border:0}
 body.menu-mobbin .menu-place-heading{grid-column:1;grid-row:1/3;display:block;margin:0}
 body.menu-mobbin .menu-place-chooser select{grid-column:2;grid-row:1}
 body.menu-mobbin .menu-place-description{grid-column:2;grid-row:2;margin-top:0}
 body.menu-mobbin .menu-place-link{display:flex;width:fit-content;margin-top:4px}
 body.menu-mobbin .menu-product-grid{gap:20px}
}
@media(max-width:700px){
 body.menu-mobbin .menu-app-hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:17px 14px;padding-block:7px 23px}
 body.menu-mobbin .menu-app-copy{display:contents}
 body.menu-mobbin .menu-app-copy h1{grid-column:auto;grid-row:auto;font-size:clamp(3.3rem,17vw,5.8rem);line-height:1.05}
 body.menu-mobbin .menu-app-copy h1>em{margin-left:12%}
 body.menu-mobbin .menu-app-copy>p{grid-column:1/-1;grid-row:auto;order:1;max-width:none;font-size:.9375rem;margin:0 4px}
 body.menu-mobbin .menu-app-copy>p br{display:none}
 body.menu-mobbin .mm-cover-photo{grid-column:auto;grid-row:auto;width:90%;margin:0;rotate:4deg}
 body.menu-mobbin .mm-cover-dish{aspect-ratio:1.05;border-radius:10px;box-shadow:0 9px 14px #46257612}
 body.menu-mobbin .mm-cover-cookie{left:-9%;bottom:17%;width:43%;rotate:-7deg}
 body.menu-mobbin .mm-cover-steam{right:-6%;top:-6%;width:31%}
 body.menu-mobbin .mm-cover-photo>span{margin:10px 0 0;text-align:center;font-size:1.25rem;rotate:-7deg;white-space:normal}
 body.menu-mobbin .menu-place-chooser{grid-column:1/-1;grid-row:auto;order:2;display:block;padding:14px 4px 0;margin:0;border-top:1px solid #5b38972b}
 body.menu-mobbin .menu-place-heading{display:flex;align-items:center;gap:4px 12px;margin-bottom:7px}
 body.menu-mobbin .menu-place-chooser label{font-size:1.35rem}
 body.menu-mobbin .menu-place-link{display:inline-flex;margin:0;font-size:.8125rem;min-height:44px}
 body.menu-mobbin .menu-place-chooser select{min-height:48px}
 body.menu-mobbin .menu-place-description{margin-top:7px;font-size:.8125rem}
 body.menu-mobbin .menu-filters{gap:4px;flex-wrap:wrap}
 body.menu-mobbin .filter{flex:1 0 auto;padding:10px 6px;min-height:46px;font-size:1.0625rem}
 body.menu-mobbin .menu-controls{padding-block:7px}
 body.menu-mobbin .menu-catalog-top{padding-top:16px;gap:12px}
 body.menu-mobbin .menu-search{max-width:none}
 body.menu-mobbin .menu-list-launcher{font-size:.8125rem;padding:7px 10px}
 body.menu-mobbin .menu-chapter{padding-top:24px}
 body.menu-mobbin .menu-chapter+.menu-chapter{padding-top:30px;margin-top:8px}
 body.menu-mobbin .menu-chapter-heading{margin-bottom:17px}
 body.menu-mobbin .menu-chapter-heading h2{font-size:2.5rem}
 body.menu-mobbin .menu-chapter-heading p{font-size:.875rem;margin-top:5px}
 body.menu-mobbin .menu-product-grid,.menu-mobbin .menu-product-grid-four{gap:22px 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}
 body.menu-mobbin .menu-product-name{font-size:1.4rem}
 body.menu-mobbin .menu-product-description{font-size:.875rem;line-height:1.5;-webkit-line-clamp:3}
 body.menu-mobbin .menu-product-copy,.menu-mobbin .menu-product-grid-four .menu-product-copy{padding-top:12px;min-height:0}
 body.menu-mobbin .menu-product-meta{margin-top:auto;padding-top:11px;gap:6px;flex-wrap:wrap}
 body.menu-mobbin .menu-product-price{font-size:1.55rem}
 body.menu-mobbin .menu-product-meta .dish-weight{font-size:.75rem}
 body.menu-mobbin .menu-product-art,.menu-mobbin .menu-product-grid-four .menu-product-art{border-radius:10px;aspect-ratio:1.08}
 body.menu-mobbin .menu-product-art i{width:32px;height:32px}
 body.menu-mobbin .awaiting-photo .menu-product-art{aspect-ratio:auto;border-radius:0}
 body.menu-mobbin .awaiting-photo .menu-product-copy{padding-top:3px}
 body.menu-mobbin .menu-list-save{font-size:.8125rem;margin-top:4px}
 body.menu-mobbin .menu-browser{padding-bottom:28px}
 body.menu-mobbin .mm-kids-layout{grid-template-columns:minmax(0,1fr);gap:15px}
 body.menu-mobbin .mm-kids-scene{width:94%;max-width:420px;margin:2px 0 12px;rotate:2deg}
 body.menu-mobbin .mm-kids-scene>img{aspect-ratio:1.9;border-radius:10px}
 body.menu-mobbin .mm-kids-arrow{width:65px;height:54px;left:75%;top:87%;rotate:35deg}
 body.menu-mobbin .mm-kids-layout .menu-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:20px 16px}
 body.menu-mobbin .mm-dessert-guest{display:none}
 body.menu-mobbin .menu-cafes{padding:28px 0 34px}
 body.menu-mobbin .menu-cafes>.wrap{grid-template-columns:minmax(0,1fr);gap:17px}
 body.menu-mobbin .menu-cafes h2{font-size:clamp(2rem,10vw,3.25rem)}
 body.menu-mobbin .menu-cafes header p{font-size:.875rem;margin-top:13px}
 body.menu-mobbin .mm-cafe-steam{width:83px;height:69px;margin:12px 0 0 4%}
 body.menu-mobbin .menu-cafe-phone{font-size:1.45rem;margin-top:8px}
 body.menu-mobbin .menu-cafe-links a{padding-block:16px;gap:7px 12px}
 body.menu-mobbin .menu-cafe-links a>span{font-size:1.4rem}
 body.menu-mobbin .menu-cafe-links small{font-size:.8125rem}
 body.menu-mobbin .dish-dialog{border-radius:14px 14px 0 0}
 body.menu-mobbin .dish-dialog-copy h2{font-size:1.9rem}
}
@media(max-width:360px){
 body.menu-mobbin .menu-app-copy h1{font-size:3.3rem}
 body.menu-mobbin .mm-cover-photo>span{font-size:1.125rem}
 body.menu-mobbin .filter{font-size:.9375rem;padding-inline:3px}
 body.menu-mobbin .menu-product-grid,.menu-mobbin .menu-product-grid-four{gap:20px 12px}
 body.menu-mobbin .menu-product-name{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){
 body.menu-mobbin .filter,body.menu-mobbin .menu-cafe-links i{transition:none}
 body.menu-mobbin .menu-cafe-links a:is(:hover,:focus-visible) i{translate:none}
}
