/* HABSCO public shell — simple, fast, low-memory styles */
.public-app,.public-app *{box-sizing:border-box}
.public-app{background:#fff}
.public-app main{max-width:1400px;margin:0 auto;background:#fff;min-height:60vh}
.public-app .section,.public-app .page-banner,.public-app .hero{max-width:1360px}
.public-app .card,.public-app .panel,.public-app .cta,.public-app .trust{box-shadow:none}
.public-app img,.public-app video,.public-app iframe{max-width:100%;height:auto}
.public-app table{width:100%;display:block;overflow-x:auto}
.public-app input,.public-app textarea,.public-app select,.public-app button,.public-app a{touch-action:manipulation}
.public-app button,.public-app .btn,.public-app a.btn{min-height:44px}
.public-app input,.public-app textarea,.public-app select{max-width:100%;font-size:16px}
.public-app .section,.public-app .container,.public-app .content,.public-app .grid{min-width:0}

/* Simple public navigation */
.public-app .topbar,.public-app body > .topbar,.public-app header nav,.public-app header .nav,.public-app header .menu,.public-app header .mobile-toggle,.public-app .site-nav,.public-app .top-nav,.public-app .main-nav,.public-app .navbar,.public-app .nav-links{display:none!important}
.public-app header.logo-only-header{position:sticky;top:0;z-index:1500;width:100%;height:88px!important;min-height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 14px!important;background:#fff!important;border-bottom:1px solid #e1e7e3;overflow:visible!important}
.public-app header.logo-only-header .public-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;margin:0;text-decoration:none}
.public-app header.logo-only-header .public-logo:before,.public-app header.logo-only-header .public-logo:after{display:none!important}
.public-app header.logo-only-header .public-logo img{display:block!important;width:185px!important;height:auto!important;max-width:185px!important;max-height:74px!important;object-fit:contain!important;filter:none!important;transform:none!important;animation:none!important;will-change:auto!important}

/* Simple bottom navigation */
.public-app .app-bottom-nav{position:fixed!important;left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;z-index:3000!important;width:auto!important;min-height:64px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;padding:6px 5px!important;background:#fff!important;border:1px solid #dfe7e2!important;border-radius:14px!important;box-shadow:0 3px 10px rgba(0,0,0,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:auto;contain:layout paint;will-change:auto}
.public-app .app-bottom-nav:before{display:none!important}
.public-app .app-bottom-nav a{position:relative;min-width:0!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:5px 2px!important;border:1px solid #e4ebe7!important;border-radius:10px!important;color:#46564e!important;text-decoration:none!important;font-weight:800!important;outline:none!important;transform:none!important;transition:none!important;transform-style:flat!important}
.public-app .app-bottom-nav a:before,.public-app .app-bottom-nav a:after{display:none!important}
.public-app .app-bottom-nav a span{font-size:20px!important;line-height:1!important;font-weight:900!important;display:block!important;transform:none!important;text-shadow:none!important}
.public-app .app-bottom-nav a small{font-size:10px!important;line-height:1.05!important;white-space:nowrap!important;font-weight:800!important;transform:none!important}
.public-app .app-bottom-nav a:hover,.public-app .app-bottom-nav a:active,.public-app .app-bottom-nav a.active,.public-app .app-bottom-nav a.donate-tab{transform:none!important;box-shadow:none!important;background:#f2f6f3!important;color:#0d5b2b!important;border-color:#d6e3db!important}
.public-app .app-bottom-nav a.active{font-weight:900!important}
.public-app .app-bottom-nav a.active span{transform:none!important;text-shadow:none!important}
body.public-app{padding-bottom:86px!important}
@media(min-width:721px){.public-app .app-bottom-nav{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(820px,calc(100vw - 32px))!important;border-radius:12px!important}}
@media(max-width:380px){.public-app .app-bottom-nav{left:4px!important;right:4px!important}.public-app .app-bottom-nav a span{font-size:18px!important}.public-app .app-bottom-nav a small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.public-app *{animation:none!important;transition:none!important}}
