.jQ_Mi1th {
  display: inline-flex;
  align-items: center;
  padding: var(--pds-space-4) var(--pds-space-8);
  border-radius: var(--pds-radius-rounded);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

.b0hImhp9 {
  background: var(--pds-color-border-tertiary);
  color: var(--color-text-secondary);
}

.we7_M5Xx {
  background: #d1fae5;
  color: var(--pds-color-text-success);
}

.GlIG674K {
  background: #fef3c7;
  color: var(--color-warning);
}

.Lor65h_j {
  background: #fee2e2;
  color: var(--pds-color-text-critical);
}

.jFIvvXRJ {
  background: var(--pds-color-orange-50);
  color: var(--pds-color-orange-400);
}

.Woo5n7qD {
  background: var(--pds-color-background-primary);
  border: 1px solid var(--pds-color-border-tertiary);
  border-radius: var(--pds-radius-8);
  padding: var(--pds-space-24);
  box-shadow: var(--shadow-sm);
}

.OOKVdQx9 {
  margin: 0 0 var(--pds-space-16);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
}

.G7k98bKJ {
  font-size: var(--font-size-md);
  line-height: 1.5;
}

.LtDCp77H {
  display: flex;
  flex-direction: column;
  gap: var(--pds-space-4);
}

.h8bwnlHc {
  box-shadow: var(--shadow-md);
}

.n2AoKzU0 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

.BbYuoY04 {
  font-size: var(--font-size-md);
  line-height: 1.6;
}

.aAjBs6x_ {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: var(--pds-radius-8);
  background: var(--pds-color-background-secondary);
}

.iALAkfEo {
  object-fit: cover;
}

.EOXBYbxT {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pds-color-text-secondary);
}

.Ew9pQEBx {
  opacity: 0.4;
}

.uSXWumIp {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.eysRJg9U {
  display: flex;
  flex-direction: column;
  gap: var(--pds-space-4);
}

.kyQtFcPv {
  overflow-x: auto;
}

.NfDHTU2p {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--font-size-md);
}

.b3NA0oXb {
  text-align: left;
  padding: 10px var(--pds-space-16);
  border-bottom: 2px solid var(--pds-color-border-tertiary);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-secondary);
}

.HDdrHnLG {
  padding: 10px var(--pds-space-16);
  border-bottom: 1px solid var(--pds-color-background-secondary);
}

.q8C5SiYp:hover {
  background: var(--pds-color-background-secondary);
}

.rAD1R6pW {
  cursor: pointer;
}

.grRC7o67 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--pds-radius-rounded);
  color: #fff;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  flex-shrink: 0;
  user-select: none;
}

.PTm4rA7V {
  width: 28px;
  height: 28px;
  font-size: var(--font-size-xs);
}

.t4StFvsQ {
  width: 36px;
  height: 36px;
  font-size: var(--font-size-sm);
}

.icmhU96m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--pds-space-12);
  min-height: 100vh;
  padding: var(--pds-space-24);
  text-align: center;
}

.i6ukMzGX {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.Y0aZ3hjz {
  display: flex;
  margin-left: auto;
  min-width: 220px;
}

.l0WD5dAB {
  display: flex;
  width: 100%;
  cursor: pointer;
}

/* `:global(.pds-modal)` raises specificity to reliably override Podium's centered modal
   positioning. Mobile keeps Podium's default bottom-sheet behavior. */
@media (width >= 960px) {
  /* stylelint-disable-next-line selector-class-pattern */
  .pds-modal.UrKx8aJs {
    top: 0;
    right: 0;
    left: 0;
    z-index: calc(var(--z-nav) + 1);
    width: auto;
    max-width: none;
    margin: 0;
    padding: var(--pds-space-16) var(--pds-space-48) var(--pds-space-32);
    transform: none;
    border-radius: 0 0 var(--pds-radius-12) var(--pds-radius-12);
  }

  /* Podium adds ::before/::after bars on modal children as a WebKit scroll-indicator
     workaround. They're useful in a centered dialog but appear as stray white lines in
     this dropdown panel — hide them. */
  /* stylelint-disable selector-class-pattern */
  .pds-modal.UrKx8aJs > .pds-modal__content::before,
  .pds-modal.UrKx8aJs > .pds-modal__content::after {
    display: none;
  }
  /* stylelint-enable selector-class-pattern */
}

/* Shared 3-column grid — app name | search field | action buttons — so `.panelBody` below
   can align to the search field's own column exactly. */
.lWBPYlAm {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: var(--pds-space-16);
}

.nIdWrpoP {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  margin-bottom: var(--pds-space-16);
}

.Abf_h9ww {
  margin-right: var(--pds-space-24);
}

.I3PdGL8e {
  display: flex;
  align-items: center;
  gap: var(--pds-space-16);
}

.HZELlNNM {
  padding-block: var(--pds-space-8);
}

.FKMEkawK {
  grid-column: 2;
  margin-left: var(--pds-space-12);
}

.QPWMJ5xY {
  margin-bottom: var(--pds-space-24);
}

.aflRVM13 {
  margin-top: var(--pds-space-8);
  margin-bottom: var(--pds-space-24);
}

.tYpjy83_ {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.N612FS_U {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pds-space-8) var(--pds-space-32);
  padding: 0;
  margin: var(--pds-space-8) 0 0;
  list-style: none;
}

.SsH7MJWi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pds-space-8);
}

/* Matches tady-combined-storefront-v4.html `.soldto-*` pill control */
.z9Jog5sY {
  display: flex;
  align-items: center;
  gap: var(--pds-space-8);
  min-width: 0;
}

.xYsp1huD {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  height: 36px;
  border: 1px solid #d6d6d6;
  border-radius: 999px;
  background: #fff;
  margin: 0;
  cursor: default;
  min-width: 0;
}

.pGyk7tgi {
  font-size: 11px;
  font-weight: 600;
  color: #757575;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tCQ2VOsr {
  display: block;
  min-width: 170px;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  color: #111;
}

.MmsctnZn {
  display: block;
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  font-weight: 500;
  color: #111;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-family: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.GZPYwIqa {
  display: flex;
  align-items: center;
  gap: var(--pds-space-16);
  padding: var(--pds-space-12) var(--pds-space-24);
  border-bottom: 1px solid var(--pds-color-border-tertiary);
  background: var(--pds-color-background-primary);
  position: sticky;
  top: 0;
  z-index: var(--z-nav);
  box-shadow: var(--pds-shadow-primary);
}

.B1uh6ErP {
  margin: 0;
}

.SmDlUi8L {
  color: inherit;
  text-decoration: none;
}

.SmDlUi8L:hover {
  text-decoration: none;
}

.jiBvYXNR {
  color: inherit;
  text-decoration: none;
  padding: var(--pds-space-4) 0;
  border-bottom: 2px solid transparent;
}

.jiBvYXNR:hover {
  text-decoration: none;
  opacity: 0.7;
}

.K_pPMcaP {
  font-weight: var(--font-weight-semibold);
  border-bottom-color: currentcolor;
  opacity: 1;
}

.WPLbKKDZ {
  display: flex;
  align-items: center;
  gap: var(--pds-space-16);
  margin-left: auto;
}

.ZtZXPm0U {
  white-space: nowrap;
}

:root {
  --font-sans: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, sans-serif;

  /* colors not covered by Podium semantic tokens */
  --color-text-secondary: #374151;
  --color-warning: #92400e;

  /* font sizes (Podium uses font shorthand, not individual sizes) */
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 32px;

  /* font weights */
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* shadows (Podium's --pds-shadow-primary is a different dual-layer shadow) */
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 6%);
  --shadow-md: 0 4px 24px rgb(0 0 0 / 12%);

  /* radius not in Podium scale (Podium jumps 4 -> 8) */
  --radius-md: 6px;

  /* z-index scale: Nav sits above page content, below the Modal portal (which manages its own z-index) */
  --z-nav: 100;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body,
/* stylelint-disable-next-line selector-max-id -- React mount point requires ID selector */
#root {
  height: 100%;
}

body {
  font-family: var(--font-sans);
  background: white;
  color: var(--pds-color-text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--pds-color-element-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}