/* Shared storefront chrome (Phase 1, 2026-10-30): sticky basket bar on every
   browsing page + the store header used on product pages. */

/* Item 5: "View basket · ₦total" bar (mirrors BasketBar.tsx in the app) */
.basket-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:150;display:flex;justify-content:center;pointer-events:none}
.basket-bar[hidden]{display:none}
.basket-bar__btn{pointer-events:auto;width:100%;max-width:520px;height:56px;display:flex;align-items:center;gap:12px;padding:0 14px 0 10px;border:0;border-radius:18px;background:#1b4d3e;color:#fff;font:inherit;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(18,54,41,.28)}
.basket-bar__btn:hover{background:#123629}
.basket-bar__btn:focus-visible{outline:3px solid #f4b740;outline-offset:2px}
.basket-bar__count{min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:#f4b740;color:#123629;display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.basket-bar__label{flex:1;text-align:left;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:15px}
.basket-bar__total{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.basket-bar__btn svg{width:18px;height:18px;flex-shrink:0}
body.has-basket-bar{padding-bottom:84px}
body.has-basket-bar .fab-whatsapp{bottom:84px}
body.has-basket-bar .toast{bottom:84px}
body.has-basket-bar .sidebar-toggle{bottom:144px}
body.modal-open .basket-bar{display:none}

/* Product-page header (same look as the storefront header) */
.fm-topbar{background:#1b4d3e;color:#dcebe0;font-size:12px;padding:6px 12px;text-align:center}
.fm-header{background:#fff;border-bottom:1px solid #e7efe9;position:sticky;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.fm-header__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 12px}
.fm-header__logo{display:flex;align-items:center;gap:6px;min-height:44px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:18px;color:#1b4d3e;text-decoration:none;flex-shrink:0}
.fm-header__logo img{width:36px;height:36px;object-fit:contain}
.fm-header__search{flex:1;max-width:420px;position:relative;margin:0}
.fm-header__search input{width:100%;height:44px;padding:8px 40px 8px 14px;border:1px solid #dce7df;border-radius:999px;background:#f4f8f3;font:inherit;font-size:14px;color:#16241d}
.fm-header__search input:focus{outline:2px solid #1b4d3e;outline-offset:1px;background:#fff}
.fm-header__search button{position:absolute;right:2px;top:2px;width:40px;height:40px;border:0;background:transparent;color:#526158;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:999px}
.fm-header__search svg{width:18px;height:18px}
.fm-header__nav{display:flex;gap:4px}
.fm-header__nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px;font-size:13px;font-weight:600;color:#16241d;text-decoration:none}
.fm-header__cart{position:relative;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:999px;background:#267d38;color:#fff;font-weight:700;font-size:13px;text-decoration:none;flex-shrink:0}
.fm-header__cart:hover{background:#1b4d3e}
.fm-header__cart:focus-visible,.fm-header__logo:focus-visible,.fm-header__nav a:focus-visible{outline:3px solid #f4b740;outline-offset:2px}
.fm-header__count{background:#c92a22;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
@media (max-width:760px){.fm-header__nav{display:none}.fm-header__logo span{display:none}}
.fm-footer{margin-top:24px;background:#123629;color:#dcebe0;font-size:13px}
.fm-footer__inner{max-width:1000px;margin:0 auto;padding:20px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}
.fm-footer a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.pd-toast{position:fixed;left:50%;top:72px;transform:translateX(-50%);background:#16241d;color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;z-index:160;opacity:0;transition:opacity .2s;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.pd-toast.show{opacity:1}