/* Familiar destinations, illustrated literally; the original Bada & Baram artwork stays intact. */
.menu-icon9{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;filter:drop-shadow(0 2px 1px #4569560c)}
.menu-icon9 svg{width:100%;height:100%;overflow:visible}
.nav-link .menu-icon9{width:31px;height:31px}
html[data-motion=on] .nav-link:hover .menu-icon9,html[data-motion=on] .menu-tile9:hover .menu-icon9{animation:menu-greeting9 .65s ease-in-out 1;transform-origin:50% 85%}
@keyframes menu-greeting9{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg) translateY(-2px)}70%{transform:rotate(5deg)}}
.collection-counts .menu-icon9{position:absolute;right:12px;bottom:11px;width:38px;height:38px;opacity:.85;pointer-events:none}
.mobile-quick9{display:none}
.menu-heading9{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.menu-heading9 h1{font-size:32px;line-height:1.3;margin-top:7px;letter-spacing:-1px}
.menu-heading9 .buddy-pair{flex:none}
.menu-directory9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.menu-group9{--tile:#e6efe7;--tile-border:#d6e2d7;padding:18px;background:#fffdf7;border:1px solid #e2e5d7;border-radius:20px}
.tone-peach{--tile:#f2e1d4;--tile-border:#e9d6c7}.tone-lavender{--tile:#e8e5ef;--tile-border:#ded9e8}.tone-sage{--tile:#e7eddc;--tile-border:#dae3cb}.tone-sand{--tile:#f0e8d6;--tile-border:#e6dcc7}
.menu-group9 h2{font-size:13px;letter-spacing:.1px;color:#6e8877;margin-bottom:12px}
.menu-grid9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.menu-tile9{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:87px;padding:7px 3px;color:#365b5d;text-align:center;border-radius:14px;font-size:11px;line-height:1.35;font-weight:750}
.menu-tile9>.menu-icon9{width:45px;height:45px;padding:5px;border-radius:15px;background:var(--tile,#e9eee0);border:1px solid var(--tile-border,#dae3ce)}
.menu-tile9>span:last-child{overflow-wrap:normal;max-width:100%}
.menu-tile9:hover,.menu-tile9[aria-current=page]{background:#f0f3e9}
.menu-tile9:focus-visible{outline-offset:1px}
.menu-footer9{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:11px;color:#77907e}
.menu-footer9 button{border:1px solid #d6dfce;padding:7px 10px;border-radius:20px;min-height:36px;font-size:10px}
#menuToggle5[hidden],#mobileMenu5[hidden]{display:none!important}
@media(max-width:700px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .topbar{height:62px;padding:0 16px;background:#fffdf5;position:relative}
 .mobile-brand{font-size:16px;gap:4px;letter-spacing:-.6px}.mobile-brand img{width:34px;height:36px;margin-right:1px}
 .topbar-actions{gap:8px}.language-button{padding:10px 5px;min-height:44px}.topbar-actions #motionToggle{display:none}
 main{padding:18px 16px 18px}.home-clean5 #main{padding-top:14px;gap:18px}
 #sectionPills{display:none!important}
 .mobile-quick9:not([hidden]){display:block;flex:none;margin:0 -2px}
 .quick-heading9{display:flex;align-items:center;justify-content:space-between;padding:0 4px 9px;gap:12px}
 .quick-heading9 h2{font-size:15px;letter-spacing:-.3px;color:#496b65}.quick-heading9>span{font-size:7px;font-weight:800;letter-spacing:1px;color:#90a093}
 .quick-grid9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:7px;row-gap:7px}
 .quick-grid9 .menu-tile9{min-height:72px;padding:3px 1px;gap:5px;font-size:11px}
 .quick-grid9 .menu-icon9{width:39px;height:39px;padding:5px;border-radius:13px}
 .quick-grid9 .menu-tile9:nth-child(2),.quick-grid9 .menu-tile9:nth-child(3),.quick-grid9 .menu-tile9:nth-child(4){--tile:#f1e4d9;--tile-border:#eadbce}
 .quick-grid9 .menu-tile9:nth-child(5),.quick-grid9 .menu-tile9:nth-child(6){--tile:#e8e5ee;--tile-border:#dfdbe7}
 .quick-grid9 .menu-tile9:last-child{--tile:#dae9e3;--tile-border:#c7ddd3}
 .quick-grid9 .menu-tile9:last-child>span:last-child{color:#356e66;font-weight:900}
 .home-clean5 .seaside-scene{width:100%;flex:none}
 .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px 8px calc(5px + env(safe-area-inset-bottom));gap:2px;min-height:66px;background:#fffef8f5;border-top:1px solid #d9e3d2;box-shadow:0 -5px 22px #4463470b;z-index:60}
 .bottom-nav .nav-link{font-size:11px;line-height:1.3;min-height:57px;padding:5px 1px;gap:4px;justify-content:center;border-radius:12px;position:relative}
 .bottom-nav .nav-link .menu-icon9{width:27px;height:27px;flex:none;padding:0}
 .bottom-nav .nav-link>span:not(.menu-icon9):not(.nav-count){white-space:nowrap}
 .bottom-nav .nav-link.active{background:#e5eee2;color:#2e655c;font-weight:900}
 .bottom-nav .nav-link.active:after{display:none}.bottom-nav .nav-count{right:calc(50% - 23px);top:3px;background:#de9b87;color:#fff}
 .feature-heading{margin:0 0 21px;gap:12px}.feature-heading h1{font-size:25px;letter-spacing:-.8px;line-height:1.3}.feature-heading .eyebrow{font-size:8px}.feature-heading p{font-size:11px;line-height:1.65;margin-top:8px}
 .feature-heading .heading-pair{display:none}
 .menu-view #main{padding-top:16px}.menu-heading9{margin-bottom:15px;gap:8px}.menu-heading9 .eyebrow{font-size:8px;letter-spacing:1.1px}.menu-heading9 h1{font-size:21px;letter-spacing:-.6px;margin-top:5px;max-width:255px}.menu-heading9 .buddy-pair{display:none}
 .menu-directory9{display:flex;flex-direction:column;gap:10px}.menu-group9{padding:0;border:0;border-radius:0;background:none}
 .menu-group9 h2{font-size:11px;line-height:1.4;margin:0 0 4px;padding:0 4px;color:#7e907b;font-weight:700}
 .menu-grid9{gap:5px}.menu-grid9 .menu-tile9{min-height:73px;gap:5px;font-size:11px;padding:3px 1px;justify-content:flex-start}
 .menu-grid9 .menu-icon9{width:38px;height:38px;padding:4px;border-radius:12px}
 .menu-footer9{margin-top:13px;font-size:9px;padding:0 4px}.menu-footer9 button{min-height:36px}
 .menu-view .page-footer{display:none}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.mobile-brand{font-size:14px}.mobile-brand img{width:29px}.quick-heading9 h2{font-size:14px}.quick-heading9>span{display:none}.bottom-nav .nav-link{font-size:9px}.quick-grid9 .menu-tile9,.menu-grid9 .menu-tile9{font-size:10px}.menu-heading9 h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.menu-icon9{animation:none!important;transition:none!important}}