/* Small interaction cues; products are visible immediately. */
.product-page header.nav{position:sticky;top:0;z-index:50;background:#f4ecd8}
.product-page .nav-in{display:flex;align-items:center;gap:16px;min-height:64px;padding-top:8px;padding-bottom:8px}
.product-page .nav-in .brand{margin-right:auto;flex:0 1 auto;min-width:0}
.product-page .brand img{width:38px;height:42px;object-fit:contain;border-radius:0}
.product-page .nav-links{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.product-page .nav-links a{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap}
.product-page .nav-in>.btn{margin:0;flex:0 0 auto;min-height:40px}
@media(max-width:760px){
  .product-page .nav-in{flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}
  .product-page .nav-in .brand{font-size:18px}
  .product-page .nav-links{display:flex!important;order:3;width:100%;justify-content:space-between;gap:6px}
  .product-page .nav-links a{justify-content:center;flex:1 1 auto;padding:8px 10px}
}
@media (prefers-reduced-motion: no-preference) {
  .btn,.chip,.nav-links a,.vchip,.heart-btn {
    transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease!important;
  }
  .find,.card[data-slug],.cat,.fish-type-card {
    transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease!important;
  }
  @media (hover:hover) and (pointer:fine) {
    .find:hover,.card[data-slug]:hover,.cat:hover,.fish-type-card:hover {transform:translateY(-3px)}
    .btn:hover {transform:translateY(-1px)}
  }
  .btn:active,.chip:active,.vchip:active {transform:translateY(1px)}
  #discoveryFilters:not([hidden]) {animation:bb-panel-in 180ms ease-out}
  .search-suggestions:not([hidden]) {animation:bb-panel-in 140ms ease-out}
  @keyframes bb-panel-in {from {opacity:.65;transform:translateY(-4px)} to {opacity:1;transform:translateY(0)}}
}
/* A full-width, flat fishing category row. Smaller screens can scroll it. */
.fishing-page .subbar-in {
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  align-items:center!important;gap:4px!important;padding-top:10px!important;padding-bottom:10px!important;
}
.fishing-page .subbar-in .chip {flex:1 0 auto!important;white-space:nowrap;justify-content:center;padding:10px 12px!important}
.fishing-page .subbar-in .sort {flex:0 0 auto!important;width:auto!important;margin-left:8px!important;padding-left:0!important}
.fishing-page .subbar-in .sort select {width:auto!important;min-width:150px!important}
@media(max-width:820px) {
  .fishing-page .subbar-in .chip {flex:0 0 auto!important;padding:10px 12px!important}
  .fishing-page .subbar-in .sort select {min-width:140px!important}
}
@media(prefers-reduced-motion:reduce) {
  .find:hover,.card[data-slug]:hover,.cat:hover,.fish-type-card:hover,.btn:hover,.btn:active,.chip:active,.vchip:active {transform:none!important}
  #discoveryFilters,.search-suggestions {animation:none!important}
}