/* TackleSonar R54 — centered public composition + high-contrast content headers */
:root{--ts-r54-accent:#55ecf5;--ts-r54-accent-deep:#13bddd}

/*
 * R54 alignment rule:
 * - high-level page/section identity is centered;
 * - secondary desktop actions/counters may stay on the right;
 * - structured forms, dense tables and product/deal-card data stay readable rather than
 *   being blindly centered.
 */

/* Deals + Popular: the signal identity owns the visual center; the Today link remains right. */
.market-list-section>.list-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.market-list-section>.list-toolbar>div:first-child{
  grid-column:2!important;
  justify-self:center!important;
  text-align:center!important;
}
.market-list-section>.list-toolbar>div:first-child .eyebrow,
.market-list-section>.list-toolbar>div:first-child h2{display:block;text-align:center!important}
.market-list-section>.list-toolbar>a{
  grid-column:3!important;
  justify-self:end!important;
  text-align:right!important;
}

/* Categories directory: center the active family identity while leaving its navigation action usable. */
.category-family-panel-r33>header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.category-family-panel-r33>header>div{
  grid-column:2!important;
  justify-self:center!important;
  text-align:center!important;
  max-width:720px!important;
}
.category-family-panel-r33>header>div p{margin-left:auto!important;margin-right:auto!important}
.category-family-panel-r33>header>.btn{
  grid-column:3!important;
  justify-self:end!important;
}

/* Category detail hero: image + collection identity are a single centered focal group. */
.category-hero-r38 .category-hero-inner-r38{
  grid-template-columns:minmax(210px,332px) minmax(0,1fr) minmax(210px,332px)!important;
  gap:20px!important;
}
.category-hero-focus-r54{
  grid-column:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  min-width:0!important;
  text-align:center!important;
}
.category-hero-focus-r54 .category-hero-media-r38{flex:0 0 auto!important}
.category-hero-focus-r54 .category-hero-copy-r38{
  min-width:0!important;
  text-align:center!important;
  justify-items:center!important;
}
.category-hero-focus-r54 .category-hero-copy-r38 p{
  margin-left:auto!important;
  margin-right:auto!important;
}
.category-hero-r38 .category-hero-nav-r38{
  grid-column:3!important;
  justify-self:end!important;
  width:min(100%,332px)!important;
}

/* Tracked Products / Live Deal Signals: identity centered, supporting explanation remains right on desktop. */
.category-results-r38>header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.category-results-r38>header>div{
  grid-column:2!important;
  justify-self:center!important;
  text-align:center!important;
}
.category-results-r38>header>p{
  grid-column:3!important;
  justify-self:end!important;
  text-align:right!important;
  max-width:420px!important;
}

/* Explore More is a content identity, not a left-side form label. */
.explore-more-head-r29{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.explore-more-head-r29 p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Storefront: center logo + store identity as one unit; retain store actions on the right. */
.store-showcase-grid-r33{
  grid-template-columns:250px minmax(0,1fr) 250px!important;
  gap:24px!important;
  align-items:center!important;
}
.store-brand-block-r33{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:164px minmax(0,560px)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px!important;
  text-align:center!important;
}
.store-logo-card-r33{justify-self:center!important}
.store-hero-copy-r33{text-align:center!important}
.store-hero-copy-r33 p{margin-left:auto!important;margin-right:auto!important}
.store-trust-chips-r33{justify-content:center!important}
.store-hero-actions-r33{
  grid-column:3!important;
  justify-self:end!important;
  width:100%!important;
  max-width:250px!important;
}

/* Store tabs: Deals / Tracked catalog hold the center; sort remains right on desktop. */
.store-tabbar-r33{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:end!important;
  gap:18px!important;
}
.store-tabbar-r33>nav{
  grid-column:2!important;
  justify-self:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.store-tabbar-r33>label{
  grid-column:3!important;
  justify-self:end!important;
}

/* Brands A–Z identity. */
.brands-head + .directory-section>.directory-toolbar{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.brands-head + .directory-section>.directory-toolbar>div{text-align:center!important}

/* Anglers' Corner results: count/title centered while the Ask action remains right on desktop. */
.library-results-head-r18{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
.library-results-head-r18>div:first-child{
  grid-column:2!important;
  justify-self:center!important;
  text-align:center!important;
}
.library-results-head-r18>.text-button{
  grid-column:3!important;
  justify-self:end!important;
  text-align:right!important;
}

/* Advertising uses the same lake artwork with enough contrast to keep the header readable. */
.advertising-intro{
  background-image:linear-gradient(90deg,rgba(2,22,45,.88) 0%,rgba(3,34,63,.77) 45%,rgba(3,27,52,.73) 100%),url('/assets/img/market-head-fishing.svg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.advertising-intro h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,18,38,.62)!important}
.advertising-intro p{color:#eefaff!important;text-shadow:0 1px 8px rgba(0,18,38,.46)!important}
.advertising-intro .eyebrow{color:var(--ts-r54-accent)!important;text-shadow:0 1px 8px rgba(0,18,38,.58)!important}

/* Requested TackleSonar turquoise identity labels. */
.partner-console-brand-r22 .eyebrow,
.workspace-head.account-head-r39 .eyebrow,
.ops-hero .eyebrow{
  color:var(--ts-r54-accent)!important;
  text-shadow:0 1px 8px rgba(0,18,38,.48)!important;
}

/* Account role badges are intentionally larger and visually part of the turquoise identity system. */
.workspace-head.account-head-r39 .account-identity-r39 h1 small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:29px!important;
  padding:5px 11px!important;
  border:1px solid rgba(85,236,245,.46)!important;
  border-radius:999px!important;
  background:rgba(85,236,245,.14)!important;
  color:var(--ts-r54-accent)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
}

/* Tablet / narrow desktop: favor centered composition before anything can become cramped. */
@media(max-width:1100px){
  .category-hero-r38 .category-hero-inner-r38{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .category-hero-focus-r54,
  .category-hero-r38 .category-hero-nav-r38{
    grid-column:1!important;
    justify-self:center!important;
  }
  .category-hero-r38 .category-hero-nav-r38{width:min(100%,620px)!important}

  .store-showcase-grid-r33{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .store-brand-block-r33,.store-hero-actions-r33{
    grid-column:1!important;
    justify-self:center!important;
  }
  .store-hero-actions-r33{max-width:520px!important;width:100%!important;justify-items:center!important}
}

/* Mobile: the same centered hierarchy collapses cleanly instead of being squeezed sideways. */
@media(max-width:820px){
  .market-list-section>.list-toolbar,
  .category-family-panel-r33>header,
  .category-results-r38>header,
  .library-results-head-r18,
  .store-tabbar-r33{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    text-align:center!important;
    gap:10px!important;
  }
  .market-list-section>.list-toolbar>div:first-child,
  .market-list-section>.list-toolbar>a,
  .category-family-panel-r33>header>div,
  .category-family-panel-r33>header>.btn,
  .category-results-r38>header>div,
  .category-results-r38>header>p,
  .library-results-head-r18>div:first-child,
  .library-results-head-r18>.text-button,
  .store-tabbar-r33>nav,
  .store-tabbar-r33>label{
    grid-column:1!important;
    justify-self:center!important;
    text-align:center!important;
  }
  .category-results-r38>header>p{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
  .category-family-panel-r33>header>.btn{width:min(100%,290px)!important}
  .library-results-head-r18>.text-button{max-width:100%!important}

  .category-hero-focus-r54{
    flex-direction:column!important;
    width:100%!important;
    gap:12px!important;
  }
  .category-hero-focus-r54 .category-hero-media-r38{
    width:96px!important;
    height:96px!important;
    margin-inline:auto!important;
  }
  .category-hero-focus-r54 .category-hero-copy-r38{width:min(100%,680px)!important}
  .category-hero-r38 .category-hero-nav-r38{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .store-brand-block-r33{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    width:100%!important;
    gap:14px!important;
  }
  .store-logo-card-r33{
    width:132px!important;
    height:132px!important;
  }
  .store-hero-copy-r33{width:min(100%,680px)!important}
  .store-trust-chips-r33{justify-content:center!important}
  .store-hero-actions-r33{grid-template-columns:1fr!important;width:min(100%,340px)!important}
  .store-tabbar-r33>nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 18px!important}
  .store-tabbar-r33>label{justify-content:center!important;padding-bottom:10px!important}

  .brands-head + .directory-section>.directory-toolbar{justify-content:center!important;text-align:center!important}

  .partner-console-brand-r22{
    justify-content:center!important;
    text-align:center!important;
    flex-wrap:wrap!important;
  }
  .partner-console-brand-r22>div{width:100%!important;text-align:center!important}
  .partner-status-r22{justify-content:center!important}

  .workspace-head.account-head-r39 .workspace-title,
  .workspace-head.account-head-r39 .account-identity-r39{
    justify-content:center!important;
    text-align:center!important;
  }
  .workspace-head.account-head-r39 .account-identity-r39{flex-wrap:wrap!important}
  .workspace-head.account-head-r39 .account-identity-r39>div{text-align:center!important}
  .workspace-head.account-head-r39 .account-identity-r39 h1{justify-content:center!important;flex-wrap:wrap!important}

  .ops-hero .ops-head{justify-items:center!important;text-align:center!important}
  .ops-hero .ops-head>div:first-child{text-align:center!important}
  .ops-hero .hero-actions{justify-content:center!important}
}

@media(max-width:520px){
  .category-hero-r38 .category-hero-inner-r38{width:calc(100% - 20px)!important}
  .category-hero-r38 .category-hero-nav-r38{grid-template-columns:1fr!important;width:100%!important}
  .category-family-panel-r33{padding:16px!important}
  .category-family-panel-r33>header>div{max-width:100%!important}
  .store-showcase-inner-r33,.store-showcase-content-r33{width:calc(100% - 20px)!important}
  .store-showcase-inner-r33{padding-top:16px!important;padding-bottom:22px!important}
  .store-hero-copy-r33 h1{font-size:clamp(30px,10vw,42px)!important}
  .store-trust-chips-r33{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .store-trust-chips-r33 span{text-align:center!important}
  .store-tabbar-r33>nav{width:100%!important}
  .store-tabbar-r33>nav a{flex:1 1 130px!important;text-align:center!important}
  .workspace-head.account-head-r39 .account-identity-r39 h1 small{font-size:11px!important;min-height:28px!important}
}