/* Qoffa Smart — persistent category navigation: an anchored, glass market rail beneath the global header. */
body.products-page #mainHeader { z-index: 2000; isolation: isolate; }
body.products-page #mainHeader .qoffa-header-search { z-index: 2010; }
body.products-page .quick-categories {
  position: sticky;
  top: 82px;
  z-index: 980;
  margin: 0;
  padding: 10px 0 14px;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(247,244,236,.96) 0%, rgba(247,244,236,.84) 74%, rgba(247,244,236,0) 100%);
  transition: padding .22s cubic-bezier(.23,1,.32,1), box-shadow .22s ease;
}

body.products-page .quick-categories::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 4px 0 0;
  border-bottom: 1px solid rgba(28,107,73,.1);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72) 18%, rgba(255,255,255,.72) 82%, transparent);
  pointer-events: none;
}

body.products-page .quick-categories .container { position: relative; }

body.products-page .quick-nav {
  position: relative;
  top: auto;
  width: min(calc(100% - 32px), 860px);
  min-height: 56px;
  margin: 0 auto;
  padding: 6px;
  gap: 5px;
  border: 1px solid rgba(28,107,73,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 12px 30px rgba(22,76,49,.1), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}

body.products-page .quick-link {
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid transparent;
  border-radius: 16px;
  color: #62746b;
  font-size: .82rem;
  line-height: 1;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s cubic-bezier(.23,1,.32,1);
}

body.products-page .quick-link i { color: #739685; font-size: .78rem; transition: color .2s ease, transform .2s cubic-bezier(.23,1,.32,1); }
body.products-page .quick-link:hover { color: #185238; background: rgba(222,243,212,.72); border-color: rgba(28,107,73,.12); transform: translateY(-1px); }
body.products-page .quick-link:hover i { color: #24815a; transform: scale(1.12); }
body.products-page .quick-link.active { color: #fff; background: linear-gradient(135deg,#164c36,#1e8058 65%,#36a96e); border-color: rgba(255,255,255,.24); box-shadow: 0 9px 18px rgba(21,103,66,.25), inset 0 1px 0 rgba(255,255,255,.17); transform: none; }
body.products-page .quick-link.active i { color: #d9f379; }
body.products-page .quick-link:focus-visible { outline: 3px solid #d9f379; outline-offset: 2px; }

@media (max-width: 800px) {
  body.products-page .quick-categories { top: 68px; padding: 8px 0 11px; }
  body.products-page .quick-nav { width: calc(100% - 24px); min-height: 51px; padding: 5px; gap: 4px; border-radius: 18px; }
  body.products-page .quick-link { min-height: 39px; padding: 8px 13px; border-radius: 13px; font-size: .75rem; }
}

@media (max-width: 480px) {
  body.products-page .quick-categories { top: 64px; }
  body.products-page .quick-nav { width: calc(100% - 16px); }
  body.products-page .quick-link { gap: 6px; padding-inline: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  body.products-page .quick-categories, body.products-page .quick-link, body.products-page .quick-link i { transition: none; }
}