/* Shared storefront refinements: compact navigation and unobtrusive notifications. */
.nav-user-icon { display:none; width:21px; height:21px; }
.cart-modal:not(.is-open) { visibility:hidden; }
body:not(.admin) .store-urgency-pill { animation:none; box-shadow:none; }
body:not(.admin) .store-urgency-pill::before { content:none; }

@media (max-width:980px) {
  body:not(.admin) .topbar > .wrap { padding:0 16px; }
  body:not(.admin) .topbar .nav {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand actions" "search search";
    align-items:center;
    gap:10px;
    padding:12px 0 10px;
  }
  body:not(.admin) .topbar .brand { grid-area:brand; font-size:25px; white-space:nowrap; }
  body:not(.admin) .topbar .navlinks { grid-area:actions; width:auto; gap:8px; order:initial; }
  body:not(.admin) .topbar .navlinks > .navlink,
  body:not(.admin) .topbar .nav-register { display:none; }
  body:not(.admin) .topbar .nav-cart-toggle,
  body:not(.admin) .topbar .nav-login,
  body:not(.admin) .topbar .nav-account > summary {
    min-height:40px; height:40px; padding:0 11px; gap:6px; font-size:12px;
  }
  body:not(.admin) .topbar .nav-login { padding:0; width:40px; display:inline-flex; align-items:center; justify-content:center; }
  body:not(.admin) .topbar .nav-account > summary { padding:0; width:40px; justify-content:center; }
  body:not(.admin) .topbar .nav-account > summary .nav-account-name,
  body:not(.admin) .topbar .nav-account > summary .nav-account-chevron { display:none; }
  body:not(.admin) .topbar .nav-user-icon { display:block; }
  body:not(.admin) .topbar .nav-login span { display:none; }
  body:not(.admin) .topbar .nav-account-name { max-width:64px; }
  body:not(.admin) .topbar .nav-cart-icon { width:19px; height:19px; }
  body:not(.admin) .topbar .nav-cart-count { min-width:20px; height:20px; font-size:11px; }
  body:not(.admin) .topbar .search { grid-area:search; order:initial; width:100%; min-width:0; padding:3px; border-radius:999px; }
  body:not(.admin) .topbar .search .inp { padding:8px 12px; height:38px; min-height:38px; font-size:14px; }
  body:not(.admin) .topbar .search .btn { min-height:38px; height:38px; padding:0 17px; font-size:12px; }
  body:not(.admin) .topbar .catbar {
    flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:20px;
    margin-top:0; padding:3px 0; max-height:none; opacity:1; border-top:0;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
  }
  body:not(.admin) .topbar .catbar::-webkit-scrollbar { display:none; }
  body:not(.admin) .topbar .catbar > * { flex:0 0 auto; }
  body:not(.admin) .topbar .catbar > a,
  body:not(.admin) .topbar .catbar .cat-item > a { min-height:36px; display:inline-flex; align-items:center; padding:0; font-size:12px; white-space:nowrap; }
  body:not(.admin) .topbar .store-urgency-bar {
    display:flex; flex-wrap:nowrap; gap:8px; padding:7px 0 9px; max-height:none; opacity:1;
  }
  body:not(.admin) .topbar .store-urgency-pill { min-height:24px; padding:0; border:0; background:none; font-size:10px; color:#fff; letter-spacing:.06em; }
  body:not(.admin) .topbar .store-urgency-text { display:none; }
  body:not(.admin) .topbar .store-urgency-link { min-height:24px; padding:0; margin-left:auto; border:0; background:none; font-size:11px; }
  body:not(.admin).header-compact .topbar .catbar,
  body:not(.admin).header-compact .topbar .store-urgency-bar { max-height:none; opacity:1; pointer-events:auto; }
  body:not(.admin).header-compact .topbar .catbar { padding:3px 0; }
  body:not(.admin).header-compact .topbar .store-urgency-bar { padding:7px 0 9px; }
  body:not(.admin).header-compact .topbar .nav { padding:12px 0 10px; gap:10px; }
}
@media (max-width:360px) {
  body:not(.admin) .topbar .brand { font-size:22px; }
  body:not(.admin) .topbar .nav-cart-toggle > span:first-of-type { display:none; }
}
@media (max-width:900px) {
  body:not(.admin) .cart-modal-panel { max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain; }
  body:not(.admin) .nav-cart-close { width:44px;height:44px;min-width:44px;min-height:44px; }
  body:not(.admin) .recent-purchase-popup {
    left:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    width:min(330px, calc(100vw - 24px)); min-height:76px; border-radius:13px;
  }
  body:not(.admin):has(.product-mobile-buybar) .recent-purchase-popup { bottom:calc(var(--product-buybar-height, 80px) + 12px + env(safe-area-inset-bottom, 0px)); }
  body:not(.admin) .recent-purchase-link { grid-template-columns:62px minmax(0,1fr); min-height:76px; }
  body:not(.admin) .recent-purchase-image { width:62px; height:76px; }
  body:not(.admin) .recent-purchase-copy { padding:9px 38px 9px 10px; }
  body:not(.admin) .recent-purchase-customer { font-size:11px; }
  body:not(.admin) .recent-purchase-action { font-size:10px; }
  body:not(.admin) .recent-purchase-product { font-size:11px; -webkit-line-clamp:1; margin-top:2px; }
  body:not(.admin) .recent-purchase-time { font-size:10px; margin-top:2px; }
  body:not(.admin) .recent-purchase-close { top:2px; right:2px; width:36px; height:36px; }
}