/* MENY v37 — Facebook-inspired social UI system.
   Uses familiar feed/page/navigation patterns without copying Facebook/Meta assets or trademarks. */
:root{
  --fb-bg:#f0f2f5;
  --fb-surface:#ffffff;
  --fb-line:#e4e6eb;
  --fb-text:#1c1e21;
  --fb-muted:#65676b;
  --fb-blue:#1877f2;
  --fb-blue-dark:#166fe5;
  --fb-blue-soft:#e7f3ff;
  --fb-hover:#f2f3f5;
  --fb-green:#31a24c;
  --fb-red:#f02849;
  --fb-radius:10px;
  --fb-shadow:0 1px 2px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04);
  --fb-max:1280px;
}
*{box-sizing:border-box}
html{background:var(--fb-bg)}
body{background:var(--fb-bg)!important;color:var(--fb-text)!important;font-family:Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased}
a{color:inherit}

/* Global top bar */
body:not(.public-business-page-v27) .top,
body.public-business-page-v27 .top{
  position:sticky!important;top:0!important;z-index:200!important;height:60px!important;
  background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--fb-line)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06)!important;padding:0 18px!important;
}
.top .brand{display:flex!important;align-items:center!important;gap:9px!important;font-size:18px!important;font-weight:900!important;color:var(--fb-blue)!important;text-decoration:none!important}
.top .brand span{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:var(--fb-blue)!important;color:#fff!important;font-size:17px!important;box-shadow:none!important}
.top nav{gap:6px!important}
.toplink{min-height:42px!important;border-radius:8px!important;padding:8px 10px!important;color:var(--fb-text)!important;text-decoration:none!important}
.toplink:hover{background:var(--fb-hover)!important}
.lang{background:var(--fb-hover)!important;border:0!important;border-radius:8px!important;color:var(--fb-text)!important}

/* Layout surfaces */
main{max-width:var(--fb-max)!important;margin:0 auto!important;padding:24px 20px 100px!important}
.page-transition{min-width:0}
.hero,.quick-account,.section-head,.grid,.dash-head,.stats,.dash-grid,.onboarding,.account-grid,.chat-shell,.branch-map-grid,.form-panel,.panel,.legal,.authbox,.preview,.post,.card,.job-card,.wifi,.account-order,.account-favorite,.address-card{border-color:var(--fb-line)!important}
.card,.post,.panel,.setup-card,.quick-tile,.account-order,.account-favorite,.address-card,.chat-window,.chat-item,.form-panel,.preview,.authbox,.stats div,.section-head,.quick-account,.business-card{background:var(--fb-surface)!important;border:1px solid var(--fb-line)!important;border-radius:var(--fb-radius)!important;box-shadow:var(--fb-shadow)!important}
.card:hover,.business-card:hover,.quick-tile:hover{transform:none!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}

/* Buttons / controls */
.button,.linkbutton,.primary,.button.primary,.authbox .button{background:var(--fb-blue)!important;border-color:var(--fb-blue)!important;color:#fff!important;border-radius:7px!important;box-shadow:none!important;font-weight:800!important}
.button:hover,.primary:hover{background:var(--fb-blue-dark)!important;border-color:var(--fb-blue-dark)!important}
.button.secondary,.secondary{background:#e4e6eb!important;border-color:#e4e6eb!important;color:var(--fb-text)!important}
.button.secondary:hover,.secondary:hover{background:#d8dadf!important}
input,select,textarea{background:#f5f6f7!important;border:1px solid #ccd0d5!important;border-radius:7px!important;color:var(--fb-text)!important}
input:focus,select:focus,textarea:focus{border-color:var(--fb-blue)!important;box-shadow:0 0 0 2px rgba(24,119,242,.15)!important}

/* Social/feed primitives */
.hero{background:transparent!important;border:0!important;box-shadow:none!important}
.hero h1{font-size:42px!important;letter-spacing:-1.6px!important}
.hero p,.dash-head p,.cardbody p,.post p{color:var(--fb-muted)!important}
.hero-card{border-radius:12px!important;box-shadow:var(--fb-shadow)!important;border:1px solid var(--fb-line)!important}
.section-head{padding:16px 18px!important;margin-top:18px!important}
.section-head h2{font-size:20px!important;letter-spacing:-.2px!important}
.posts{gap:12px!important}
.post{padding:16px!important}
.post h3{font-size:17px!important;line-height:1.3!important;margin:10px 0!important}
.post small{color:var(--fb-muted)!important}
.pill{background:var(--fb-blue-soft)!important;color:#0866ff!important;border-radius:6px!important;font-size:11px!important;font-weight:800!important;padding:6px 8px!important}

/* Business profile: Facebook Page structure */
body.public-business-page-v27 .menu-app-v27{width:min(1080px,calc(100% - 24px))!important;margin:14px auto 0!important;background:var(--fb-surface)!important;border:1px solid var(--fb-line)!important;border-radius:12px!important;box-shadow:var(--fb-shadow)!important;overflow:clip!important}
body.public-business-page-v27 .menu-brand-v27{height:58px!important;background:#fff!important;border-bottom:1px solid var(--fb-line)!important;padding:0 14px!important;display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;gap:8px!important;position:sticky!important;top:0!important;z-index:150!important}
body.public-business-page-v27 .menu-brand-home-v27{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--fb-hover)!important;color:var(--fb-text)!important;font-size:0!important;text-decoration:none!important}
body.public-business-page-v27 .menu-brand-home-v27::before{content:'‹';font-size:28px!important;line-height:1!important}
body.public-business-page-v27 .menu-brand-copy{text-align:left!important;min-width:0!important}
body.public-business-page-v27 .menu-brand-copy strong{display:block!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.public-business-page-v27 .menu-brand-copy span{font-size:11px!important;color:var(--fb-muted)!important}
body.public-business-page-v27 .menu-brand-mark-v32{display:none!important}
body.public-business-page-v27 .menu-brand-v27::after{content:'•••';justify-self:end;color:#606770;font-weight:900;letter-spacing:1px}
body.public-business-page-v27 .menu-cover-v27{height:310px!important;position:relative!important;background:#dfe3e8!important}
body.public-business-page-v27 .menu-cover-image-v27,body.public-business-page-v27 .menu-cover-image-v27 img{width:100%!important;height:100%!important;display:block!important}
body.public-business-page-v27 .menu-cover-image-v27 img{object-fit:cover!important;object-position:center!important}
body.public-business-page-v27 .menu-cover-overlay-v27{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))!important}
body.public-business-page-v27 .menu-cover-info-v27{display:none!important}
body.public-business-page-v27 .menu-identity-v27{position:relative!important;background:#fff!important;padding:0 24px 18px!important;border-bottom:1px solid var(--fb-line)!important;display:flex!important;justify-content:space-between!important;align-items:flex-end!important}
body.public-business-page-v27 .menu-identity-main{margin-top:-62px!important;position:relative!important;z-index:5!important}
body.public-business-page-v27 .menu-avatar-v27{width:124px!important;height:124px!important;border-radius:50%!important;background:#e4e6eb!important;border:5px solid #fff!important;box-shadow:0 1px 2px rgba(0,0,0,.2)!important;overflow:hidden!important;display:grid!important;place-items:center!important}
body.public-business-page-v27 .menu-avatar-v27 img{width:100%!important;height:100%!important;object-fit:cover!important}
body.public-business-page-v27 .menu-identity-main>div:last-child{padding-top:8px!important}
body.public-business-page-v27 .menu-identity-v27 h1{font-size:28px!important;letter-spacing:-.6px!important;margin:0!important;color:var(--fb-text)!important}
body.public-business-page-v27 .menu-profile-handle-v35{font-size:12px!important;color:var(--fb-muted)!important}
body.public-business-page-v27 .menu-identity-meta-v27{font-size:12px!important;color:var(--fb-muted)!important;margin-top:6px!important}
body.public-business-page-v27 .menu-profile-bio-v35{font-size:13px!important;color:#4b4f56!important;max-width:780px!important}
body.public-business-page-v27 .menu-profile-stats-v35{font-size:12px!important;color:var(--fb-muted)!important;gap:20px!important}
body.public-business-page-v27 .menu-identity-actions-v27{position:static!important;display:flex!important;align-items:center!important;gap:8px!important;padding-bottom:4px!important}
body.public-business-page-v27 .menu-icon-btn-v27,.profile-manage-pill-v36,.menu-icon-btn-v36{background:#e4e6eb!important;color:var(--fb-text)!important;border:0!important;border-radius:7px!important;box-shadow:none!important;min-height:40px!important}
body.public-business-page-v27 .profile-manage-pill-v36{background:var(--fb-blue)!important;color:#fff!important}
body.public-business-page-v27 .menu-actions-v27{display:flex!important;gap:8px!important;overflow:auto!important;padding:12px 24px!important;background:#fff!important;border-bottom:1px solid var(--fb-line)!important}
body.public-business-page-v27 .menu-action-v27{min-width:104px!important;border:0!important;background:var(--fb-hover)!important;border-radius:7px!important;box-shadow:none!important;color:var(--fb-text)!important}
body.public-business-page-v27 .menu-action-primary-v27{background:var(--fb-blue)!important;color:#fff!important}
body.public-business-page-v27 .branch-strip-v27{background:#fff!important;border-bottom:1px solid var(--fb-line)!important;padding:12px 24px!important}
body.public-business-page-v27 .profile-tabbar-v35{position:sticky!important;top:58px!important;background:#fff!important;border-bottom:1px solid var(--fb-line)!important;z-index:80!important;padding:0 24px!important}
body.public-business-page-v27 .profile-tabbar-v35 button{font-size:13px!important;color:var(--fb-muted)!important;padding:16px 18px!important}
body.public-business-page-v27 .profile-tabbar-v35 button.active{color:var(--fb-blue)!important}
body.public-business-page-v27 .profile-tabbar-v35 button.active::after{height:3px!important;background:var(--fb-blue)!important;left:10px!important;right:10px!important}

/* Preserve menu list shape; make only its container Facebook-like. */
body.public-business-page-v27 #menu-panel-v35{background:#fff!important}
body.public-business-page-v27 .menu-title-row-v27{padding:18px 24px 10px!important}
body.public-business-page-v27 .menu-search-v27{margin:0 24px 10px!important}
body.public-business-page-v27 .category-rail-v27{background:#fff!important;border-top:1px solid var(--fb-line)!important;border-bottom:1px solid var(--fb-line)!important;padding:8px 18px!important;top:119px!important}
body.public-business-page-v27 .cat-tab-v27{border:0!important;background:transparent!important}
body.public-business-page-v27 .cat-tab-v27.active b{color:var(--fb-blue)!important}
body.public-business-page-v27 .cat-tab-v27.active .cat-image-v27{outline:3px solid rgba(24,119,242,.15)!important}
body.public-business-page-v27 .menu-list-v27{padding-bottom:24px!important}
body.public-business-page-v27 .menu-category-v27{border:0!important;padding-inline:24px!important}
body.public-business-page-v27 .menu-category-head-v27{padding-top:18px!important}
body.public-business-page-v27 .menu-product-v27{border-radius:8px!important;border:1px solid var(--fb-line)!important;box-shadow:none!important;background:#fff!important}
body.public-business-page-v27 .menu-product-v27:hover{box-shadow:0 1px 4px rgba(0,0,0,.08)!important}
body.public-business-page-v27 .sticky-cart-v27{background:var(--fb-blue)!important;border:0!important;border-radius:9px!important;color:#fff!important;box-shadow:0 6px 18px rgba(24,119,242,.22)!important}
body.public-business-page-v27 .sticky-cart-v27 button{color:#fff!important}

/* Dashboard / admin: Page-management feel */
.v26-shell,.v26-business-shell{background:var(--fb-bg)!important}
.v26-sidebar,.v26-business-sidebar{background:#fff!important;border-right:1px solid var(--fb-line)!important;box-shadow:none!important}
.v26-side-brand{color:var(--fb-blue)!important}
.v26-side-brand span{background:var(--fb-blue)!important;color:#fff!important;border-radius:50%!important}
.v26-side-link{color:#1c1e21!important;border-radius:8px!important}
.v26-side-link:hover,.v26-side-link.active{background:var(--fb-hover)!important;color:var(--fb-blue)!important}
.v26-side-section{color:#8a8d91!important;font-size:10px!important;letter-spacing:.03em!important}
.setup-card{background:#fff!important;color:var(--fb-text)!important;box-shadow:var(--fb-shadow)!important;border:1px solid var(--fb-line)!important}
.setup-card p{color:var(--fb-muted)!important}
.setup-card .progress{background:#e4e6eb!important}
.setup-card .progress>span{background:var(--fb-blue)!important}
.stats div{box-shadow:var(--fb-shadow)!important}
.quick-grid .quick-tile{box-shadow:none!important}
.dash-grid .panel{min-height:100%!important}
.panel h2{font-size:18px!important}
.panel>a{border-bottom-color:var(--fb-line)!important}
th{color:#65676b!important;font-weight:800!important}
td{color:#1c1e21!important}

/* Auth pages */
.auth{min-height:calc(100vh - 60px)!important}
.authbox{box-shadow:var(--fb-shadow)!important;border:1px solid var(--fb-line)!important}
.logo{color:var(--fb-blue)!important}
.authbox h1{font-size:30px!important}

/* Universal mobile bottom bar — six simple social tabs */
.bottom-nav{display:none}
@media(max-width:860px){
  html,body{background:#fff!important}
  main{padding:0 0 88px!important}
  body:not(.public-business-page-v27) .top{height:56px!important;padding:0 10px!important}
  .top .brand span{width:32px!important;height:32px!important}
  .top .brand{font-size:16px!important}
  .bottom-nav{position:fixed!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;padding:3px 4px max(3px,env(safe-area-inset-bottom))!important;z-index:300!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--fb-line)!important;box-shadow:0 -2px 10px rgba(0,0,0,.05)!important;border-radius:0!important}
  .bottom-nav a{display:grid!important;place-items:center!important;gap:1px!important;color:#65676b!important;border-radius:8px!important;padding:6px 1px!important;font-size:16px!important}
  .bottom-nav a:hover{background:var(--fb-hover)!important}
  .bottom-nav small{font-size:8px!important;font-weight:800!important}
  .bottom-nav a:first-child{color:var(--fb-blue)!important}
  footer{display:none!important}
  body.public-business-page-v27 .menu-app-v27{width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.public-business-page-v27 .menu-cover-v27{height:220px!important}
  body.public-business-page-v27 .menu-identity-v27{display:block!important;padding:0 16px 14px!important}
  body.public-business-page-v27 .menu-identity-main{margin-top:-50px!important}
  body.public-business-page-v27 .menu-avatar-v27{width:96px!important;height:96px!important}
  body.public-business-page-v27 .menu-identity-v27 h1{font-size:23px!important}
  body.public-business-page-v27 .menu-identity-actions-v27{position:absolute!important;right:14px!important;bottom:18px!important}
  body.public-business-page-v27 .menu-actions-v27{padding-inline:14px!important}
  body.public-business-page-v27 .profile-tabbar-v35{top:56px!important;padding:0 6px!important}
  body.public-business-page-v27 .profile-tabbar-v35 button{min-width:82px!important;padding:14px 9px!important;font-size:11px!important}
  body.public-business-page-v27 .category-rail-v27{top:111px!important}
  body.public-business-page-v27 .menu-category-v27{padding-inline:14px!important}
  body.public-business-page-v27 .menu-title-row-v27{padding-inline:16px!important}
  body.public-business-page-v27 .menu-search-v27{margin-inline:14px!important}
}
@media(max-width:540px){
  .top nav .toplink{display:none!important}
  .lang{display:none!important}
  .section-head{margin-inline:10px!important}
  .grid{padding-inline:10px!important}
  .hero{padding:20px 12px!important}
  .hero h1{font-size:34px!important}
  body.public-business-page-v27 .menu-cover-v27{height:190px!important}
  body.public-business-page-v27 .menu-avatar-v27{width:84px!important;height:84px!important}
  body.public-business-page-v27 .menu-identity-v27 h1{font-size:21px!important}
}

@media(min-width:861px){
  body:not(.public-business-page-v27) main{margin-left:300px!important;max-width:calc(var(--fb-max) - 60px)!important}
  .v26-sidebar,.v26-business-sidebar{position:fixed!important;top:60px!important;bottom:0!important;left:0!important;width:280px!important;overflow:auto!important;z-index:100!important}
  body.public-business-page-v27 .menu-app-v27{margin-top:16px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Global social search */
.global-search-v37{width:min(360px,34vw);height:40px;display:flex;align-items:center;gap:8px;background:#f0f2f5;border-radius:20px;padding:0 14px;margin-left:8px}
.global-search-icon-v37{display:grid;place-items:center;color:#65676b;flex:0 0 auto}
.global-search-v37 input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:13px!important;color:#1c1e21!important}
.global-search-v37 input::placeholder{color:#65676b}
@media(max-width:860px){
  .global-search-v37{width:40px;height:40px;padding:0;justify-content:center;margin-left:auto;transition:width .18s ease,background .18s ease;border:1px solid #e4e6eb}
  .global-search-v37 input{display:none!important}
  .global-search-v37:focus-within{width:190px;justify-content:flex-start;padding:0 12px;background:#f0f2f5}
  .global-search-v37:focus-within input{display:block!important}
}

/* Cleaner desktop public canvas */
@media(min-width:861px){
  body.public-business-page-v27{background:#f0f2f5!important}
  body.public-business-page-v27 .menu-app-v27{margin-top:18px!important}
  body.public-business-page-v27 .menu-cover-v27{height:300px!important}
  body.public-business-page-v27 .menu-identity-v27{padding-inline:30px!important}
  body.public-business-page-v27 .menu-actions-v27{padding-inline:30px!important}
  body.public-business-page-v27 .branch-strip-v27{padding-inline:30px!important}
  body.public-business-page-v27 .profile-tabbar-v35{padding-inline:30px!important}
}

/* Feed-like content density for generic pages */
@media(min-width:861px){
  body:not(.public-business-page-v27) .grid{gap:14px!important}
  body:not(.public-business-page-v27) .grid.posts{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  body:not(.public-business-page-v27) .dash-head{background:#fff!important;border:1px solid var(--fb-line)!important;border-radius:10px!important;padding:18px 20px!important;box-shadow:var(--fb-shadow)!important}
}