/* * Browse-only: the menu without the means to order. * * The class goes on , not , so these rules are in force before the * body is parsed and an order bar never flashes on screen. Product cards are * injected long after the scripts run, which is why this is a stylesheet and * not a pass over the DOM: markup that does not exist yet is still covered. * * !important throughout because several of these controls carry inline styles * and page-specific rules of their own, and a hidden checkout that quietly * un-hides itself is worse than never having hidden it. */ html.posnic-browse-only .cart-controls, html.posnic-browse-only .cart-footer, html.posnic-browse-only .cart-actions, html.posnic-browse-only .floating-cart, html.posnic-browse-only .top-cart, html.posnic-browse-only .checkout-btn, html.posnic-browse-only .sheet-add, html.posnic-browse-only #next-btn { display: none !important; } /* * The products page reserves room at the bottom for the bill bar. With the * bar gone that becomes a strip of dead space under the last row. */ html.posnic-browse-only .content-wrapper { padding-bottom: 0 !important; } /* The shop's own words - closed, paused, menu only - across the top. */ #posnic-channel-banner { position: sticky; top: 0; z-index: 1080; padding: 12px 16px; background: #111827; color: #ffffff; font-size: 15px; line-height: 1.4; text-align: center; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }