/* =========================================================
   JOOD APP STOREFRONT — STORE + CATEGORY + PRODUCT + CART + CHECKOUT + ACCOUNT
   Clean rebuild for the real Phase-02 markup
   Scope: #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) only
   Palette: #F5F1EB / #E8DCC6 / #1E2A44
========================================================= */

/* =========================================================
   00 — ISOLATION + STORE TOKENS
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account),
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *::before,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *::after {
  box-sizing: border-box;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) {
  --j-bg: #F5F1EB;
  --j-bg-deep: #F5F1EB;
  --j-panel: #E8DCC6;
  --j-panel-2: #F5F1EB;
  --j-panel-3: #E8DCC6;
  --j-navy: #1E2A44;
  --j-navy-2: #1E2A44;
  --j-navy-3: #1E2A44;
  --j-gold: #F5F1EB;
  --j-gold-2: #F5F1EB;
  --j-ink: #1E2A44;
  --j-muted: #1E2A44;
  --j-light: #F5F1EB;
  --j-line: rgba(30,42,68,.18);
  --j-line-soft: rgba(245,241,235,.20);
  --j-shadow: 0 18px 48px rgba(30,42,68,.12);
  --j-shadow-sm: 0 8px 24px rgba(30,42,68,.09);
  --j-radius-xl: 30px;
  --j-radius-lg: 22px;
  --j-radius-md: 16px;
  direction: rtl;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  color: var(--j-ink);
  background: var(--j-bg) !important;
  font-family: inherit;
  line-height: 1.55;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(a) {
  color: inherit;
  text-decoration: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(button, input, select, textarea) {
  margin: 0;
  font: inherit;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(button) {
  border: 0;
  cursor: pointer;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(img, svg) {
  display: block;
  max-width: 100%;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(h1, h2, h3, p) {
  margin: 0;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-main {
  width: min(1380px, calc(100% - 34px)) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: 16px 0 64px !important;
  background: transparent !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-content-store {
  width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 14px;
}

/* =========================================================
   01 — ICONS + GENERIC BUTTONS
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-svg-icon {
  width: 1em;
  height: 1em;
  min-width: 1em;
  display: inline-grid;
  place-items: center;
  color: currentColor;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-svg-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn {
  min-height: 44px;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--j-ink);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  text-align: center;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn:hover {
  transform: translateY(-2px);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn-primary {
  background: var(--j-navy);
  color: var(--j-light) !important;
  border-color: var(--j-navy);
  box-shadow: 0 10px 22px rgba(30,42,68,.16);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn-primary:hover {
  background: var(--j-navy-2);
  border-color: var(--j-navy-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn-ghost {
  background: rgba(245,241,235,.20);
  color: var(--j-navy) !important;
  border-color: rgba(30,42,68,.18);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn-ghost:hover {
  background: rgba(245,241,235,.34);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn.is-disabled,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-btn[aria-disabled="true"] {
  pointer-events: none;
  opacity: .46;
  box-shadow: none;
}

/* =========================================================
   02 — COMMAND BAR / APP HEADER
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-command {
  min-height: 82px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(360px, 1.6fr) minmax(200px, .62fr);
  align-items: center;
  gap: 12px;
  position: sticky;
  top: 10px;
  z-index: 50;
  border: 1px solid rgba(30,42,68,.14);
  border-radius: 26px;
  background: #1E2A44;
  color: #F5F1EB;
  box-shadow: 0 22px 54px rgba(30,42,68,.24);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart {
  min-width: 0;
  min-height: 58px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 18px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand {
  background: rgba(245,241,235,.07);
  border: 1px solid rgba(245,241,235,.10);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand__mark,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart__icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand__mark {
  background: var(--j-gold);
  color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand__mark .jood-svg-icon,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart__icon .jood-svg-icon {
  width: 21px;
  height: 21px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand__copy,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart > span:last-child {
  min-width: 0;
  display: grid;
  gap: 1px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand small,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart small {
  color: rgba(245,241,235,.62);
  font-size: 9px;
  font-weight: 800;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand strong,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart strong {
  color: var(--j-light);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 950;
  white-space: nowrap;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search {
  min-width: 0;
  height: 58px;
  padding: 7px 8px 7px 14px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(245,241,235,.15);
  border-radius: 18px;
  background: rgba(245,241,235,.08);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search > .jood-svg-icon {
  width: 20px;
  height: 20px;
  color: var(--j-gold-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--j-light);
  font-size: 13px;
  font-weight: 800;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search input::placeholder {
  color: rgba(245,241,235,.58);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--j-gold);
  color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search button .jood-svg-icon {
  width: 18px;
  height: 18px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart {
  background: var(--j-gold);
  color: var(--j-navy);
  box-shadow: 0 10px 24px rgba(245,241,235,.18);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart__icon {
  background: rgba(30,42,68,.12);
  color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart small,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart strong {
  color: var(--j-navy);
}

/* =========================================================
   03 — MAIN APP LAYOUT
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-layout {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

/* =========================================================
   04 — CATEGORY RAIL
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail {
  min-width: 0;
  padding: 12px;
  display: grid;
  gap: 10px;
  position: sticky;
  top: 106px;
  border: 1px solid var(--j-line);
  border-radius: 24px;
  background: #E9DFD2;
  box-shadow: var(--j-shadow-sm);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer {
  min-height: 64px;
  padding: 10px;
  display: grid;
  align-items: center;
  gap: 9px;
  border-radius: 17px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  background: var(--j-navy);
  color: var(--j-light);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(245,241,235,.08);
  color: var(--j-gold-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head > span .jood-svg-icon {
  width: 19px;
  height: 19px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head > div {
  min-width: 0;
  display: grid;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head small,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer small {
  font-size: 9px;
  font-weight: 800;
  opacity: .64;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head strong,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer strong {
  font-size: 13px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head em {
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--j-gold);
  color: var(--j-navy);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-categories {
  max-height: min(58vh, 600px);
  padding-inline-end: 2px;
  display: grid;
  gap: 6px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(30,42,68,.28) transparent;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category {
  min-height: 48px;
  padding: 8px 9px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(245,241,235,.10);
  color: var(--j-navy);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category:hover {
  transform: translateX(-3px);
  background: rgba(245,241,235,.20);
  border-color: rgba(30,42,68,.14);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category.is-active {
  background: var(--j-navy);
  color: var(--j-light);
  border-color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category__index {
  font-size: 9px;
  font-weight: 950;
  opacity: .56;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category__name {
  min-width: 0;
  overflow: hidden;
  color: inherit;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category em {
  min-width: 26px;
  height: 24px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(30,42,68,.10);
  color: inherit;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category.is-active em {
  background: rgba(245,241,235,.12);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer {
  grid-template-columns: 34px minmax(0, 1fr);
  background: rgba(245,241,235,.18);
  color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer > .jood-svg-icon {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 12px;
  background: var(--j-gold);
  color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer > span {
  min-width: 0;
  display: grid;
}

/* =========================================================
   05 — PRODUCT FEED + COMPACT INTRO
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-feed {
  min-width: 0;
  display: grid;
  gap: 12px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro {
  min-height: 126px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(245,241,235,.13);
  border-radius: 26px;
  background: var(--j-navy);
  color: var(--j-light);
  box-shadow: var(--j-shadow);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  inset-inline-end: -90px;
  top: -120px;
  border-radius: 50%;
  border: 1px solid rgba(245,241,235,.20);
  box-shadow: 0 0 0 28px rgba(245,241,235,.05), 0 0 0 56px rgba(245,241,235,.03);
  pointer-events: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__copy {
  min-width: 0;
  display: grid;
  justify-items: start;
  gap: 5px;
  position: relative;
  z-index: 1;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-kicker {
  min-height: 26px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: rgba(245,241,235,.14);
  color: var(--j-gold-2);
  font-size: 9px;
  font-weight: 900;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-kicker .jood-svg-icon {
  width: 14px;
  height: 14px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro h1 {
  max-width: 760px;
  color: var(--j-light);
  font-size: clamp(27px, 3.2vw, 47px);
  line-height: 1.04;
  font-weight: 950;
  letter-spacing: -.8px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro p {
  max-width: 650px;
  color: rgba(245,241,235,.68);
  font-size: 12px;
  font-weight: 750;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats {
  min-width: 260px;
  display: grid;
  grid-template-columns: repeat(3, minmax(70px, 1fr));
  gap: 8px;
  position: relative;
  z-index: 1;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats div {
  min-height: 68px;
  padding: 9px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  border: 1px solid rgba(245,241,235,.11);
  border-radius: 17px;
  background: rgba(245,241,235,.07);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats strong {
  color: var(--j-gold-2);
  font-size: 20px;
  line-height: 1;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats span {
  color: rgba(245,241,235,.62);
  font-size: 9px;
  font-weight: 850;
}

/* =========================================================
   06 — FILTER DRAWER
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter {
  border: 1px solid var(--j-line);
  border-radius: 20px;
  background: #E9DFD2;
  box-shadow: var(--j-shadow-sm);
  overflow: hidden;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter > summary {
  min-height: 64px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  color: var(--j-navy);
  cursor: pointer;
  list-style: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter > summary::-webkit-details-marker {
  display: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: var(--j-navy);
  color: var(--j-gold-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__icon .jood-svg-icon {
  width: 19px;
  height: 19px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__copy {
  min-width: 0;
  display: grid;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__copy small {
  color: var(--j-muted);
  font-size: 9px;
  font-weight: 800;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__copy strong {
  color: var(--j-navy);
  font-size: 13px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__toggle {
  min-width: 60px;
  height: 34px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(245,241,235,.22);
  color: var(--j-navy);
  font-size: 10px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter[open] .jood-market-filter__toggle {
  background: var(--j-navy);
  color: var(--j-light);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__body {
  padding: 0 12px 12px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-store-filters.jf-form {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(0, 2fr);
  gap: 9px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-search {
  position: relative;
  min-width: 0;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-search > .jood-svg-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  inset-inline-start: 14px;
  width: 18px;
  height: 18px;
  color: var(--j-navy);
  transform: translateY(-50%);
  pointer-events: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-search input {
  width: 100%;
  height: 48px;
  padding: 0 42px 0 13px;
  border: 1px solid var(--j-line);
  border-radius: 14px;
  outline: 0;
  background: rgba(245,241,235,.25);
  color: var(--j-navy);
  font-size: 11px;
  font-weight: 850;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-search input::placeholder {
  color: rgba(30,42,68,.54);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field {
  min-width: 0;
  position: relative;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field > span {
  display: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field select,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field input {
  width: 100%;
  height: 48px;
  padding: 0 10px;
  border: 1px solid var(--j-line);
  border-radius: 14px;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  background: rgba(245,241,235,.25);
  color: var(--j-navy);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
  text-align-last: center;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field--select::after {
  content: "";
  position: absolute;
  inset-inline-start: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-inline-end: 2px solid var(--j-navy);
  border-bottom: 2px solid var(--j-navy);
  transform: rotate(45deg);
  pointer-events: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-actions {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 7px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-btn {
  min-height: 48px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--j-line);
  border-radius: 14px;
  background: rgba(245,241,235,.24);
  color: var(--j-navy);
  font-size: 10px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-apply {
  background: var(--j-navy);
  color: var(--j-light);
  border-color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter {
  min-height: 50px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--j-line);
  border-radius: 16px;
  background: var(--j-panel-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--j-navy);
  font-size: 10px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter > span .jood-svg-icon {
  width: 15px;
  height: 15px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter > div {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter strong {
  min-height: 27px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  background: rgba(245,241,235,.24);
  color: var(--j-navy);
  font-size: 9px;
  font-weight: 900;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter > a {
  min-height: 32px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  background: var(--j-navy);
  color: var(--j-light);
  font-size: 9px;
  font-weight: 950;
}

/* =========================================================
   07 — PRODUCT GRID
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 13px;
}

/* =========================================================
   08 — PRODUCT CARD
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card {
  min-width: 0;
  min-height: 430px;
  display: grid;
  grid-template-rows: 238px minmax(0, 1fr);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--j-line);
  border-radius: 22px;
  background: var(--j-panel);
  color: var(--j-navy);
  box-shadow: var(--j-shadow-sm);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(30,42,68,.28);
  box-shadow: 0 20px 42px rgba(30,42,68,.15);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media {
  width: 100%;
  height: 238px;
  min-width: 0;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  background: var(--j-panel);
  border-bottom: 1px solid var(--j-line);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
  object-fit: contain;
  object-position: center;
  background: transparent;
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
  transform: none;
  transition: transform .28s ease;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card:hover .jood-product-media img {
  transform: scale(1.018);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-open {
  position: absolute;
  inset-inline-start: 12px;
  bottom: 12px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(245,241,235,.18);
  border-radius: 14px;
  background: var(--j-navy);
  color: var(--j-gold-2);
  box-shadow: 0 10px 22px rgba(30,42,68,.18);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-open .jood-svg-icon {
  width: 18px;
  height: 18px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-badges {
  position: absolute;
  z-index: 3;
  top: 10px;
  inset-inline-end: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-badge {
  min-height: 24px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--j-navy);
  color: var(--j-light);
  font-size: 9px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info {
  min-width: 0;
  padding: 13px;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-content: start;
  gap: 9px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info__top {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-cat,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-code {
  min-height: 25px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 900;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-cat {
  max-width: 72%;
  overflow: hidden;
  background: rgba(245,241,235,.24);
  color: var(--j-navy);
  text-overflow: ellipsis;
  white-space: nowrap;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-code {
  flex: 0 0 auto;
  color: rgba(30,42,68,.54);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title {
  min-height: 46px;
  display: -webkit-box;
  overflow: hidden;
  color: var(--j-navy);
  font-size: 15px;
  line-height: 1.48;
  font-weight: 950;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-excerpt {
  display: -webkit-box;
  overflow: hidden;
  color: var(--j-muted);
  font-size: 11px;
  line-height: 1.65;
  font-weight: 750;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info__bottom {
  min-width: 0;
  display: grid;
  align-self: end;
  gap: 10px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price {
  min-width: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  color: var(--j-navy);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price .amount,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price .amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price del,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price del {
  color: rgba(30,42,68,.48);
  font-size: 11px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price ins,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price ins {
  color: var(--j-navy);
  text-decoration: none;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 7px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions .jood-btn {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 10px;
  font-size: 10px;
}

/* =========================================================
   09 — FEATURED FIRST PRODUCT
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured {
  grid-column: span 2;
  min-height: 360px;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  grid-template-rows: 1fr;
  background: var(--j-navy);
  color: var(--j-light);
  border-color: rgba(245,241,235,.14);
  box-shadow: var(--j-shadow);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media {
  height: 100%;
  min-height: 360px;
  border-bottom: 0;
  border-inline-end: 1px solid rgba(245,241,235,.11);
  background: var(--j-bg);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media img {
  padding: 16px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-info {
  padding: 22px;
  grid-template-rows: auto auto auto 1fr;
  align-content: center;
  gap: 12px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-cat {
  background: rgba(245,241,235,.10);
  color: var(--j-gold-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-code {
  color: rgba(245,241,235,.48);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-title {
  min-height: 0;
  color: var(--j-light);
  font-size: clamp(23px, 2.4vw, 36px);
  line-height: 1.18;
  -webkit-line-clamp: 3;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-excerpt {
  color: rgba(245,241,235,.68);
  font-size: 12px;
  line-height: 1.75;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .price {
  color: var(--j-gold-2);
  font-size: 24px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-primary {
  background: var(--j-gold);
  color: var(--j-navy) !important;
  border-color: var(--j-gold);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-ghost {
  background: rgba(245,241,235,.08);
  color: var(--j-light) !important;
  border-color: rgba(245,241,235,.16);
}

/* =========================================================
   10 — PAGINATION / EMPTY / NOTICES
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-pagination {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-pagination :where(a, span) {
  min-width: 38px;
  height: 38px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--j-line);
  border-radius: 12px;
  background: var(--j-panel);
  color: var(--j-navy);
  font-size: 10px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-pagination .current {
  background: var(--j-navy);
  color: var(--j-light);
  border-color: var(--j-navy);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-empty-state {
  min-height: 300px;
  padding: 26px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  border: 1px solid var(--j-line);
  border-radius: 24px;
  background: var(--j-panel);
  color: var(--j-navy);
  text-align: center;
  box-shadow: var(--j-shadow-sm);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-empty-state__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: var(--j-navy);
  color: var(--j-gold-2);
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-empty-state h3 {
  font-size: 24px;
  font-weight: 950;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-empty-state p {
  max-width: 520px;
  color: var(--j-muted);
  font-size: 12px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-wc-notices {
  margin-bottom: 10px;
  display: grid;
  gap: 7px;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-wc-notices :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--j-line);
  border-radius: 14px;
  background: var(--j-panel-2);
  color: var(--j-navy);
  font-size: 11px;
  font-weight: 850;
  list-style: none;
}

/* =========================================================
   11 — RESPONSIVE TABLET
========================================================= */
@media (max-width: 1180px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-main {
    width: min(100% - 24px, 1100px) !important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-command {
    grid-template-columns: minmax(190px, .7fr) minmax(300px, 1.5fr) minmax(170px, .62fr);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured {
    grid-column: span 2;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-store-filters.jf-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-command {
    position: relative;
    top: auto;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand cart"
      "search search";
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand { grid-area: brand; }
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart { grid-area: cart; }
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search { grid-area: search; }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-layout {
    grid-template-columns: 1fr;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail {
    position: static;
    padding: 9px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__head,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail__footer {
    display: none;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-categories {
    max-height: none;
    display: flex;
    gap: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-categories::-webkit-scrollbar {
    display: none;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category {
    flex: 0 0 auto;
    min-width: 150px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro {
    grid-template-columns: 1fr;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats {
    min-width: 0;
    width: min(380px, 100%);
  }
}

/* =========================================================
   12 — RESPONSIVE MOBILE
========================================================= */
@media (max-width: 767px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-main {
    width: calc(100% - 12px) !important;
    padding: 6px 0 34px !important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market {
    gap: 8px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-command {
    min-height: 0;
    padding: 8px;
    gap: 8px;
    border-radius: 19px;
    grid-template-columns: minmax(0, 1fr) 48px;
    grid-template-areas:
      "brand cart"
      "search search";
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand {
    min-height: 50px;
    padding: 6px 8px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand__mark {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 12px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-brand strong {
    font-size: 13px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart {
    width: 48px;
    min-height: 48px;
    padding: 4px;
    justify-content: center;
    border-radius: 15px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart > span:last-child {
    display: none;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-cart__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: transparent;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search {
    height: 50px;
    grid-template-columns: 19px minmax(0, 1fr) 38px;
    border-radius: 15px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-search button {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-rail {
    border-radius: 18px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-category {
    min-width: 138px;
    min-height: 43px;
    padding: 7px 8px;
    border-radius: 12px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro {
    min-height: 0;
    padding: 14px;
    gap: 12px;
    border-radius: 20px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro h1 {
    font-size: clamp(25px, 8vw, 34px);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro p {
    font-size: 10.5px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats div {
    min-height: 56px;
    border-radius: 14px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-intro__stats strong {
    font-size: 16px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter {
    border-radius: 17px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter > summary {
    min-height: 56px;
    padding: 8px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__toggle {
    min-width: 48px;
    height: 30px;
    padding: 0 8px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-filter__body {
    padding: 0 8px 8px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-store-filters.jf-form {
    gap: 7px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-search input {
    height: 44px;
    border-radius: 12px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field--wide {
    grid-column: 1 / -1;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field select,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-field input,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-btn {
    height: 42px;
    min-height: 42px;
    border-radius: 12px;
    font-size: 9.5px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jf-actions {
    grid-column: 1 / -1;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter {
    grid-template-columns: 1fr auto;
    border-radius: 14px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-active-filter > span {
    grid-column: 1 / -1;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured {
    min-height: 0;
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 160px minmax(0, 1fr);
    border-radius: 17px;
    background: var(--j-panel);
    color: var(--j-navy);
    border-color: var(--j-line);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media {
    height: 160px;
    min-height: 160px;
    border-inline-end: 0;
    border-bottom: 1px solid var(--j-line);
    background: var(--j-bg);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media img,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media img {
    padding: 6px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-open {
    width: 34px;
    height: 34px;
    inset-inline-start: 7px;
    bottom: 7px;
    border-radius: 11px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-info,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info {
    padding: 8px;
    grid-template-rows: auto auto 1fr;
    gap: 6px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-cat,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-cat {
    background: rgba(245,241,235,.24);
    color: var(--j-navy);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-code {
    color: rgba(30,42,68,.54);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-title,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title {
    min-height: 35px;
    color: var(--j-navy);
    font-size: 11.5px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-excerpt,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-excerpt {
    display: none;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price {
    color: var(--j-navy);
    font-size: 13px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions .jood-btn {
    min-height: 36px;
    padding: 7px 6px;
    border-radius: 11px;
    font-size: 9px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-primary {
    background: var(--j-navy);
    color: var(--j-light) !important;
    border-color: var(--j-navy);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-ghost {
    background: rgba(245,241,235,.20);
    color: var(--j-navy) !important;
    border-color: var(--j-line);
  }
}

@media (max-width: 390px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products {
    gap: 6px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured {
    grid-template-rows: 142px minmax(0, 1fr);
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media {
    height: 142px;
    min-height: 142px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title {
    font-size: 10.5px;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions .jood-btn {
    font-size: 8.5px;
  }
}

@media (max-width: 320px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   13 — ACCESSIBILITY / REDUCED MOTION
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) :where(a, button, input, select):focus-visible {
  outline: 3px solid rgba(245,241,235,.42);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *::before,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================================
   JOOD STORE — COMPACT PRODUCT CATALOG V2
   Final authoritative product sizing and image responsiveness.
   All rules remain isolated to the Store view.
========================================================= */

/* Four compact products per desktop row */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}

/* All cards use one compact structure, including the first card */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured{
  grid-column:auto!important;
  min-width:0!important;
  min-height:0!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  border-radius:18px!important;
  background:var(--j-panel)!important;
  color:var(--j-navy)!important;
  border-color:var(--j-line)!important;
  box-shadow:0 7px 18px rgba(30,42,68,.065)!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card:hover,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(30,42,68,.22)!important;
  box-shadow:0 12px 25px rgba(30,42,68,.10)!important;
}

/* Responsive image canvas — no fixed crop */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-inline-end:0!important;
  border-bottom:1px solid var(--j-line)!important;
  background:var(--j-bg)!important;
}

/* Images must remain complete and keep their original colors */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media img,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media picture,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media picture img,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:9px!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  transform:none!important;
}

/* Never enlarge images on hover */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card:hover .jood-product-media img,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured:hover .jood-product-media img{
  transform:none!important;
  filter:none!important;
}

/* Remove redundant floating arrow to keep the image clean */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-open{
  display:none!important;
}

/* Compact product content */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-info{
  padding:9px!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  align-content:start!important;
  gap:6px!important;
  background:transparent!important;
  color:var(--j-navy)!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info__top{
  gap:5px!important;
}

/* Product number adds visual noise in a compact catalog */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-code,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-code{
  display:none!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-cat,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-cat{
  max-width:100%!important;
  min-height:22px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  background:rgba(245,241,235,.25)!important;
  color:var(--j-navy)!important;
  font-size:8.5px!important;
  line-height:1.2!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-title{
  min-height:37px!important;
  color:var(--j-navy)!important;
  font-size:13px!important;
  line-height:1.42!important;
  -webkit-line-clamp:2!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-excerpt,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-excerpt{
  display:none!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info__bottom{
  gap:7px!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .price{
  color:var(--j-navy)!important;
  font-size:15px!important;
  line-height:1.15!important;
}

/* Compact actions on one row */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions{
  grid-template-columns:minmax(0,1fr) 68px!important;
  gap:5px!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions .jood-btn{
  min-height:37px!important;
  height:37px!important;
  padding:6px 7px!important;
  border-radius:11px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

/* Reset featured button colors to the normal catalog system */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-primary{
  background:var(--j-navy)!important;
  color:var(--j-light)!important;
  border-color:var(--j-navy)!important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-btn-ghost{
  background:rgba(245,241,235,.20)!important;
  color:var(--j-navy)!important;
  border-color:var(--j-line)!important;
}

/* Large tablets and small laptops */
@media(max-width:1120px){
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
}

/* Tablets */
@media(max-width:820px){
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media{
    aspect-ratio:1/1!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media img,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media img{
    padding:6px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-title{
    min-height:34px!important;
    font-size:11.5px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-price,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .price{
    font-size:13px!important;
  }
}

/* Normal phones: two compact products per row */
@media(max-width:560px){
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured{
    border-radius:14px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-media,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-media{
    aspect-ratio:1/1!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-info,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-info{
    padding:7px!important;
    gap:5px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-cat,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-cat{
    min-height:19px!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    font-size:7.5px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-title,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-card.is-featured .jood-product-title{
    min-height:31px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions{
    grid-template-columns:minmax(0,1fr) 50px!important;
    gap:4px!important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-product-actions .jood-btn{
    min-height:33px!important;
    height:33px!important;
    padding:4px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
  }
}

/* Extremely narrow devices only */
@media(max-width:315px){
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-products-grid.jood-market-products{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   JOOD STORE — BOTTOM STRIP / DUPLICATED NAV FIX V3
   Removes the plugin navigation/footer duplicated below products.
   The website's own header and footer remain untouched.
========================================================= */

/* Hide the plugin's duplicated bottom navigation in Store view */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-bottom-nav,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-bottom-nav,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) nav.jood-app-bottom-nav,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) nav.jood-bottom-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide only a duplicated plugin footer/ticker inside #jood-app */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-footer,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-store-footer,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-footer-ticker,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-ticker {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Remove reserved spacing for the hidden plugin bottom nav */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account).jood-app-with-bottom-nav .jood-app-main,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-main {
  padding-bottom: 24px !important;
  min-height: 0 !important;
}

/* Pagination should finish the store cleanly */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-pagination {
  margin: 14px 0 0 !important;
  padding: 0 0 2px !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market-feed,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-market,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-content-store {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Prevent any empty direct wrapper after the store content */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-content-store > :empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile spacing */
@media (max-width: 820px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account).jood-app-with-bottom-nav .jood-app-main,
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category,.jood-app-shell-view-product,.jood-app-shell-view-cart,.jood-app-shell-view-checkout,.jood-app-shell-view-thank-you,.jood-app-shell-view-account) .jood-app-main {
    padding-bottom: 18px !important;
  }
}

/* =========================================================
   JOOD CATEGORY PAGE
   Uses the exact same Market system as the Store page.
   Only category-specific elements are defined below.
========================================================= */

#jood-app.jood-app-shell-view-category .jood-app-content-category {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Breadcrumb inside the compact category intro */
#jood-app.jood-app-shell-view-category .jood-category-intro .jood-breadcrumbs {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 26px !important;
  margin: 0 0 2px !important;
  padding: 5px 9px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  border: 1px solid var(--j-line-soft) !important;
  border-radius: 999px !important;
  background: rgba(245,241,235,.10) !important;
  color: var(--j-light) !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  font-weight: 850 !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro .jood-breadcrumbs a,
#jood-app.jood-app-shell-view-category .jood-category-intro .jood-breadcrumbs span {
  color: inherit !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro .jood-breadcrumbs__sep {
  opacity: .55 !important;
}

/* Category description follows the same intro hierarchy */
#jood-app.jood-app-shell-view-category .jood-category-description,
#jood-app.jood-app-shell-view-category .jood-category-description p {
  width: min(650px,100%) !important;
  margin: 0 !important;
  color: var(--j-muted) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  font-weight: 700 !important;
}

/* Compact actions inside category intro */
#jood-app.jood-app-shell-view-category .jood-category-intro__actions {
  width: min(360px,100%) !important;
  margin-top: 3px !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 7px !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn {
  width: 100% !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  font-size: 9px !important;
}

/* Child categories: same palette, compact horizontal app rail */
#jood-app.jood-app-shell-view-category .jood-category-quickcats {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  border: 1px solid var(--j-line) !important;
  border-radius: 18px !important;
  background: var(--j-panel-3) !important;
  box-shadow: var(--j-shadow-sm) !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcats::-webkit-scrollbar {
  display: none !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat {
  flex: 0 0 min(210px,72vw) !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  scroll-snap-align: start !important;
  border: 1px solid var(--j-line) !important;
  border-radius: 14px !important;
  background: var(--j-panel) !important;
  color: var(--j-navy) !important;
  box-shadow: 0 5px 13px rgba(30,42,68,.055) !important;
  transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(30,42,68,.28) !important;
  box-shadow: 0 9px 20px rgba(30,42,68,.09) !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat__icon {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: var(--j-navy) !important;
  color: var(--j-gold) !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat__icon .jood-svg-icon {
  width: 15px !important;
  height: 15px !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat__copy strong {
  min-width: 0 !important;
  color: var(--j-navy) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat__copy small {
  color: var(--j-muted) !important;
  font-size: 8.5px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat > em {
  min-width: 25px !important;
  height: 25px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(245,241,235,.25) !important;
  color: var(--j-navy) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

/* Keep the category page ending clean */
#jood-app.jood-app-shell-view-category.jood-app-with-bottom-nav .jood-app-main,
#jood-app.jood-app-shell-view-category .jood-app-main {
  padding-bottom: 24px !important;
}

#jood-app.jood-app-shell-view-category .jood-app-bottom-nav,
#jood-app.jood-app-shell-view-category .jood-bottom-nav,
#jood-app.jood-app-shell-view-category .jood-app-footer,
#jood-app.jood-app-shell-view-category .jood-store-footer,
#jood-app.jood-app-shell-view-category .jood-footer-ticker,
#jood-app.jood-app-shell-view-category .jood-app-ticker {
  display: none !important;
}

/* Category-specific mobile compression */
@media (max-width: 820px) {
  #jood-app.jood-app-shell-view-category .jood-category-intro .jood-breadcrumbs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-description,
  #jood-app.jood-app-shell-view-category .jood-category-description p {
    font-size: 10.5px !important;
    line-height: 1.6 !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-intro__actions {
    width: 100% !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-quickcats {
    padding: 7px !important;
    border-radius: 15px !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-quickcat {
    flex-basis: min(190px,75vw) !important;
    min-height: 52px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-quickcat__icon {
    width: 29px !important;
    height: 29px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-quickcat__copy strong {
    font-size: 10px !important;
  }

  #jood-app.jood-app-shell-view-category.jood-app-with-bottom-nav .jood-app-main,
  #jood-app.jood-app-shell-view-category .jood-app-main {
    padding-bottom: 18px !important;
  }
}

@media (max-width: 430px) {
  #jood-app.jood-app-shell-view-category .jood-category-intro__actions {
    gap: 5px !important;
  }

  #jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn {
    min-height: 35px !important;
    padding: 5px 7px !important;
    font-size: 8px !important;
  }
}

/* =========================================================
   JOOD CATEGORY — HERO ACTION BUTTONS VISIBILITY FIX V5
   Clear contrast on the navy category intro.
========================================================= */

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-primary {
  background: linear-gradient(135deg, #F5F1EB 0%, #F5F1EB 100%) !important;
  color: #1E2A44 !important;
  border: 1px solid #F5F1EB !important;
  box-shadow:
    0 10px 22px rgba(245,241,235,.24),
    inset 0 1px 0 rgba(245,241,235,.28) !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-primary:hover {
  background: linear-gradient(135deg, #F5F1EB 0%, #F5F1EB 100%) !important;
  color: #1E2A44 !important;
  border-color: #F5F1EB !important;
  transform: translateY(-1px) !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-ghost {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border: 1px solid rgba(245,241,235,.92) !important;
  box-shadow:
    0 8px 18px rgba(30,42,68,.12),
    inset 0 1px 0 rgba(245,241,235,.34) !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-ghost:hover {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: #F5F1EB !important;
  transform: translateY(-1px) !important;
}

#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-primary *,
#jood-app.jood-app-shell-view-category .jood-category-intro__actions .jood-btn-ghost * {
  color: inherit !important;
  opacity: 1 !important;
}

/* =========================================================
   14 PRODUCT PAGE — SINGLE CLEAN BUILD V10
   One authoritative product-page section only.
   Desktop: summary left / image right.
   Mobile: image first / summary second.
========================================================= */

/* =========================================================
   14.00 ROOT + PRODUCT TOKENS
========================================================= */

#jood-app.jood-app-shell-view-product {
  --jp-bg: #F5F1EB;
  --jp-surface: #E8DCC6;
  --jp-surface-2: #F5F1EB;
  --jp-surface-3: #E8DCC6;
  --jp-cream: #F5F1EB;
  --jp-cream-2: #F5F1EB;
  --jp-navy: #1E2A44;
  --jp-navy-2: #1E2A44;
  --jp-gold: #F5F1EB;
  --jp-gold-2: #F5F1EB;
  --jp-text: #1E2A44;
  --jp-muted: #1E2A44;
  --jp-line: rgba(30,42,68,.16);
  --jp-line-soft: rgba(245,241,235,.25);
  --jp-shadow: 0 16px 38px rgba(30,42,68,.10);
  --jp-shadow-sm: 0 9px 24px rgba(30,42,68,.075);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  background: var(--jp-surface) !important;
  color: var(--jp-text) !important;
}

#jood-app.jood-app-shell-view-product .jood-app-main {
  width: min(1320px, calc(100% - 28px)) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  padding: 12px 0 28px !important;
  background: transparent !important;
}

#jood-app.jood-app-shell-view-product .jood-app-content-product,
#jood-app.jood-app-shell-view-product .jood-product-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#jood-app.jood-app-shell-view-product .jood-product-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}

/* Prevent duplicated plugin navigation/footer in Product view. */
#jood-app.jood-app-shell-view-product .jood-app-bottom-nav,
#jood-app.jood-app-shell-view-product .jood-bottom-nav,
#jood-app.jood-app-shell-view-product .jood-app-footer,
#jood-app.jood-app-shell-view-product .jood-store-footer,
#jood-app.jood-app-shell-view-product .jood-footer-ticker,
#jood-app.jood-app-shell-view-product .jood-app-ticker {
  display: none !important;
}

/* =========================================================
   14.01 OPTIONAL ROUTE BAR — SUPPORTS THE CURRENT PHP
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-route {
  width: 100% !important;
  min-height: 58px !important;
  padding: 7px !important;
  display: grid !important;
  grid-template-columns: minmax(145px, auto) minmax(0, 1fr) minmax(145px, auto) !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 18px !important;
  background: var(--jp-surface) !important;
  box-shadow: var(--jp-shadow-sm) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route__action {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 6px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 12px !important;
  background: rgba(245,241,235,.22) !important;
  color: var(--jp-navy) !important;
  box-shadow: inset 0 1px 0 rgba(245,241,235,.10) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route__action.is-cart {
  background: linear-gradient(135deg, var(--jp-gold-2), var(--jp-gold)) !important;
  border-color: rgba(245,241,235,.86) !important;
  color: var(--jp-navy) !important;
  box-shadow: 0 8px 18px rgba(245,241,235,.20) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route__brand {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  color: var(--jp-navy) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route__mark {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: var(--jp-navy) !important;
  color: var(--jp-gold) !important;
  box-shadow: 0 8px 18px rgba(30,42,68,.15) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route small {
  color: var(--jp-muted) !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-route strong {
  color: inherit !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
  font-weight: 950 !important;
}

/* =========================================================
   14.02 HERO — SUMMARY LEFT / IMAGE RIGHT
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-hero {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: minmax(390px, .88fr) minmax(520px, 1.12fr) !important;
  grid-template-areas: "summary gallery" !important;
  align-items: stretch !important;
  gap: 10px !important;
  direction: ltr !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 26px !important;
  background: var(--jp-surface) !important;
  box-shadow: var(--jp-shadow) !important;
  overflow: hidden !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary {
  grid-area: summary !important;
  direction: rtl !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery {
  grid-area: gallery !important;
  direction: rtl !important;
}

/* =========================================================
   14.03 GALLERY — COMPLETE IMAGE WITHOUT CROPPING
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-gallery {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  align-content: start !important;
  gap: 8px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__main {
  width: 100% !important;
  height: clamp(470px, 45vw, 590px) !important;
  min-height: 470px !important;
  max-height: 590px !important;
  padding: 12px !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 22px !important;
  background: var(--jp-surface) !important;
  box-shadow: inset 0 1px 0 rgba(245,241,235,.08), 0 8px 22px rgba(30,42,68,.07) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__main::before,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main::after {
  display: none !important;
  content: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-main-image,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main > img,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main picture,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main picture img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  padding: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  transform: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__main .jood-product-badges {
  position: absolute !important;
  z-index: 4 !important;
  top: 10px !important;
  inset-inline-end: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__main .jood-product-badge {
  min-height: 24px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  background: var(--jp-navy) !important;
  color: var(--jp-cream) !important;
  border: 1px solid rgba(245,241,235,.16) !important;
  box-shadow: 0 7px 16px rgba(30,42,68,.15) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__thumbs {
  width: 100% !important;
  min-width: 0 !important;
  padding: 2px 0 3px !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 70px !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-gallery__thumbs::-webkit-scrollbar {
  display: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-thumb {
  width: 70px !important;
  height: 70px !important;
  padding: 4px !important;
  display: grid !important;
  place-items: center !important;
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 13px !important;
  background: var(--jp-surface) !important;
  box-shadow: 0 5px 14px rgba(30,42,68,.055) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-thumb.is-active {
  border-color: var(--jp-navy) !important;
  box-shadow: 0 0 0 2px rgba(30,42,68,.10) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-thumb img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* =========================================================
   14.04 SUMMARY — COMPACT PREMIUM PURCHASE PANEL
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-summary {
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(16px, 2vw, 24px) !important;
  display: grid !important;
  align-content: center !important;
  gap: 11px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, var(--jp-surface-2) 0%, #E8DCC6 100%) !important;
  color: var(--jp-text) !important;
  box-shadow: inset 0 1px 0 rgba(245,241,235,.08), 0 8px 22px rgba(30,42,68,.065) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary::before {
  content: "" !important;
  position: absolute !important;
  inset-inline: 20px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, transparent, var(--jp-gold), transparent) !important;
  opacity: .82 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary .jood-breadcrumbs {
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 999px !important;
  background: rgba(245,241,235,.24) !important;
  color: var(--jp-muted) !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary .jood-breadcrumbs a,
#jood-app.jood-app-shell-view-product .jood-product-summary .jood-breadcrumbs span {
  color: inherit !important;
}

#jood-app.jood-app-shell-view-product .jood-product-category-links {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-category-links a {
  min-height: 23px !important;
  padding: 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(30,42,68,.13) !important;
  border-radius: 8px !important;
  background: rgba(245,241,235,.28) !important;
  color: var(--jp-navy) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary h2 {
  margin: 0 !important;
  color: var(--jp-navy) !important;
  font-size: clamp(34px, 3.5vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.8px !important;
  text-wrap: balance !important;
}

#jood-app.jood-app-shell-view-product .jood-product-short-desc {
  width: min(670px, 100%) !important;
  margin: 0 !important;
  color: var(--jp-navy-2) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 700 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary__price-row {
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(245,241,235,.18) !important;
  border-radius: 15px !important;
  background: var(--jp-navy) !important;
  box-shadow: 0 10px 22px rgba(30,42,68,.15) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary__price-row .jood-product-price,
#jood-app.jood-app-shell-view-product .jood-product-summary__price-row .price {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  color: var(--jp-cream-2) !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary__price-row .amount,
#jood-app.jood-app-shell-view-product .jood-product-summary__price-row ins {
  color: var(--jp-cream-2) !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-summary__price-row del {
  color: rgba(245,241,235,.60) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-stock {
  min-height: 34px !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(245,241,235,.48) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--jp-gold-2), var(--jp-gold)) !important;
  color: var(--jp-navy) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

#jood-app.jood-app-shell-view-product .jood-product-stock .jood-svg-icon {
  width: 14px !important;
  height: 14px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-trust-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-trust-row > div {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 7px 9px !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 12px !important;
  background: rgba(245,241,235,.22) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-trust-row .jood-svg-icon {
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
  border-radius: 9px !important;
  background: var(--jp-navy) !important;
  color: var(--jp-gold) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-trust-row span {
  color: var(--jp-muted) !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  font-weight: 850 !important;
}

/* =========================================================
   14.05 VARIATIONS + BUY DOCK
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-cart-form {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 9px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-variations {
  width: 100% !important;
  padding: 9px !important;
  display: grid !important;
  gap: 8px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 14px !important;
  background: rgba(245,241,235,.20) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-variations__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

#jood-app.jood-app-shell-view-product .jood-section-kicker {
  width: fit-content !important;
  min-height: 21px !important;
  padding: 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(30,42,68,.12) !important;
  border-radius: 7px !important;
  background: rgba(245,241,235,.32) !important;
  color: var(--jp-navy) !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-variation-field {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-variation-field > span {
  padding-inline: 4px !important;
  color: var(--jp-navy) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-variation-field select {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(30,42,68,.15) !important;
  border-radius: 11px !important;
  background: var(--jp-cream) !important;
  color: var(--jp-navy) !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-box {
  width: 100% !important;
  padding: 8px 9px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 11px !important;
  background: var(--jp-surface-3) !important;
  color: var(--jp-navy) !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-box[hidden] {
  display: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-buy-panel {
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(130px, .52fr) minmax(0, 1fr) minmax(100px, .40fr) !important;
  align-items: stretch !important;
  gap: 7px !important;
  border: 1px solid rgba(245,241,235,.16) !important;
  border-radius: 15px !important;
  background: var(--jp-navy) !important;
  box-shadow: 0 12px 26px rgba(30,42,68,.16) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-quantity {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-quantity > span {
  padding-inline: 4px !important;
  color: rgba(245,241,235,.78) !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}

#jood-app.jood-app-shell-view-product .jood-qty-control {
  width: 100% !important;
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0,1fr) 36px !important;
  overflow: hidden !important;
  border: 1px solid rgba(245,241,235,.20) !important;
  border-radius: 10px !important;
  background: var(--jp-cream) !important;
}

#jood-app.jood-app-shell-view-product .jood-qty-control button {
  width: 100% !important;
  height: 40px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jp-navy) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-qty-control input {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-inline: 1px solid rgba(30,42,68,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--jp-navy) !important;
  text-align: center !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

#jood-app.jood-app-shell-view-product .jood-qty-control input::-webkit-outer-spin-button,
#jood-app.jood-app-shell-view-product .jood-qty-control input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn,
#jood-app.jood-app-shell-view-product .jood-product-add-to-cart {
  width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-add-to-cart,
#jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn-primary {
  background: linear-gradient(135deg, var(--jp-gold-2), var(--jp-gold)) !important;
  color: var(--jp-navy) !important;
  border-color: var(--jp-gold) !important;
  box-shadow: 0 8px 18px rgba(245,241,235,.20) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn-ghost {
  background: var(--jp-cream) !important;
  color: var(--jp-navy) !important;
  border-color: rgba(245,241,235,.78) !important;
}

/* =========================================================
   14.06 DETAILS — READABLE DESCRIPTION + COMPACT NAVY SPECS
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-details-grid {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

#jood-app.jood-app-shell-view-product .jood-product-detail-card {
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  display: grid !important;
  gap: 10px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--jp-line) !important;
  border-radius: 19px !important;
  box-shadow: var(--jp-shadow-sm) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-description-card {
  background: var(--jp-cream) !important;
  color: var(--jp-navy) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-card {
  background: var(--jp-navy) !important;
  color: var(--jp-cream) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-detail-card::before {
  content: "" !important;
  position: absolute !important;
  inset-inline: 18px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, transparent, var(--jp-gold), transparent) !important;
  opacity: .78 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-detail-card__head {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 9px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-detail-card__head > .jood-svg-icon {
  width: 40px !important;
  height: 40px !important;
  padding: 10px !important;
  border-radius: 12px !important;
  background: var(--jp-navy) !important;
  color: var(--jp-gold) !important;
  box-shadow: 0 7px 16px rgba(30,42,68,.13) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-card .jood-product-detail-card__head > .jood-svg-icon {
  background: var(--jp-gold) !important;
  color: var(--jp-navy) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-detail-card__head h3 {
  margin: 3px 0 0 !important;
  color: var(--jp-navy) !important;
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-card .jood-product-detail-card__head h3,
#jood-app.jood-app-shell-view-product .jood-product-meta-card .jood-section-kicker {
  color: var(--jp-cream) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-card .jood-section-kicker {
  background: rgba(245,241,235,.10) !important;
  border-color: rgba(245,241,235,.14) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text,
#jood-app.jood-app-shell-view-product .jood-product-muted-text {
  max-width: 850px !important;
  color: var(--jp-navy-2) !important;
  font-size: 13px !important;
  line-height: 1.95 !important;
  font-weight: 700 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text p {
  margin: 0 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text p + p {
  margin-top: 10px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text ul,
#jood-app.jood-app-shell-view-product .jood-product-rich-text ol {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 6px !important;
  list-style: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text li {
  position: relative !important;
  padding-inline-start: 16px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-rich-text li::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: .8em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: var(--jp-gold) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-list {
  display: grid !important;
  gap: 7px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-list > div {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(245,241,235,.12) !important;
  border-radius: 11px !important;
  background: rgba(245,241,235,.08) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-list span {
  color: rgba(245,241,235,.70) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-list strong {
  min-width: 0 !important;
  color: var(--jp-cream) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-align: end !important;
  overflow-wrap: anywhere !important;
}

/* =========================================================
   14.07 RELATED PRODUCTS — PREMIUM COMPACT CATALOG
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-related {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related > .jood-section-head {
  width: 100% !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(245,241,235,.14) !important;
  border-radius: 17px !important;
  background: var(--jp-navy) !important;
  box-shadow: 0 11px 24px rgba(30,42,68,.14) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head h2 {
  margin: 0 !important;
  color: var(--jp-cream-2) !important;
  font-size: clamp(22px, 2.4vw, 31px) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head p {
  margin: 0 !important;
  color: rgba(245,241,235,.70) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head__link {
  min-width: 94px !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(245,241,235,.55) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--jp-gold-2), var(--jp-gold)) !important;
  color: var(--jp-navy) !important;
  font-size: 9px !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related__rail,
#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-carousel {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-card {
  border-radius: 16px !important;
  background: var(--jp-surface) !important;
  color: var(--jp-navy) !important;
  border: 1px solid var(--jp-line) !important;
  box-shadow: 0 8px 20px rgba(30,42,68,.075) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(30,42,68,.24) !important;
  box-shadow: 0 13px 26px rgba(30,42,68,.10) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media {
  aspect-ratio: 1/1 !important;
  background: var(--jp-surface) !important;
  border-bottom: 1px solid var(--jp-line) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 7px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-info {
  padding: 8px !important;
  gap: 5px !important;
  background: transparent !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-cat {
  min-height: 20px !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  background: rgba(245,241,235,.32) !important;
  color: var(--jp-navy) !important;
  border-color: rgba(30,42,68,.10) !important;
  font-size: 8px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-title {
  min-height: 32px !important;
  color: var(--jp-navy) !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-price,
#jood-app.jood-app-shell-view-product .jood-product-related .price,
#jood-app.jood-app-shell-view-product .jood-product-related .amount {
  color: var(--jp-navy) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-actions {
  grid-template-columns: minmax(0,1fr) 58px !important;
  gap: 5px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-actions .jood-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 5px !important;
  border-radius: 9px !important;
  font-size: 8px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-actions .jood-btn-primary {
  background: var(--jp-navy) !important;
  color: var(--jp-cream) !important;
  border-color: var(--jp-navy) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-actions .jood-btn-ghost {
  background: var(--jp-cream) !important;
  color: var(--jp-navy) !important;
  border-color: var(--jp-line) !important;
}

/* =========================================================
   14.08 TABLET
========================================================= */

@media (max-width: 1120px) {
  #jood-app.jood-app-shell-view-product .jood-product-hero {
    grid-template-columns: minmax(350px, .82fr) minmax(470px, 1.18fr) !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-gallery__main {
    height: clamp(430px, 48vw, 540px) !important;
    min-height: 430px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel {
    grid-template-columns: minmax(120px,.48fr) minmax(0,1fr) !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn-ghost {
    grid-column: 1/-1 !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related__rail,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-carousel {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width: 900px) {
  #jood-app.jood-app-shell-view-product .jood-app-main {
    width: calc(100% - 18px) !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-hero {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "gallery" "summary" !important;
    direction: rtl !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-gallery__main {
    height: min(72vw, 520px) !important;
    min-height: 350px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-details-grid {
    grid-template-columns: 1fr !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related__rail,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-carousel {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

/* =========================================================
   14.09 MOBILE
========================================================= */

@media (max-width: 620px) {
  #jood-app.jood-app-shell-view-product .jood-app-main {
    width: calc(100% - 8px) !important;
    padding-top: 4px !important;
    padding-bottom: 14px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-page {
    gap: 6px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-route {
    min-height: 52px !important;
    padding: 5px !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 5px !important;
    border-radius: 14px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-route__action {
    min-height: 39px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-route__action small,
  #jood-app.jood-app-shell-view-product .jood-product-route__brand > span:last-child {
    display: none !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-route__action strong {
    font-size: 8px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-route__mark {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-hero {
    padding: 4px !important;
    gap: 5px !important;
    border-radius: 15px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-gallery__main {
    height: min(92vw, 390px) !important;
    min-height: 270px !important;
    max-height: 390px !important;
    padding: 4px !important;
    border-radius: 13px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-gallery__thumbs {
    grid-auto-columns: 50px !important;
    gap: 4px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-thumb {
    width: 50px !important;
    height: 50px !important;
    padding: 3px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-summary {
    padding: 8px !important;
    gap: 6px !important;
    border-radius: 14px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-summary .jood-breadcrumbs {
    width: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    border-radius: 9px !important;
    font-size: 8px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-category-links a {
    min-height: 20px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    font-size: 7.5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-summary h2 {
    font-size: 23px !important;
    line-height: 1.14 !important;
    letter-spacing: -.3px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-short-desc {
    font-size: 9.5px !important;
    line-height: 1.55 !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-summary__price-row {
    padding: 8px !important;
    gap: 6px !important;
    border-radius: 11px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-summary__price-row .jood-product-price,
  #jood-app.jood-app-shell-view-product .jood-product-summary__price-row .price {
    font-size: 18px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-stock {
    min-height: 29px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    font-size: 8px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-trust-row {
    gap: 5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-trust-row > div {
    min-height: 37px !important;
    padding: 5px 6px !important;
    grid-template-columns: 23px minmax(0,1fr) !important;
    gap: 5px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-trust-row .jood-svg-icon {
    width: 23px !important;
    height: 23px !important;
    padding: 5px !important;
    border-radius: 7px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-trust-row span {
    font-size: 7.5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel {
    padding: 6px !important;
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
    gap: 5px !important;
    border-radius: 12px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 3px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-add-to-cart {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn-ghost {
    grid-column: 1/-1 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-quantity > span {
    padding: 0 2px !important;
    white-space: nowrap !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  #jood-app.jood-app-shell-view-product .jood-qty-control {
    min-height: 36px !important;
    grid-template-columns: 32px minmax(0,1fr) 32px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-qty-control button,
  #jood-app.jood-app-shell-view-product .jood-qty-control input {
    height: 36px !important;
    min-height: 36px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn,
  #jood-app.jood-app-shell-view-product .jood-product-add-to-cart {
    min-height: 36px !important;
    padding: 5px 6px !important;
    border-radius: 9px !important;
    font-size: 7.5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-buy-panel .jood-btn-ghost {
    min-height: 34px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-detail-card {
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-detail-card__head {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-detail-card__head > .jood-svg-icon {
    width: 32px !important;
    height: 32px !important;
    padding: 7px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-detail-card__head h3 {
    font-size: 19px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-rich-text,
  #jood-app.jood-app-shell-view-product .jood-product-muted-text {
    font-size: 10.5px !important;
    line-height: 1.75 !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-meta-list > div {
    min-height: 37px !important;
    padding: 7px !important;
    border-radius: 9px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related > .jood-section-head {
    padding: 9px !important;
    gap: 7px !important;
    border-radius: 13px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head h2 {
    font-size: 19px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head p {
    display: none !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related .jood-section-head__link {
    min-width: 72px !important;
    min-height: 31px !important;
    padding: 6px 8px !important;
    border-radius: 8px !important;
    font-size: 8px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-related__rail,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-carousel {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
  }
}

@media (max-width: 320px) {
  #jood-app.jood-app-shell-view-product .jood-product-summary__price-row,
  #jood-app.jood-app-shell-view-product .jood-product-buy-panel,
  #jood-app.jood-app-shell-view-product .jood-product-related__rail,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-carousel {
    grid-template-columns: 1fr !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-stock {
    width: 100% !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-quantity {
    grid-column: auto !important;
  }
}

/* =========================================================
   14.10 ACCESSIBILITY
========================================================= */

#jood-app.jood-app-shell-view-product a:focus-visible,
#jood-app.jood-app-shell-view-product button:focus-visible,
#jood-app.jood-app-shell-view-product input:focus-visible,
#jood-app.jood-app-shell-view-product select:focus-visible {
  outline: 3px solid rgba(245,241,235,.42) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  #jood-app.jood-app-shell-view-product *,
  #jood-app.jood-app-shell-view-product *::before,
  #jood-app.jood-app-shell-view-product *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================
   15 CART PAGE — SINGLE CLEAN BUILD V13
   Modern cart cockpit. Not a WooCommerce table.
   One cart section only — no patches or duplicated builds.
========================================================= */

/* =========================================================
   15.00 CART TOKENS + PAGE FOUNDATION
========================================================= */

#jood-app.jood-app-shell-view-cart{
  --jc-bg:#F5F1EB;
  --jc-bg-deep:#F5F1EB;
  --jc-panel:#E8DCC6;
  --jc-panel-2:#F5F1EB;
  --jc-panel-3:#E8DCC6;
  --jc-field:#F5F1EB;
  --jc-field-2:#F5F1EB;
  --jc-navy:#1E2A44;
  --jc-navy-2:#1E2A44;
  --jc-navy-3:#1E2A44;
  --jc-gold:#F5F1EB;
  --jc-gold-2:#F5F1EB;
  --jc-text:#1E2A44;
  --jc-muted:#1E2A44;
  --jc-line:rgba(30,42,68,.14);
  --jc-line-strong:rgba(30,42,68,.22);
  --jc-light:#F5F1EB;
  --jc-shadow:0 16px 38px rgba(30,42,68,.10);
  --jc-shadow-sm:0 9px 24px rgba(30,42,68,.075);

  width:100%;
  max-width:100%;
  min-width:0;
  background:#1E2A44!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-cart .jood-app-main{
  width:min(1240px,calc(100% - 28px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:12px 0 26px!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-cart .jood-app-content-cart{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  background:transparent!important;
  color:var(--jc-text)!important;
}

/* Remove duplicated navigation belonging to the plugin only */
#jood-app.jood-app-shell-view-cart .jood-app-bottom-nav,
#jood-app.jood-app-shell-view-cart .jood-bottom-nav,
#jood-app.jood-app-shell-view-cart .jood-app-footer,
#jood-app.jood-app-shell-view-cart .jood-store-footer,
#jood-app.jood-app-shell-view-cart .jood-footer-ticker,
#jood-app.jood-app-shell-view-cart .jood-app-ticker{
  display:none!important;
}

/* =========================================================
   15.01 CART HERO — ORDER CONTROL CENTER
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-hero{
  width:100%!important;
  min-width:0!important;
  min-height:146px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,310px)!important;
  grid-template-areas:"content summary"!important;
  align-items:stretch!important;
  gap:10px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--jc-line)!important;
  border-radius:26px!important;
  background:var(--jc-panel)!important;
  box-shadow:var(--jc-shadow)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero::before{
  content:""!important;
  position:absolute!important;
  inset-inline:24px!important;
  top:0!important;
  height:3px!important;
  border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,transparent,var(--jc-gold),transparent)!important;
  opacity:.82!important;
  pointer-events:none!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero::after{
  content:""!important;
  position:absolute!important;
  width:230px!important;
  height:230px!important;
  inset-inline-start:-105px!important;
  bottom:-145px!important;
  border:1px solid rgba(30,42,68,.08)!important;
  border-radius:999px!important;
  box-shadow:
    0 0 0 28px rgba(30,42,68,.025),
    0 0 0 58px rgba(30,42,68,.018)!important;
  pointer-events:none!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__content{
  grid-area:content!important;
  min-width:0!important;
  padding:10px 12px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:6px!important;
  position:relative!important;
  z-index:1!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero .jood-eyebrow{
  width:fit-content!important;
  min-height:24px!important;
  padding:4px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(30,42,68,.12)!important;
  border-radius:8px!important;
  background:rgba(245,241,235,.30)!important;
  color:var(--jc-navy)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero h2{
  margin:0!important;
  color:var(--jc-navy)!important;
  font-size:clamp(30px,3.3vw,48px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.8px!important;
  text-wrap:balance!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero p{
  width:min(650px,100%)!important;
  margin:0!important;
  color:var(--jc-muted)!important;
  font-size:12px!important;
  line-height:1.7!important;
  font-weight:700!important;
}

/* Cart progress steps */
#jood-app.jood-app-shell-view-cart .jood-cart-steps{
  width:min(620px,100%)!important;
  margin-top:5px!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:14px!important;
  background:rgba(245,241,235,.16)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-steps > div{
  min-width:0!important;
  min-height:40px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:var(--jc-muted)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-steps > div > span{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:rgba(30,42,68,.08)!important;
  color:var(--jc-navy)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-steps > div > strong{
  min-width:0!important;
  color:inherit!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-steps > div.is-active{
  border-color:var(--jc-navy)!important;
  background:var(--jc-navy)!important;
  color:var(--jc-light)!important;
  box-shadow:0 8px 18px rgba(30,42,68,.13)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-steps > div.is-active > span{
  background:var(--jc-gold)!important;
  color:var(--jc-navy)!important;
}

/* Hero total as a digital order ticket */
#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary{
  grid-area:summary!important;
  min-width:0!important;
  min-height:118px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-areas:
    "icon label"
    "icon total"
    "icon count"!important;
  align-content:center!important;
  align-items:center!important;
  gap:2px 10px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(245,241,235,.14)!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,var(--jc-navy) 0%,var(--jc-navy-2) 100%)!important;
  color:var(--jc-light)!important;
  box-shadow:
    0 14px 30px rgba(30,42,68,.18),
    inset 0 1px 0 rgba(245,241,235,.07)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary::after{
  content:""!important;
  position:absolute!important;
  inset-inline:14px!important;
  bottom:0!important;
  height:3px!important;
  background:linear-gradient(90deg,transparent,var(--jc-gold),transparent)!important;
  opacity:.9!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary-icon{
  grid-area:icon!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:var(--jc-gold)!important;
  color:var(--jc-navy)!important;
  box-shadow:0 9px 20px rgba(245,241,235,.22)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary-icon .jood-svg-icon{
  width:21px!important;
  height:21px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > span{
  grid-area:label!important;
  color:rgba(245,241,235,.74)!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > strong{
  grid-area:total!important;
  color:var(--jc-light)!important;
  font-size:clamp(21px,2.2vw,30px)!important;
  line-height:1.2!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > strong .amount{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > small{
  grid-area:count!important;
  color:var(--jc-gold-2)!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:900!important;
}

/* =========================================================
   15.02 CART MAIN LAYOUT
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-layout{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(310px,360px)!important;
  grid-template-areas:"main side"!important;
  align-items:start!important;
  gap:10px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-main{
  grid-area:main!important;
  min-width:0!important;
  padding:11px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:22px!important;
  background:var(--jc-panel)!important;
  box-shadow:var(--jc-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-side{
  grid-area:side!important;
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
  position:sticky!important;
  top:14px!important;
}

/* =========================================================
   15.03 CART MAIN HEADER
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-main__head{
  width:100%!important;
  min-width:0!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:16px!important;
  background:var(--jc-panel-2)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-main__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-cart .jood-section-kicker{
  width:fit-content!important;
  min-height:21px!important;
  padding:4px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(30,42,68,.11)!important;
  border-radius:7px!important;
  background:rgba(245,241,235,.30)!important;
  color:var(--jc-navy)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-main__head h2{
  margin:3px 0 0!important;
  color:var(--jc-navy)!important;
  font-size:clamp(23px,2.3vw,31px)!important;
  line-height:1.1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-main__head p{
  margin:0!important;
  color:var(--jc-muted)!important;
  font-size:10px!important;
  line-height:1.5!important;
  font-weight:700!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-clear{
  min-height:38px!important;
  padding:7px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.24)!important;
  color:var(--jc-navy)!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-clear:hover{
  background:var(--jc-field)!important;
  border-color:var(--jc-line-strong)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-clear .jood-svg-icon{
  width:15px!important;
  height:15px!important;
  color:var(--jc-navy)!important;
}

/* =========================================================
   15.04 CART ITEMS — COMPACT ORDER TICKETS
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-items{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item{
  width:100%!important;
  min-width:0!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  grid-template-areas:"media body"!important;
  align-items:stretch!important;
  gap:9px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--jc-line)!important;
  border-radius:17px!important;
  background:var(--jc-panel-2)!important;
  box-shadow:0 7px 18px rgba(30,42,68,.065)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item:hover{
  transform:translateY(-1px)!important;
  border-color:var(--jc-line-strong)!important;
  box-shadow:0 11px 24px rgba(30,42,68,.09)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item::before{
  content:""!important;
  position:absolute!important;
  inset-block:11px!important;
  inset-inline-start:0!important;
  width:3px!important;
  border-radius:0 999px 999px 0!important;
  background:var(--jc-gold)!important;
  opacity:.9!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__media{
  grid-area:media!important;
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid var(--jc-line)!important;
  border-radius:13px!important;
  background:var(--jc-panel)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:5px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__body{
  grid-area:body!important;
  min-width:0!important;
  padding:4px 3px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:stretch!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__top{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:start!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__top > div{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__title{
  min-width:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:var(--jc-navy)!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__top small{
  color:var(--jc-muted)!important;
  font-size:9px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__top em{
  width:fit-content!important;
  min-height:21px!important;
  padding:4px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(30,42,68,.11)!important;
  border-radius:7px!important;
  background:rgba(245,241,235,.33)!important;
  color:var(--jc-navy)!important;
  font-size:8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-remove{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--jc-line)!important;
  border-radius:10px!important;
  background:rgba(245,241,235,.24)!important;
  color:var(--jc-navy)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-remove:hover{
  background:var(--jc-navy)!important;
  color:var(--jc-gold)!important;
  border-color:var(--jc-navy)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-remove .jood-svg-icon{
  width:15px!important;
  height:15px!important;
  color:inherit!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__bottom{
  width:100%!important;
  min-width:0!important;
  align-self:end!important;
  padding-top:7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  border-top:1px solid rgba(30,42,68,.09)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__price{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__price > span{
  color:var(--jc-muted)!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__price > strong{
  color:var(--jc-navy)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__price .amount{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

/* Quantity control inside the cart */
#jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control{
  width:118px!important;
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:35px minmax(0,1fr) 35px!important;
  overflow:hidden!important;
  border:1px solid var(--jc-line)!important;
  border-radius:11px!important;
  background:var(--jc-field)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control button{
  width:35px!important;
  height:38px!important;
  min-width:35px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--jc-navy)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control input{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 3px!important;
  border:0!important;
  border-inline:1px solid rgba(30,42,68,.11)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--jc-navy)!important;
  text-align:center!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:950!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control input::-webkit-outer-spin-button,
#jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control input::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}

/* =========================================================
   15.05 CART UPSELLS + JOOD OFFERS — EXACT MODULE CLASSES V13
========================================================= */

/* Upsell shell */
#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-section{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  display:grid!important;
  gap:9px!important;
  position:relative!important;
  overflow:hidden!important;
  clear:both!important;
  border:1px solid rgba(30,42,68,.14)!important;
  border-radius:17px!important;
  background:#F5F1EB!important;
  background-image:none!important;
  color:#1E2A44!important;
  box-shadow:0 9px 22px rgba(30,42,68,.07)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-section::before{
  content:""!important;
  position:absolute!important;
  inset-inline:16px!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#F5F1EB,transparent)!important;
}

/* Heading */
#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head{
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(30,42,68,.13)!important;
  border-radius:13px!important;
  background:rgba(245,241,235,.20)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head__text{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-kicker{
  width:fit-content!important;
  min-height:20px!important;
  margin:0!important;
  padding:4px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(30,42,68,.10)!important;
  border-radius:7px!important;
  background:rgba(245,241,235,.38)!important;
  color:#1E2A44!important;
  font-size:7.5px!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head h3{
  margin:0!important;
  color:#1E2A44!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head p{
  margin:0!important;
  color:#1E2A44!important;
  font-size:9px!important;
  line-height:1.5!important;
  font-weight:750!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head__icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:0 8px 18px rgba(30,42,68,.15)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head__icon svg{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
}

/* Grid */
#jood-app.jood-app-shell-view-cart .jood-upsell-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-upsell-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

/* Card */
#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card{
  min-width:0!important;
  min-height:132px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:7px!important;
  overflow:hidden!important;
  border:1px solid rgba(30,42,68,.13)!important;
  border-radius:13px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:0 6px 16px rgba(30,42,68,.06)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__image{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  margin:0!important;
  padding:4px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(30,42,68,.12)!important;
  border-radius:11px!important;
  background:#E8DCC6!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__body{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:4px!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__tag{
  width:fit-content!important;
  max-width:100%!important;
  min-height:19px!important;
  padding:4px 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(30,42,68,.10)!important;
  border-radius:6px!important;
  background:rgba(245,241,235,.40)!important;
  color:#1E2A44!important;
  font-size:7px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__title{
  min-width:0!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#1E2A44!important;
  font-size:10.5px!important;
  line-height:1.38!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__meta{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__price{
  color:#1E2A44!important;
  font-size:11px!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__note{
  color:#1E2A44!important;
  font-size:7.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Actions */
#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-add{
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:5px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  align-self:end!important;
  border:1px solid #1E2A44!important;
  border-radius:9px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:0 7px 16px rgba(30,42,68,.13)!important;
  font-size:7.5px!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-open{
  background:#F5F1EB!important;
  color:#1E2A44!important;
  border-color:rgba(30,42,68,.13)!important;
  box-shadow:none!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-add svg{
  width:13px!important;
  height:13px!important;
  stroke:currentColor!important;
}

/* Smart offers */
#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-box{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:9px!important;
  display:grid!important;
  gap:7px!important;
  border:1px solid rgba(30,42,68,.13)!important;
  border-radius:15px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:0 7px 18px rgba(30,42,68,.06)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-box__head{
  min-width:0!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(30,42,68,.11)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.20)!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-box__icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-box h3{
  margin:2px 0 0!important;
  color:#1E2A44!important;
  font-size:14px!important;
  font-weight:950!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-box p{
  margin:1px 0 0!important;
  color:#1E2A44!important;
  font-size:7.5px!important;
  font-weight:750!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offer-chip{
  min-width:0!important;
  min-height:54px!important;
  padding:7px 8px!important;
  display:grid!important;
  gap:2px!important;
  border:1px solid rgba(30,42,68,.12)!important;
  border-radius:10px!important;
  background:#E8DCC6!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offer-chip.is-active{
  border-color:rgba(245,241,235,.72)!important;
  background:#E8DCC6!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offer-chip strong{
  color:#1E2A44!important;
  font-size:8.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offer-chip small{
  color:#1E2A44!important;
  font-size:7px!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Responsive */
@media(max-width:1100px){
  #jood-app.jood-app-shell-view-cart .jood-upsell-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-section{
    padding:7px!important;
    gap:6px!important;
    border-radius:13px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head{
    min-height:48px!important;
    padding:6px 7px!important;
    grid-template-columns:minmax(0,1fr) 31px!important;
    border-radius:10px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head__icon{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    border-radius:9px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head h3{
    font-size:14px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-head p{
    font-size:7.5px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card{
    min-height:116px!important;
    padding:5px!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:5px!important;
    border-radius:10px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__image{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    padding:3px!important;
    border-radius:9px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__title{
    font-size:8.5px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__price{
    font-size:9px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-card__note{
    display:none!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-add{
    min-height:29px!important;
    height:29px!important;
    padding:4px!important;
    border-radius:8px!important;
    font-size:6.8px!important;
  }

  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-offers-list{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:330px){
  #jood-app:is(.jood-app-shell-view-cart,.jood-app-shell-view-checkout) .jood-upsell-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   15.06 CART ACTIONS
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-actions-row{
  width:100%!important;
  min-width:0!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;
  gap:6px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:15px!important;
  background:var(--jc-panel-2)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-actions-row .jood-btn{
  width:100%!important;
  min-height:43px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-actions-row .jood-btn-primary{
  background:linear-gradient(135deg,var(--jc-navy),var(--jc-navy-2))!important;
  color:var(--jc-light)!important;
  border-color:var(--jc-navy)!important;
  box-shadow:0 9px 20px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-actions-row .jood-btn-ghost{
  background:var(--jc-field)!important;
  color:var(--jc-navy)!important;
  border-color:var(--jc-line)!important;
}

/* =========================================================
   15.07 SIDE CARDS
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-side-card{
  width:100%!important;
  min-width:0!important;
  padding:11px!important;
  display:grid!important;
  gap:9px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:18px!important;
  background:var(--jc-panel)!important;
  color:var(--jc-navy)!important;
  box-shadow:var(--jc-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-side-card__head{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-side-card__head > .jood-svg-icon{
  width:36px!important;
  height:36px!important;
  padding:8px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--jc-navy)!important;
  color:var(--jc-gold)!important;
  box-shadow:0 7px 16px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-side-card__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-side-card__head h3{
  margin:2px 0 0!important;
  color:var(--jc-navy)!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:950!important;
}

/* Coupon */
#jood-app.jood-app-shell-view-cart .jood-coupon-box{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-cart .jood-coupon-box input{
  width:100%!important;
  min-width:0!important;
  min-height:41px!important;
  padding:8px 11px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:11px!important;
  background:var(--jc-field)!important;
  color:var(--jc-navy)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-cart .jood-coupon-box input::placeholder{
  color:rgba(30,42,68,.68)!important;
}

#jood-app.jood-app-shell-view-cart .jood-coupon-box .jood-btn{
  min-width:86px!important;
  min-height:41px!important;
  padding:7px 10px!important;
  border-radius:11px!important;
  background:var(--jc-navy)!important;
  color:var(--jc-light)!important;
  border-color:var(--jc-navy)!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-coupon-msg{
  grid-column:1/-1!important;
  min-height:0!important;
  margin:0!important;
  color:var(--jc-muted)!important;
  font-size:8px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-cart .jood-applied-coupons{
  display:grid!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-cart .jood-applied-coupon{
  min-height:38px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  border:1px dashed rgba(30,42,68,.22)!important;
  border-radius:10px!important;
  background:rgba(245,241,235,.30)!important;
}

#jood-app.jood-app-shell-view-cart .jood-applied-coupon > span{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app.jood-app-shell-view-cart .jood-applied-coupon strong{
  color:var(--jc-navy)!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-applied-coupon small{
  color:var(--jc-muted)!important;
  font-size:8px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-cart .jood-remove-coupon{
  min-height:29px!important;
  padding:5px 8px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:8px!important;
  background:var(--jc-field)!important;
  color:var(--jc-navy)!important;
  font-size:8px!important;
  font-weight:950!important;
}

/* =========================================================
   15.08 TOTALS — NAVY RECEIPT CARD
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-totals-card{
  background:
    linear-gradient(145deg,var(--jc-navy) 0%,var(--jc-navy-2) 100%)!important;
  color:var(--jc-light)!important;
  border-color:rgba(245,241,235,.12)!important;
  box-shadow:
    0 16px 34px rgba(30,42,68,.19),
    inset 0 1px 0 rgba(245,241,235,.06)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals-card .jood-cart-side-card__head > .jood-svg-icon{
  background:var(--jc-gold)!important;
  color:var(--jc-navy)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals-card .jood-section-kicker{
  background:rgba(245,241,235,.10)!important;
  color:var(--jc-gold-2)!important;
  border-color:rgba(245,241,235,.12)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals-card .jood-cart-side-card__head h3{
  color:var(--jc-light)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals{
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div{
  min-height:38px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(245,241,235,.09)!important;
  border-radius:10px!important;
  background:rgba(245,241,235,.055)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div > span{
  color:rgba(245,241,235,.72)!important;
  font-size:8.5px!important;
  line-height:1.3!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div > strong{
  color:var(--jc-light)!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div > strong .amount{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div.is-total{
  min-height:54px!important;
  margin-top:2px!important;
  border-color:rgba(245,241,235,.34)!important;
  background:rgba(245,241,235,.13)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div.is-total > span{
  color:var(--jc-gold-2)!important;
  font-size:10px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals > div.is-total > strong{
  color:var(--jc-gold-2)!important;
  font-size:18px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-totals-card > .jood-btn{
  width:100%!important;
  min-height:45px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--jc-gold-2),var(--jc-gold))!important;
  color:var(--jc-navy)!important;
  border-color:var(--jc-gold)!important;
  box-shadow:0 9px 20px rgba(245,241,235,.20)!important;
  font-size:9px!important;
  font-weight:950!important;
}

/* =========================================================
   15.10 EMPTY CART
========================================================= */

#jood-app.jood-app-shell-view-cart .jood-cart-empty-wrap{
  width:100%!important;
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--jc-line)!important;
  border-radius:22px!important;
  background:var(--jc-panel)!important;
  box-shadow:var(--jc-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-empty-wrap .jood-empty-state{
  min-height:280px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* =========================================================
   15.11 TABLET
========================================================= */

@media(max-width:1020px){
  #jood-app.jood-app-shell-view-cart .jood-cart-layout{
    grid-template-columns:minmax(0,1fr) minmax(285px,320px)!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item{
    grid-template-columns:100px minmax(0,1fr)!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__media{
    width:100px!important;
    height:100px!important;
    min-width:100px!important;
  }
}

@media(max-width:860px){
  #jood-app.jood-app-shell-view-cart .jood-cart-hero{
    grid-template-columns:minmax(0,1fr) minmax(210px,260px)!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "side"!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side{
    position:static!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
  }
}

/* =========================================================
   15.12 MOBILE — COMPACT APP CART
========================================================= */

@media(max-width:620px){
  #jood-app.jood-app-shell-view-cart .jood-app-main{
    width:calc(100% - 8px)!important;
    padding-top:4px!important;
    padding-bottom:14px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-page{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero{
    min-height:0!important;
    padding:7px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "content"
      "summary"!important;
    gap:6px!important;
    border-radius:16px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero__content{
    padding:6px!important;
    gap:4px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero h2{
    font-size:24px!important;
    line-height:1.12!important;
    letter-spacing:-.3px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero p{
    font-size:9px!important;
    line-height:1.55!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-steps{
    width:100%!important;
    margin-top:3px!important;
    padding:4px!important;
    gap:4px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-steps > div{
    min-height:33px!important;
    padding:4px!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:3px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-steps > div > span{
    width:20px!important;
    height:20px!important;
    border-radius:6px!important;
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-steps > div > strong{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero__summary{
    min-height:66px!important;
    padding:8px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    grid-template-areas:
      "icon label total"
      "icon count total"!important;
    gap:2px 7px!important;
    border-radius:13px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero__summary-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero__summary-icon .jood-svg-icon{
    width:17px!important;
    height:17px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > strong{
    font-size:18px!important;
    text-align:end!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-main{
    padding:6px!important;
    gap:6px!important;
    border-radius:15px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-main__head{
    padding:7px!important;
    gap:6px!important;
    border-radius:12px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-main__head h2{
    font-size:20px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-main__head p{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-clear{
    min-height:32px!important;
    padding:5px 7px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-items{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item{
    padding:5px!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:6px!important;
    border-radius:13px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__media{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__media img{
    padding:3px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__body{
    padding:2px!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__top{
    grid-template-columns:minmax(0,1fr) 29px!important;
    gap:4px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__title{
    font-size:10.5px!important;
    line-height:1.38!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__top small{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__top em{
    min-height:18px!important;
    padding:3px 5px!important;
    border-radius:6px!important;
    font-size:7px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-remove{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-remove .jood-svg-icon{
    width:13px!important;
    height:13px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__bottom{
    padding-top:4px!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__price > span{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__price > strong{
    font-size:12px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control{
    width:94px!important;
    min-height:32px!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control button{
    width:28px!important;
    height:32px!important;
    min-width:28px!important;
    font-size:13px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item .jood-qty-control input{
    height:32px!important;
    min-height:32px!important;
    font-size:8.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-actions-row{
    padding:5px!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    border-radius:12px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-actions-row .jood-btn{
    min-height:36px!important;
    padding:6px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-totals-card{
    grid-row:auto!important;
    order:-1!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side-card{
    padding:8px!important;
    gap:7px!important;
    border-radius:14px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side-card__head{
    grid-template-columns:31px minmax(0,1fr)!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side-card__head > .jood-svg-icon{
    width:31px!important;
    height:31px!important;
    padding:7px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-side-card__head h3{
    font-size:14px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-coupon-box{
    grid-template-columns:minmax(0,1fr) 74px!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-coupon-box input,
  #jood-app.jood-app-shell-view-cart .jood-coupon-box .jood-btn{
    min-height:36px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-totals > div{
    min-height:34px!important;
    padding:6px 7px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-totals > div.is-total{
    min-height:48px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-totals > div.is-total > strong{
    font-size:16px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-totals-card > .jood-btn{
    min-height:40px!important;
    border-radius:10px!important;
    font-size:8px!important;
  }
}

/* Extremely narrow phones only */
@media(max-width:330px){
  #jood-app.jood-app-shell-view-cart .jood-cart-item{
    grid-template-columns:68px minmax(0,1fr)!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-item__media{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
  }

  #jood-app.jood-app-shell-view-cart .jood-cart-actions-row{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   15.13 ACCESSIBILITY / REDUCED MOTION
========================================================= */

#jood-app.jood-app-shell-view-cart a:focus-visible,
#jood-app.jood-app-shell-view-cart button:focus-visible,
#jood-app.jood-app-shell-view-cart input:focus-visible{
  outline:3px solid rgba(245,241,235,.42)!important;
  outline-offset:3px!important;
}

@media(prefers-reduced-motion:reduce){
  #jood-app.jood-app-shell-view-cart *,
  #jood-app.jood-app-shell-view-cart *::before,
  #jood-app.jood-app-shell-view-cart *::after{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   16 CHECKOUT + THANK-YOU — CONTROL ROOM V15
   One clean build. No WooCommerce-style layout.
========================================================= */

/* =========================================================
   16.00 CHECKOUT TOKENS + FOUNDATION
========================================================= */

#jood-app.jood-app-shell-view-checkout{
  --jx-bg:#F5F1EB;
  --jx-panel:#E8DCC6;
  --jx-panel-2:#F5F1EB;
  --jx-panel-3:#E8DCC6;
  --jx-field:#F5F1EB;
  --jx-field-2:#F5F1EB;
  --jx-navy:#1E2A44;
  --jx-navy-2:#1E2A44;
  --jx-navy-3:#1E2A44;
  --jx-gold:#F5F1EB;
  --jx-gold-2:#F5F1EB;
  --jx-text:#1E2A44;
  --jx-muted:#1E2A44;
  --jx-line:rgba(30,42,68,.14);
  --jx-line-strong:rgba(30,42,68,.22);
  --jx-light:#F5F1EB;
  --jx-shadow:0 16px 38px rgba(30,42,68,.10);
  --jx-shadow-sm:0 9px 24px rgba(30,42,68,.075);

  width:100%;
  max-width:100%;
  min-width:0;
  background:#1E2A44!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-checkout .jood-app-main{
  width:min(1260px,calc(100% - 28px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:12px 0 26px!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-checkout .jood-app-content-checkout{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:10px!important;
  background:transparent!important;
}

/* Hide only duplicated plugin navigation */
#jood-app.jood-app-shell-view-checkout .jood-app-bottom-nav,
#jood-app.jood-app-shell-view-checkout .jood-bottom-nav,
#jood-app.jood-app-shell-view-checkout .jood-app-footer,
#jood-app.jood-app-shell-view-checkout .jood-store-footer,
#jood-app.jood-app-shell-view-checkout .jood-footer-ticker,
#jood-app.jood-app-shell-view-checkout .jood-app-ticker{
  display:none!important;
}

/* =========================================================
   16.01 COMMAND BAR
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-command{
  width:100%!important;
  min-height:72px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 220px!important;
  grid-template-areas:"total brand back"!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:21px!important;
  background:#1E2A44!important;
  box-shadow:var(--jx-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__back{
  grid-area:back!important;
  color:#F5F1EB!important;
  min-width:0!important;
  min-height:54px!important;
  padding:8px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:14px!important;
  background:rgba(245,241,235,.24)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__back:hover{
  border-color:var(--jx-line-strong)!important;
  background:var(--jx-field)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__back > span,
#jood-app.jood-app-shell-view-checkout .jood-checkout-command__brand > span:last-child,
#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total > span:last-child{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command small{
  color:var(--jx-muted)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command strong{
  color:inherit!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__back .jood-svg-icon{
  width:17px!important;
  height:17px!important;
  color:inherit!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__brand{
  color:#F5F1EB!important;

  grid-area:brand!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:var(--jx-navy)!important;
  text-align:center!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-gold)!important;
  box-shadow:0 9px 20px rgba(30,42,68,.15)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__mark .jood-svg-icon{
  width:20px!important;
  height:20px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total{
  grid-area:total!important;
  min-width:0!important;
  min-height:54px!important;
  padding:7px 10px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(245,241,235,.13)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 9px 20px rgba(30,42,68,.15)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--jx-gold)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total-icon .jood-svg-icon{
  width:17px!important;
  height:17px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total small{
  color:rgba(245,241,235,.72)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total strong{
  color:var(--jx-light)!important;
  font-size:15px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total strong .amount{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-command__total em{
  color:var(--jx-gold-2)!important;
  font-size:7.5px!important;
  line-height:1.2!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* =========================================================
   16.02 STUDIO LAYOUT
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-form{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-studio{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 258px!important;
  grid-template-areas:"flow rail"!important;
  align-items:start!important;
  gap:10px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail{
  grid-area:rail!important;
  min-width:0!important;
  padding:10px!important;
  display:grid!important;
  gap:9px!important;
  position:sticky!important;
  top:12px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:21px!important;
  background:var(--jx-panel)!important;
  box-shadow:var(--jx-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-main{
  grid-area:flow!important;
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
}

/* =========================================================
   16.03 PROGRESS RAIL
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head{
  min-width:0!important;
  padding:9px!important;
  display:grid!important;
  gap:3px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:14px!important;
  background:var(--jx-panel-2)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head .jood-eyebrow{
  width:fit-content!important;
  min-height:20px!important;
  padding:4px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:7px!important;
  background:rgba(245,241,235,.32)!important;
  color:var(--jx-navy)!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head h2{
  margin:2px 0 0!important;
  color:var(--jx-navy)!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head p{
  margin:0!important;
  color:var(--jx-muted)!important;
  font-size:8.5px!important;
  line-height:1.5!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-areas:
    "num title"
    "num note"!important;
  align-items:center!important;
  gap:2px 7px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:13px!important;
  background:rgba(245,241,235,.20)!important;
  color:var(--jx-navy)!important;
  box-shadow:none!important;
  text-align:start!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button:hover{
  border-color:var(--jx-line-strong)!important;
  background:rgba(245,241,235,.32)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > span{
  grid-area:num!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(30,42,68,.08)!important;
  color:var(--jx-navy)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > strong{
  grid-area:title!important;
  min-width:0!important;
  color:inherit!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > small{
  grid-area:note!important;
  min-width:0!important;
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button.is-active{
  border-color:var(--jx-navy)!important;
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 10px 22px rgba(30,42,68,.15)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button.is-active > span{
  background:var(--jx-gold)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button.is-active > small{
  color:rgba(245,241,235,.68)!important;
}

/* Loyalty card */
#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card{
  min-width:0!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:7px!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 11px 24px rgba(30,42,68,.17)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card__icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--jx-gold)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card__icon .jood-svg-icon{
  width:16px!important;
  height:16px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card small{
  color:rgba(245,241,235,.68)!important;
  font-size:7.5px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card strong{
  color:var(--jx-light)!important;
  font-size:10px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card p{
  margin:0!important;
  color:rgba(245,241,235,.66)!important;
  font-size:7px!important;
  line-height:1.4!important;
  font-weight:700!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card > a{
  grid-column:1/-1!important;
  min-height:30px!important;
  padding:5px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(245,241,235,.30)!important;
  border-radius:9px!important;
  background:rgba(245,241,235,.12)!important;
  color:var(--jx-gold-2)!important;
  font-size:7px!important;
  font-weight:950!important;
}

/* Security note */
#jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note{
  min-width:0!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.18)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note > .jood-svg-icon{
  width:28px!important;
  height:28px!important;
  padding:6px!important;
  border-radius:9px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-gold)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note > span{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note strong{
  color:var(--jx-navy)!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note small{
  color:var(--jx-muted)!important;
  font-size:7px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

/* =========================================================
   16.04 STAGES
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  display:none!important;
  gap:10px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:22px!important;
  background:var(--jx-panel)!important;
  box-shadow:var(--jx-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage.is-active{
  display:grid!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head{
  min-width:0!important;
  min-height:76px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:15px!important;
  background:var(--jx-panel-2)!important;
  position:relative!important;
  overflow:hidden!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head::before{
  content:""!important;
  position:absolute!important;
  inset-inline:18px!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--jx-gold),transparent)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-gold)!important;
  box-shadow:0 8px 18px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__icon .jood-svg-icon{
  width:20px!important;
  height:20px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head h3{
  margin:2px 0 0!important;
  color:var(--jx-navy)!important;
  font-size:clamp(23px,2.3vw,31px)!important;
  line-height:1.1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head p{
  margin:0!important;
  color:var(--jx-muted)!important;
  font-size:9px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head > em{
  min-width:42px!important;
  height:42px!important;
  padding:0 8px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--jx-line)!important;
  border-radius:13px!important;
  background:rgba(245,241,235,.28)!important;
  color:var(--jx-navy)!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
}

/* =========================================================
   16.05 ORDER REVIEW
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-order-workspace{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 270px!important;
  align-items:start!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-card{
  min-width:0!important;
  padding:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:16px!important;
  background:var(--jx-panel-2)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-items{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item{
  min-width:0!important;
  min-height:80px!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:13px!important;
  background:var(--jx-panel)!important;
  box-shadow:0 5px 14px rgba(30,42,68,.05)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__image{
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  padding:4px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid var(--jx-line)!important;
  border-radius:10px!important;
  background:var(--jx-panel)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content > strong{
  min-width:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:var(--jx-navy)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content small{
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content em{
  width:fit-content!important;
  min-height:19px!important;
  padding:3px 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:6px!important;
  background:rgba(245,241,235,.32)!important;
  color:var(--jx-navy)!important;
  font-size:7px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__total{
  color:var(--jx-navy)!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__total .amount{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

/* Summary ticket uses the existing totals helper */
#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket{
  min-width:0!important;
  position:sticky!important;
  top:12px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals-card{
  width:100%!important;
  min-width:0!important;
  padding:10px!important;
  display:grid!important;
  gap:8px!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 13px 28px rgba(30,42,68,.18)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-side-card__head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-side-card__head > .jood-svg-icon{
  width:34px!important;
  height:34px!important;
  padding:8px!important;
  border-radius:10px!important;
  background:var(--jx-gold)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-section-kicker{
  background:rgba(245,241,235,.10)!important;
  color:var(--jx-gold-2)!important;
  border-color:rgba(245,241,235,.12)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket h3{
  margin:2px 0 0!important;
  color:var(--jx-light)!important;
  font-size:16px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals{
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals > div{
  min-height:34px!important;
  padding:6px 7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(245,241,235,.09)!important;
  border-radius:9px!important;
  background:rgba(245,241,235,.055)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals span{
  color:rgba(245,241,235,.72)!important;
  font-size:7.5px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals strong{
  color:var(--jx-light)!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals .is-total{
  min-height:48px!important;
  border-color:rgba(245,241,235,.34)!important;
  background:rgba(245,241,235,.13)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals .is-total span,
#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket .jood-cart-totals .is-total strong{
  color:var(--jx-gold-2)!important;
  font-size:13px!important;
}

/* =========================================================
   16.06 FORM CARDS + FIELDS
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-card{
  width:100%!important;
  min-width:0!important;
  padding:11px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:17px!important;
  background:var(--jx-panel-2)!important;
  box-shadow:0 7px 18px rgba(30,42,68,.06)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro{
  min-width:0!important;
  padding:8px 9px!important;
  display:grid!important;
  gap:2px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.20)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro strong{
  color:var(--jx-navy)!important;
  font-size:11px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro span{
  color:var(--jx-muted)!important;
  font-size:8px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field > span{
  padding-inline:3px!important;
  color:var(--jx-navy)!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field > span em{
  color:var(--jx-gold)!important;
  font-style:normal!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field input,
#jood-app.jood-app-shell-view-checkout .jood-form-field select,
#jood-app.jood-app-shell-view-checkout .jood-form-field textarea{
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(30,42,68,.15)!important;
  border-radius:11px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field textarea{
  min-height:92px!important;
  resize:vertical!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field input::placeholder,
#jood-app.jood-app-shell-view-checkout .jood-form-field textarea::placeholder{
  color:rgba(30,42,68,.62)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-form-field-order_notes{
  grid-column:1/-1!important;
}

/* Delivery layout */
#jood-app.jood-app-shell-view-checkout .jood-checkout-delivery-grid{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)!important;
  align-items:start!important;
  gap:8px!important;
}

/* Any external delivery modules */
#jood-app.jood-app-shell-view-checkout .jood-checkout-stage > :is(
  [class*="delivery-slot"],
  [class*="branch-zone"],
  [class*="branches-zone"],
  [class*="checkout-block"]
){
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:16px!important;
  background:var(--jx-panel-2)!important;
  color:var(--jx-navy)!important;
  box-shadow:0 7px 18px rgba(30,42,68,.06)!important;
}

/* =========================================================
   16.07 SHIPPING METHODS
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-shipping-methods{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method{
  min-width:0!important;
  min-height:52px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.20)!important;
  cursor:pointer!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method:has(input:checked){
  border-color:var(--jx-navy)!important;
  background:var(--jx-navy)!important;
  color:var(--jx-light)!important;
  box-shadow:0 8px 18px rgba(30,42,68,.13)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method input{
  width:16px!important;
  height:16px!important;
  accent-color:var(--jx-gold)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method > span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method strong{
  color:var(--jx-navy)!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method small{
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method:has(input:checked) strong{
  color:var(--jx-light)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-shipping-method:has(input:checked) small{
  color:rgba(245,241,235,.68)!important;
}

/* =========================================================
   16.08 PAYMENT
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-payment-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card{
  min-width:0!important;
  min-height:72px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:13px!important;
  background:rgba(245,241,235,.20)!important;
  color:var(--jx-navy)!important;
  cursor:pointer!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card:has(input:checked){
  border-color:var(--jx-navy)!important;
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 10px 22px rgba(30,42,68,.15)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card input{
  width:16px!important;
  height:16px!important;
  accent-color:var(--jx-gold)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card > span{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card b{
  color:var(--jx-navy)!important;
  font-size:10px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card small{
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card:has(input:checked) b{
  color:var(--jx-light)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card:has(input:checked) small{
  color:rgba(245,241,235,.68)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-terms{
  min-width:0!important;
  min-height:58px!important;
  padding:8px 9px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:12px!important;
  background:var(--jx-panel-2)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-terms input{
  width:16px!important;
  height:16px!important;
  accent-color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-terms > span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-terms strong{
  color:var(--jx-navy)!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-terms small{
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

/* =========================================================
   16.09 ACTION BAR
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions{
  width:100%!important;
  min-width:0!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.40fr) minmax(0,.60fr)!important;
  gap:6px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:14px!important;
  background:var(--jx-panel-2)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions .jood-btn{
  width:100%!important;
  min-height:42px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  font-size:8.5px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions .jood-btn-primary{
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  border-color:var(--jx-navy)!important;
  box-shadow:0 9px 20px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions .jood-btn-ghost{
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  border-color:var(--jx-line)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions .jood-svg-icon{
  width:15px!important;
  height:15px!important;
  color:inherit!important;
}

/* =========================================================
   16.10 EXACT CHECKOUT MODULES — V15
   Classes taken from the actual module files.
========================================================= */

/* =========================================================
   16.10.01 SHARED MODULE LAYOUTS
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-checkout-extras-stack{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-extras-stack > .jood-upsell-section{
  grid-column:1/-1!important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-module-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
}

/* Real external module cards */
#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card,
  .jood-loyalty-pro-checkout
){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  display:grid!important;
  gap:9px!important;
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid var(--jx-line)!important;
  border-radius:16px!important;
  background:var(--jx-panel-2)!important;
  background-image:none!important;
  color:var(--jx-navy)!important;
  box-shadow:
    0 8px 20px rgba(30,42,68,.06),
    inset 0 1px 0 rgba(245,241,235,.06)!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card,
  .jood-loyalty-pro-checkout
)::before{
  content:""!important;
  position:absolute!important;
  inset-inline:16px!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--jx-gold),transparent)!important;
  opacity:.88!important;
  pointer-events:none!important;
}

/* Heads used by delivery/branches modules */
#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card
) .jood-checkout-card__head{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 9px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:12px!important;
  background:rgba(245,241,235,.20)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card
) .jood-checkout-card__head > .jood-svg-icon{
  width:38px!important;
  height:38px!important;
  padding:9px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-gold)!important;
  box-shadow:0 8px 18px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card
) .jood-checkout-card__head > .jood-svg-icon svg{
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card
) .jood-checkout-card__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card
) .jood-checkout-card__head h3{
  margin:2px 0 0!important;
  color:var(--jx-navy)!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

/* =========================================================
   16.10.02 DELIVERY SLOTS
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-delivery-slots-note{
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:10px!important;
  background:rgba(245,241,235,.18)!important;
  color:var(--jx-muted)!important;
  font-size:8px!important;
  line-height:1.5!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-methods{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-method{
  min-width:0!important;
  min-height:58px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.20)!important;
  color:var(--jx-navy)!important;
  cursor:pointer!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked){
  border-color:var(--jx-navy)!important;
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 8px 18px rgba(30,42,68,.13)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-method input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
  accent-color:var(--jx-gold)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-method > span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-method strong{
  color:var(--jx-navy)!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-method small{
  color:var(--jx-muted)!important;
  font-size:7px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) strong{
  color:var(--jx-light)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) small{
  color:rgba(245,241,235,.68)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-slots-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-slots-grid > label{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-slots-grid > label > span{
  padding-inline:3px!important;
  color:var(--jx-navy)!important;
  font-size:8px!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-delivery-slots-grid select,
#jood-app.jood-app-shell-view-checkout
.jood-delivery-slots-grid input{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid rgba(30,42,68,.15)!important;
  border-radius:10px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:850!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-exact-time{
  grid-column:1/-1!important;
}

#jood-app.jood-app-shell-view-checkout .jood-delivery-slots-alert{
  min-height:44px!important;
  padding:8px 9px!important;
  display:flex!important;
  align-items:center!important;
  border:1px dashed var(--jx-line-strong)!important;
  border-radius:10px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  font-size:8px!important;
  line-height:1.5!important;
  font-weight:850!important;
}

/* =========================================================
   16.10.03 BRANCHES + ZONES
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-branches-zones-note{
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:10px!important;
  background:rgba(245,241,235,.18)!important;
  color:var(--jx-muted)!important;
  font-size:8px!important;
  line-height:1.5!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-branches-zones-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-bz-field{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-bz-field > span{
  padding-inline:3px!important;
  color:var(--jx-navy)!important;
  font-size:8px!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout .jood-bz-field select{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid rgba(30,42,68,.15)!important;
  border-radius:10px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:850!important;
}

#jood-app.jood-app-shell-view-checkout .jood-bz-field small{
  min-width:0!important;
  color:var(--jx-muted)!important;
  font-size:6.8px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-branches-zones-summary{
  min-height:43px!important;
  padding:8px 9px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:10px!important;
  background:var(--jx-panel)!important;
  color:var(--jx-navy)!important;
  font-size:7.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-branches-zones-summary strong{
  color:var(--jx-navy)!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-branches-zones-summary em{
  color:var(--jx-muted)!important;
  font-style:normal!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-branches-zones-summary b{
  color:var(--jx-navy)!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-branches-zones-summary small{
  color:var(--jx-muted)!important;
  font-size:6.8px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-branches-zones-alert{
  min-height:44px!important;
  padding:8px 9px!important;
  display:flex!important;
  align-items:center!important;
  border:1px dashed var(--jx-line-strong)!important;
  border-radius:10px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  font-size:8px!important;
  font-weight:850!important;
}

/* =========================================================
   16.10.04 LOYALTY PRO — EXACT CLASSES
========================================================= */

#jood-app.jood-app-shell-view-checkout .jood-loyalty-pro-checkout{
  grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr)!important;
  grid-template-areas:
    "head balance"
    "input input"
    "hint hint"!important;
  align-items:start!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-checkout__head{
  grid-area:head!important;
  min-width:0!important;
  min-height:100%!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  border:1px solid rgba(245,241,235,.10)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 10px 22px rgba(30,42,68,.15)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-loyalty-pro-medal{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:var(--jx-gold)!important;
  color:var(--jx-navy)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-checkout__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-checkout__head .jood-section-kicker{
  background:rgba(245,241,235,.10)!important;
  color:var(--jx-gold-2)!important;
  border-color:rgba(245,241,235,.12)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-checkout__head h3{
  margin:2px 0 0!important;
  color:var(--jx-light)!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-checkout__head p{
  margin:0!important;
  color:rgba(245,241,235,.68)!important;
  font-size:7.5px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout .jood-loyalty-pro-balance{
  grid-area:balance!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-balance > div{
  min-width:0!important;
  min-height:70px!important;
  padding:8px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.24)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-balance span{
  color:var(--jx-muted)!important;
  font-size:7.5px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-balance strong{
  min-width:0!important;
  color:var(--jx-navy)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}

#jood-app.jood-app-shell-view-checkout .jood-loyalty-pro-input{
  grid-area:input!important;
  min-width:0!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.18)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-input > span{
  color:var(--jx-navy)!important;
  font-size:8px!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-input > b{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-input input{
  width:100%!important;
  min-width:0!important;
  min-height:37px!important;
  padding:6px 9px!important;
  border:1px solid rgba(30,42,68,.15)!important;
  border-radius:9px!important;
  background:var(--jx-field)!important;
  color:var(--jx-navy)!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-input button{
  min-width:94px!important;
  min-height:37px!important;
  padding:6px 8px!important;
  border:1px solid var(--jx-navy)!important;
  border-radius:9px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-light)!important;
  font-size:7.5px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-hint{
  grid-area:hint!important;
  color:var(--jx-muted)!important;
  font-size:6.8px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout :is(
  .jood-loyalty-pro-empty,
  .jood-loyalty-pro-login
){
  grid-column:2!important;
  min-height:70px!important;
  padding:9px!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.24)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-login strong{
  color:var(--jx-navy)!important;
  font-size:9px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-login a{
  width:fit-content!important;
  min-height:31px!important;
  padding:5px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:var(--jx-navy)!important;
  color:var(--jx-light)!important;
  font-size:7px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-loyalty-pro-empty{
  color:var(--jx-muted)!important;
  font-size:8px!important;
  line-height:1.5!important;
  font-weight:800!important;
}

/* =========================================================
   16.10.05 ADDRESS + SHIPPING + PAYMENT EXACT CLASSES
========================================================= */

/* Existing checkout cards generated in checkout.php */
#jood-app.jood-app-shell-view-checkout :is(
  .jood-checkout-address-card,
  .jood-checkout-shipping-card,
  .jood-checkout-payment-card,
  .jood-checkout-customer-card
){
  background:var(--jx-panel-2)!important;
  color:var(--jx-navy)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card{
  min-width:0!important;
  min-height:68px!important;
  margin:0!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--jx-line)!important;
  border-radius:12px!important;
  background:rgba(245,241,235,.20)!important;
  color:var(--jx-navy)!important;
  cursor:pointer!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked){
  border-color:var(--jx-navy)!important;
  background:linear-gradient(135deg,var(--jx-navy),var(--jx-navy-2))!important;
  color:var(--jx-light)!important;
  box-shadow:0 9px 20px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
  accent-color:var(--jx-gold)!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card > span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card b{
  color:var(--jx-navy)!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card small,
#jood-app.jood-app-shell-view-checkout .jood-payment-card small *{
  margin:0!important;
  color:var(--jx-muted)!important;
  font-size:7px!important;
  line-height:1.4!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked) b{
  color:var(--jx-light)!important;
}

#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked) small,
#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked) small *{
  color:rgba(245,241,235,.70)!important;
}

/* =========================================================
   16.10.06 MODULE RESPONSIVE
========================================================= */

@media(max-width:1100px){
  #jood-app.jood-app-shell-view-checkout
  .jood-checkout-module-grid{
    grid-template-columns:1fr!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-checkout{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "head"
      "balance"
      "input"
      "hint"!important;
  }

  #jood-app.jood-app-shell-view-checkout :is(
    .jood-loyalty-pro-empty,
    .jood-loyalty-pro-login
  ){
    grid-column:1!important;
  }
}

@media(max-width:820px){
  #jood-app.jood-app-shell-view-checkout
  .jood-checkout-extras-stack{
    grid-template-columns:1fr!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-checkout-extras-stack > *{
    grid-column:1!important;
  }
}

@media(max-width:620px){
  #jood-app.jood-app-shell-view-checkout :is(
    .jood-delivery-slots-card,
    .jood-branches-zones-card,
    .jood-loyalty-pro-checkout
  ){
    padding:7px!important;
    gap:6px!important;
    border-radius:12px!important;
  }

  #jood-app.jood-app-shell-view-checkout :is(
    .jood-delivery-slots-card,
    .jood-branches-zones-card
  ) .jood-checkout-card__head{
    padding:6px 7px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:6px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout :is(
    .jood-delivery-slots-card,
    .jood-branches-zones-card
  ) .jood-checkout-card__head > .jood-svg-icon{
    width:32px!important;
    height:32px!important;
    padding:7px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout :is(
    .jood-delivery-slots-card,
    .jood-branches-zones-card
  ) .jood-checkout-card__head h3{
    font-size:14px!important;
  }

  #jood-app.jood-app-shell-view-checkout :is(
    .jood-delivery-methods,
    .jood-delivery-slots-grid,
    .jood-branches-zones-grid,
    .jood-payment-grid
  ){
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-delivery-method{
    min-height:50px!important;
    padding:6px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-delivery-slots-grid select,
  #jood-app.jood-app-shell-view-checkout
  .jood-delivery-slots-grid input,
  #jood-app.jood-app-shell-view-checkout
  .jood-bz-field select{
    min-height:37px!important;
    height:37px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-checkout__head{
    min-height:0!important;
    padding:7px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-loyalty-pro-medal{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-checkout__head h3{
    font-size:14px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-balance{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-balance > div{
    min-height:57px!important;
    padding:6px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-balance span{
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-balance strong{
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-input{
    padding:6px!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-input > b{
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-input input,
  #jood-app.jood-app-shell-view-checkout
  .jood-loyalty-pro-input button{
    min-height:34px!important;
    border-radius:8px!important;
    font-size:7px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-payment-card{
    min-height:56px!important;
    padding:6px!important;
    border-radius:9px!important;
  }
}

/* =========================================================
   16.11 TABLET
========================================================= */

@media(max-width:980px){
  #jood-app.jood-app-shell-view-checkout .jood-checkout-command{
    grid-template-columns:180px minmax(0,1fr) 180px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-studio{
    grid-template-columns:minmax(0,1fr) 225px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-order-workspace{
    grid-template-columns:minmax(0,1fr) 235px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-delivery-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:820px){
  #jood-app.jood-app-shell-view-checkout .jood-checkout-command{
    grid-template-columns:1fr auto 1fr!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__total{
    min-width:170px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-studio{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "rail"
      "flow"!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-rail{
    position:static!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button{
    min-height:68px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "num"
      "title"
      "note"!important;
    justify-items:center!important;
    text-align:center!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-order-workspace{
    grid-template-columns:1fr!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket{
    position:static!important;
  }
}

/* =========================================================
   16.12 MOBILE APP
========================================================= */

@media(max-width:620px){
  #jood-app.jood-app-shell-view-checkout .jood-app-main{
    width:calc(100% - 8px)!important;
    padding-top:4px!important;
    padding-bottom:14px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-page{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command{
    min-height:0!important;
    padding:5px!important;
    grid-template-columns:1fr 42px!important;
    grid-template-areas:
      "back brand"
      "total total"!important;
    gap:5px!important;
    border-radius:15px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__brand{
    justify-content:end!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__brand > span:last-child{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__back{
    min-height:38px!important;
    padding:5px 7px!important;
    justify-content:flex-start!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__back small{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__back strong{
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__total{
    min-width:0!important;
    min-height:48px!important;
    padding:6px 8px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__total-icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-command__total strong{
    font-size:13px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-studio{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-rail{
    padding:6px!important;
    gap:6px!important;
    border-radius:14px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs{
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs::-webkit-scrollbar{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button{
    flex:0 0 105px!important;
    min-height:54px!important;
    padding:5px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-areas:
      "num title"
      "num note"!important;
    justify-items:start!important;
    align-items:center!important;
    scroll-snap-align:start!important;
    border-radius:10px!important;
    text-align:start!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > span{
    width:24px!important;
    height:24px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > strong{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-wizard-tabs button > small{
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card{
    padding:6px!important;
    grid-template-columns:29px minmax(0,1fr) auto!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card__icon{
    width:29px!important;
    height:29px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card p{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-loyalty-card > a{
    grid-column:auto!important;
    min-height:28px!important;
    padding:4px 6px!important;
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-secure-note{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage{
    padding:6px!important;
    gap:6px!important;
    border-radius:15px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head{
    min-height:58px!important;
    padding:6px 7px!important;
    grid-template-columns:34px minmax(0,1fr) 32px!important;
    gap:6px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__icon{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__icon .jood-svg-icon{
    width:16px!important;
    height:16px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head h3{
    font-size:19px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head p{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head > em{
    min-width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-card{
    padding:5px!important;
    border-radius:12px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-items{
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item{
    min-height:68px!important;
    padding:5px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-areas:
      "image content"
      "image total"!important;
    gap:3px 6px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__image{
    grid-area:image!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    padding:3px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content{
    grid-area:content!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content > strong{
    font-size:8.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content small{
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__content em{
    min-height:17px!important;
    padding:3px 5px!important;
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-review-item__total{
    grid-area:total!important;
    font-size:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-card{
    padding:7px!important;
    gap:7px!important;
    border-radius:13px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro{
    padding:6px 7px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro strong{
    font-size:9px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-card__intro span{
    font-size:6.8px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-form-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-form-field > span{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-form-field input,
  #jood-app.jood-app-shell-view-checkout .jood-form-field select,
  #jood-app.jood-app-shell-view-checkout .jood-form-field textarea{
    min-height:38px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-form-field textarea{
    min-height:76px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-payment-grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-payment-card{
    min-height:58px!important;
    padding:7px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-terms{
    min-height:52px!important;
    padding:7px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions{
    padding:5px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions .jood-btn{
    min-height:36px!important;
    padding:6px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
  }
}

@media(max-width:330px){
  #jood-app.jood-app-shell-view-checkout .jood-checkout-stage-actions{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   16.13 THANK-YOU PAGE
========================================================= */

#jood-app .jood-thankyou-page{
  width:min(1120px,calc(100% - 28px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin:12px auto 26px!important;
  display:grid!important;
  gap:10px!important;
  color:#1E2A44!important;
}

#jood-app .jood-thankyou-hero{
  min-width:0!important;
  min-height:180px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#1E2A44,#1E2A44)!important;
  color:#F5F1EB!important;
  box-shadow:0 18px 42px rgba(30,42,68,.20)!important;
}

#jood-app .jood-thankyou-hero::after{
  content:""!important;
  position:absolute!important;
  width:280px!important;
  height:280px!important;
  inset-inline-end:-120px!important;
  bottom:-170px!important;
  border:1px solid rgba(245,241,235,.18)!important;
  border-radius:999px!important;
  box-shadow:
    0 0 0 32px rgba(245,241,235,.055),
    0 0 0 68px rgba(245,241,235,.028)!important;
}

#jood-app .jood-thankyou-hero__mark{
  width:92px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:28px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:0 14px 30px rgba(245,241,235,.25)!important;
}

#jood-app .jood-thankyou-hero__mark .jood-svg-icon{
  width:45px!important;
  height:45px!important;
}

#jood-app .jood-thankyou-hero__content{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
  position:relative!important;
  z-index:1!important;
}

#jood-app .jood-thankyou-hero .jood-eyebrow{
  width:fit-content!important;
  min-height:23px!important;
  padding:4px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(245,241,235,.25)!important;
  border-radius:8px!important;
  background:rgba(245,241,235,.10)!important;
  color:#F5F1EB!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-hero h2{
  margin:0!important;
  color:#F5F1EB!important;
  font-size:clamp(31px,3.6vw,50px)!important;
  line-height:1.08!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-hero p{
  width:min(680px,100%)!important;
  margin:0!important;
  color:rgba(245,241,235,.72)!important;
  font-size:11px!important;
  line-height:1.7!important;
  font-weight:700!important;
}

#jood-app .jood-thankyou-hero__actions{
  width:min(430px,100%)!important;
  margin-top:4px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app .jood-thankyou-hero__actions .jood-btn{
  min-height:40px!important;
  border-radius:11px!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-hero__actions .jood-btn-primary{
  background:linear-gradient(135deg,#F5F1EB,#F5F1EB)!important;
  color:#1E2A44!important;
  border-color:#F5F1EB!important;
}

#jood-app .jood-thankyou-hero__actions .jood-btn-ghost{
  background:#F5F1EB!important;
  color:#1E2A44!important;
  border-color:rgba(245,241,235,.70)!important;
}

#jood-app .jood-thankyou-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)!important;
  gap:10px!important;
}

#jood-app .jood-thankyou-card,
#jood-app .jood-thankyou-items{
  min-width:0!important;
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid rgba(30,42,68,.14)!important;
  border-radius:20px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:0 10px 24px rgba(30,42,68,.075)!important;
}

#jood-app .jood-thankyou-card__head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}

#jood-app .jood-thankyou-card__head > .jood-svg-icon{
  width:38px!important;
  height:38px!important;
  padding:9px!important;
  border-radius:12px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app .jood-thankyou-card__head h3{
  margin:2px 0 0!important;
  color:#1E2A44!important;
  font-size:18px!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app .jood-thankyou-meta > div{
  min-height:48px!important;
  padding:7px 8px!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  border:1px solid rgba(30,42,68,.13)!important;
  border-radius:11px!important;
  background:rgba(245,241,235,.20)!important;
}

#jood-app .jood-thankyou-meta span{
  color:#1E2A44!important;
  font-size:7.5px!important;
  font-weight:750!important;
}

#jood-app .jood-thankyou-meta strong{
  color:#1E2A44!important;
  font-size:10px!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-card > p{
  margin:0!important;
  color:#1E2A44!important;
  font-size:9px!important;
  line-height:1.7!important;
  font-weight:750!important;
}

#jood-app .jood-thankyou-card .jood-btn{
  min-height:40px!important;
  border-radius:11px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  border-color:#1E2A44!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app .jood-thankyou-items .jood-section-head{
  margin:0!important;
  padding:9px!important;
  border:1px solid rgba(30,42,68,.13)!important;
  border-radius:13px!important;
  background:#F5F1EB!important;
}

@media(max-width:720px){
  #jood-app .jood-thankyou-page{
    width:calc(100% - 8px)!important;
    margin-top:4px!important;
  }

  #jood-app .jood-thankyou-hero{
    min-height:0!important;
    padding:10px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:9px!important;
    border-radius:17px!important;
  }

  #jood-app .jood-thankyou-hero__mark{
    width:58px!important;
    height:58px!important;
    border-radius:18px!important;
  }

  #jood-app .jood-thankyou-hero__mark .jood-svg-icon{
    width:28px!important;
    height:28px!important;
  }

  #jood-app .jood-thankyou-hero h2{
    font-size:25px!important;
  }

  #jood-app .jood-thankyou-hero p{
    font-size:8px!important;
  }

  #jood-app .jood-thankyou-hero__actions{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #jood-app .jood-thankyou-grid{
    grid-template-columns:1fr!important;
  }

  #jood-app .jood-thankyou-card,
  #jood-app .jood-thankyou-items{
    padding:8px!important;
    border-radius:14px!important;
  }

  #jood-app .jood-thankyou-meta{
    grid-template-columns:1fr 1fr!important;
  }
}

/* =========================================================
   16.14 ACCESSIBILITY
========================================================= */

#jood-app.jood-app-shell-view-checkout a:focus-visible,
#jood-app.jood-app-shell-view-checkout button:focus-visible,
#jood-app.jood-app-shell-view-checkout input:focus-visible,
#jood-app.jood-app-shell-view-checkout select:focus-visible,
#jood-app.jood-app-shell-view-checkout textarea:focus-visible{
  outline:3px solid rgba(245,241,235,.42)!important;
  outline-offset:3px!important;
}

@media(prefers-reduced-motion:reduce){
  #jood-app.jood-app-shell-view-checkout *,
  #jood-app.jood-app-shell-view-checkout *::before,
  #jood-app.jood-app-shell-view-checkout *::after,
  #jood-app .jood-thankyou-page *,
  #jood-app .jood-thankyou-page *::before,
  #jood-app .jood-thankyou-page *::after{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   17 ACCOUNT PAGE — MEMBER COMMAND CENTER V18
   One clean section using the real account.php classes.
========================================================= */

/* =========================================================
   17.00 TOKENS + PAGE FOUNDATION
========================================================= */

#jood-app.jood-app-shell-view-account{
  --ja-bg:#F5F1EB;
  --ja-card:#E8DCC6;
  --ja-strip:#1E2A44;
  --ja-text:#1E2A44;
  --ja-light:#F5F1EB;
  --ja-line:rgba(30,42,68,.14);
  --ja-line-strong:rgba(30,42,68,.24);
  --ja-shadow:0 16px 38px rgba(30,42,68,.10);
  --ja-shadow-sm:0 9px 24px rgba(30,42,68,.075);

  width:100%;
  max-width:100%;
  min-width:0;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-app-main{
  width:min(1240px,calc(100% - 28px))!important;
  max-width:100%!important;
  min-width:0!important;
  margin-inline:auto!important;
  padding:12px 0 26px!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-account .jood-app-content-account{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#jood-app.jood-app-shell-view-account .jood-account-page{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:10px!important;
  background:transparent!important;
  color:#1E2A44!important;
}

/* Remove only duplicated plugin navigation/footer */
#jood-app.jood-app-shell-view-account .jood-app-bottom-nav,
#jood-app.jood-app-shell-view-account .jood-bottom-nav,
#jood-app.jood-app-shell-view-account .jood-app-footer,
#jood-app.jood-app-shell-view-account .jood-store-footer,
#jood-app.jood-app-shell-view-account .jood-footer-ticker,
#jood-app.jood-app-shell-view-account .jood-app-ticker{
  display:none!important;
}

/* =========================================================
   17.01 ACCOUNT COMMAND BAR
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-command{
  width:100%!important;
  min-height:72px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 190px!important;
  grid-template-areas:"cart brand store"!important;
  align-items:center!important;
  gap:8px!important;
  position:relative!important;
  z-index:20!important;
  border:1px solid rgba(245,241,235,.14)!important;
  border-radius:21px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:0 16px 36px rgba(30,42,68,.18)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action{
  min-width:0!important;
  min-height:54px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(245,241,235,.13)!important;
  border-radius:14px!important;
  background:rgba(245,241,235,.08)!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action:first-child{
  grid-area:store!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action.is-cart{
  grid-area:cart!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  border-color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action:hover{
  transform:translateY(-1px)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action > span{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command small{
  color:inherit!important;
  opacity:.72!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command strong{
  color:inherit!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__action .jood-svg-icon{
  width:17px!important;
  height:17px!important;
  color:inherit!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__brand{
  grid-area:brand!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  color:#F5F1EB!important;
  text-align:center!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__brand > span:last-child{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-account-command__mark .jood-svg-icon{
  width:20px!important;
  height:20px!important;
}

/* =========================================================
   17.02 AUTH EXPERIENCE
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-auth-page{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;
  grid-template-areas:"hero card"!important;
  align-items:stretch!important;
  gap:10px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero{
  grid-area:hero!important;
  min-width:0!important;
  min-height:520px!important;
  padding:clamp(24px,4vw,54px)!important;
  display:grid!important;
  align-content:center!important;
  gap:12px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(245,241,235,.14)!important;
  border-radius:28px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:0 20px 46px rgba(30,42,68,.20)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero::before,
#jood-app.jood-app-shell-view-account .jood-account-auth-hero::after{
  content:""!important;
  position:absolute!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:999px!important;
  pointer-events:none!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero::before{
  width:320px!important;
  height:320px!important;
  inset-inline-end:-150px!important;
  top:-160px!important;
  box-shadow:0 0 0 42px rgba(245,241,235,.025)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero::after{
  width:220px!important;
  height:220px!important;
  inset-inline-start:-100px!important;
  bottom:-120px!important;
  box-shadow:0 0 0 28px rgba(245,241,235,.02)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero .jood-eyebrow{
  width:fit-content!important;
  min-height:24px!important;
  padding:5px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(245,241,235,.14)!important;
  border-radius:8px!important;
  background:rgba(245,241,235,.08)!important;
  color:#F5F1EB!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero h2{
  width:min(720px,100%)!important;
  margin:0!important;
  color:#F5F1EB!important;
  font-size:clamp(38px,5vw,66px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-1px!important;
  text-wrap:balance!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-hero > p{
  width:min(650px,100%)!important;
  margin:0!important;
  color:rgba(245,241,235,.72)!important;
  font-size:13px!important;
  line-height:1.8!important;
  font-weight:700!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-points{
  width:min(680px,100%)!important;
  margin-top:8px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-points > div{
  min-width:0!important;
  min-height:66px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:13px!important;
  background:rgba(245,241,235,.065)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-points .jood-svg-icon{
  width:32px!important;
  height:32px!important;
  padding:7px!important;
  border-radius:10px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-account-auth-points span{
  color:#F5F1EB!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

/* Auth card */
#jood-app.jood-app-shell-view-account .jood-account-auth-card{
  grid-area:card!important;
  min-width:0!important;
  min-height:520px!important;
  padding:18px!important;
  display:grid!important;
  align-content:center!important;
  gap:13px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:28px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:var(--ja-shadow)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-card-head{
  min-width:0!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:15px!important;
  background:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-card-head > .jood-svg-icon{
  width:44px!important;
  height:44px!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-card-head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-card-head h3{
  margin:2px 0 0!important;
  color:#1E2A44!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-card-head p{
  margin:0!important;
  color:#1E2A44!important;
  opacity:.72!important;
  font-size:8.5px!important;
  line-height:1.5!important;
  font-weight:750!important;
}

/* Forms */
#jood-app.jood-app-shell-view-account .jood-account-form{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
}

#jood-app.jood-app-shell-view-account .jood-form-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-account .jood-form-field{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-account .jood-form-field-wide{
  grid-column:1/-1!important;
}

#jood-app.jood-app-shell-view-account .jood-form-field > span{
  padding-inline:3px!important;
  color:#1E2A44!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-account .jood-form-field > span em{
  color:#1E2A44!important;
  font-style:normal!important;
}

#jood-app.jood-app-shell-view-account .jood-form-field input,
#jood-app.jood-app-shell-view-account .jood-form-field select,
#jood-app.jood-app-shell-view-account .jood-form-field textarea{
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:11px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-code-field input{
  min-height:58px!important;
  text-align:center!important;
  letter-spacing:11px!important;
  font-size:22px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-form .jood-btn,
#jood-app.jood-app-shell-view-account .jood-account-auth-card > .jood-btn{
  width:100%!important;
  min-height:43px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  font-size:8.5px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-btn-primary{
  background:#1E2A44!important;
  color:#F5F1EB!important;
  border-color:#1E2A44!important;
  box-shadow:0 9px 20px rgba(30,42,68,.14)!important;
}

#jood-app.jood-app-shell-view-account .jood-btn-ghost{
  background:#F5F1EB!important;
  color:#1E2A44!important;
  border-color:var(--ja-line)!important;
}

#jood-app.jood-app-shell-view-account .jood-btn-danger{
  background:#E8DCC6!important;
  color:#1E2A44!important;
  border-color:var(--ja-line)!important;
}

#jood-app.jood-app-shell-view-account .jood-btn .jood-svg-icon{
  width:15px!important;
  height:15px!important;
  color:inherit!important;
}

/* Auth switch / fallback */
#jood-app.jood-app-shell-view-account .jood-auth-switch{
  min-height:42px!important;
  padding:7px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:11px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-auth-switch a,
#jood-app.jood-app-shell-view-account .jood-auth-link-button{
  min-height:29px!important;
  padding:5px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #1E2A44!important;
  border-radius:8px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:none!important;
  font-size:7.5px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-password-fallback{
  border:1px solid var(--ja-line)!important;
  border-radius:12px!important;
  background:#F5F1EB!important;
  overflow:hidden!important;
}

#jood-app.jood-app-shell-view-account .jood-password-fallback summary{
  min-height:40px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:950!important;
  cursor:pointer!important;
}

#jood-app.jood-app-shell-view-account .jood-password-fallback .jood-account-form{
  padding:0 9px 9px!important;
}

/* =========================================================
   17.03 LOGGED-IN HERO
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-hero{
  min-width:0!important;
  min-height:210px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important;
  grid-template-areas:"profile loyalty"!important;
  align-items:stretch!important;
  gap:10px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(245,241,235,.14)!important;
  border-radius:26px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
  box-shadow:0 18px 42px rgba(30,42,68,.20)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero::before{
  content:""!important;
  position:absolute!important;
  width:300px!important;
  height:300px!important;
  inset-inline-end:-140px!important;
  bottom:-180px!important;
  border:1px solid rgba(245,241,235,.11)!important;
  border-radius:999px!important;
  box-shadow:0 0 0 38px rgba(245,241,235,.025)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero__profile{
  grid-area:profile!important;
  min-width:0!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  position:relative!important;
  z-index:1!important;
}

#jood-app.jood-app-shell-view-account .jood-account-avatar{
  width:92px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid rgba(245,241,235,.18)!important;
  border-radius:28px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:0 14px 30px rgba(30,42,68,.18)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#jood-app.jood-app-shell-view-account .jood-account-avatar span{
  color:#1E2A44!important;
  font-size:34px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero__profile > div:last-child{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero .jood-eyebrow{
  width:fit-content!important;
  min-height:23px!important;
  padding:4px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(245,241,235,.13)!important;
  border-radius:8px!important;
  background:rgba(245,241,235,.08)!important;
  color:#F5F1EB!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero h2{
  margin:0!important;
  color:#F5F1EB!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.07!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero__profile p{
  width:min(620px,100%)!important;
  margin:0!important;
  color:rgba(245,241,235,.70)!important;
  font-size:10px!important;
  line-height:1.6!important;
  font-weight:700!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero__actions{
  width:min(580px,100%)!important;
  margin-top:4px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-hero__actions .jood-btn{
  min-height:39px!important;
  padding:7px!important;
  border-radius:10px!important;
  font-size:7.5px!important;
}

/* Loyalty ticket in hero */
#jood-app.jood-app-shell-view-account .jood-account-loyalty-card{
  grid-area:loyalty!important;
  min-width:0!important;
  padding:14px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:5px!important;
  position:relative!important;
  z-index:1!important;
  border:1px solid rgba(30,42,68,.14)!important;
  border-radius:20px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:0 13px 28px rgba(30,42,68,.16)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-card > .jood-svg-icon{
  width:42px!important;
  height:42px!important;
  padding:10px!important;
  border-radius:13px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-card > span{
  color:#1E2A44!important;
  opacity:.70!important;
  font-size:8px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-card > strong{
  color:#1E2A44!important;
  font-size:27px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-card > small{
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:7.5px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

/* =========================================================
   17.04 SUMMARY CARDS
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-summary-grid{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card{
  min-width:0!important;
  min-height:116px!important;
  padding:11px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-areas:
    "icon label"
    "icon value"
    "icon note"!important;
  align-content:center!important;
  gap:2px 9px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:17px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:var(--ja-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card > div{
  grid-area:icon!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card > div .jood-svg-icon{
  width:19px!important;
  height:19px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card > span{
  grid-area:label!important;
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:8px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card > strong{
  grid-area:value!important;
  color:#1E2A44!important;
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-summary-card > small{
  grid-area:note!important;
  color:#1E2A44!important;
  opacity:.64!important;
  font-size:7px!important;
  line-height:1.35!important;
  font-weight:750!important;
}

/* =========================================================
   17.05 DASHBOARD LAYOUT + PANELS
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-layout{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(310px,360px)!important;
  grid-template-areas:"main side"!important;
  align-items:start!important;
  gap:10px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-main{
  grid-area:main!important;
  min-width:0!important;
  display:grid!important;
  gap:10px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-side{
  grid-area:side!important;
  min-width:0!important;
  display:grid!important;
  gap:9px!important;
  position:sticky!important;
  top:12px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel{
  width:100%!important;
  min-width:0!important;
  padding:11px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:19px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:var(--ja-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head{
  min-width:0!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:13px!important;
  background:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head h2{
  margin:2px 0 0!important;
  color:#1E2A44!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head p{
  margin:0!important;
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:8px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head > .jood-svg-icon{
  width:38px!important;
  height:38px!important;
  padding:9px!important;
  border-radius:11px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-panel__head > .jood-btn{
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:7.5px!important;
}

/* =========================================================
   17.06 ORDERS
========================================================= */

#jood-app.jood-app-shell-view-account .jood-account-orders-list{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card{
  min-width:0!important;
  min-height:112px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(150px,190px)!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:14px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:0 6px 16px rgba(30,42,68,.055)!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__icon .jood-svg-icon{
  width:19px!important;
  height:19px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__main > div:last-child{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__main span{
  color:#1E2A44!important;
  opacity:.62!important;
  font-size:7px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__main h3{
  margin:0!important;
  color:#1E2A44!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-meta small,
#jood-app.jood-app-shell-view-account .jood-account-order-meta em{
  min-height:19px!important;
  padding:3px 5px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid var(--ja-line)!important;
  border-radius:6px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-products{
  display:flex!important;
  align-items:center!important;
  direction:ltr!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-products > span{
  width:42px!important;
  height:42px!important;
  margin-inline-start:-8px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:2px solid #F5F1EB!important;
  border-radius:12px!important;
  background:#E8DCC6!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-products > span:first-child{
  margin-inline-start:0!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-products img{
  width:100%!important;
  height:100%!important;
  padding:3px!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__side{
  min-width:0!important;
  display:grid!important;
  justify-items:stretch!important;
  gap:4px!important;
  text-align:end!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__side > strong{
  color:#1E2A44!important;
  font-size:14px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__side > small{
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:7px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-account-order-card__side .jood-btn{
  min-height:31px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  font-size:7px!important;
}

/* =========================================================
   17.07 PROFILE + LOYALTY + LINKS
========================================================= */

#jood-app.jood-app-shell-view-account .jood-profile-form .jood-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-progress{
  min-height:94px!important;
  padding:12px!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  border:1px solid rgba(245,241,235,.12)!important;
  border-radius:15px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-progress strong{
  color:#F5F1EB!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-account-loyalty-progress span{
  color:#F5F1EB!important;
  opacity:.70!important;
  font-size:8px!important;
  font-weight:800!important;
}

/* Loyalty Pro exact account classes */
#jood-app.jood-app-shell-view-account .jood-loyalty-pro-account{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-account__stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-account__stats > div{
  min-height:57px!important;
  padding:8px!important;
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:10px!important;
  background:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-account__stats span{
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:7px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-account__stats strong{
  color:#1E2A44!important;
  font-size:10px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-history{
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-history > strong{
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-history p{
  min-height:34px!important;
  margin:0!important;
  padding:6px 7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:9px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-history p span{
  min-width:0!important;
  font-size:7px!important;
  line-height:1.3!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-account .jood-loyalty-pro-history p b{
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:950!important;
}

/* Fast links */
#jood-app.jood-app-shell-view-account .jood-account-links-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-account .jood-account-links-list a{
  min-width:0!important;
  min-height:50px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:10px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-account-links-list a:hover{
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-links-list .jood-svg-icon{
  width:28px!important;
  height:28px!important;
  padding:6px!important;
  border-radius:9px!important;
  background:#1E2A44!important;
  color:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-account-links-list a:hover .jood-svg-icon{
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-account-links-list span{
  min-width:0!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* =========================================================
   17.08 REVIEWS MODULE — EXACT ACCOUNT CLASSES
========================================================= */

#jood-app.jood-app-shell-view-account .jood-reviews-account-panel{
  width:100%!important;
  min-width:0!important;
  padding:11px!important;
  display:grid!important;
  gap:9px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:19px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  box-shadow:var(--ja-shadow-sm)!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-head{
  min-width:0!important;
  padding:9px!important;
  display:grid!important;
  gap:2px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:13px!important;
  background:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-head h2{
  margin:2px 0 0!important;
  color:#1E2A44!important;
  font-size:20px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-head p{
  margin:0!important;
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:8px!important;
  line-height:1.45!important;
  font-weight:750!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-card{
  min-width:0!important;
  min-height:118px!important;
  padding:9px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:12px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-card > span{
  color:#1E2A44!important;
  opacity:.64!important;
  font-size:7px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-card > strong{
  color:#1E2A44!important;
  font-size:15px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-card > small{
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:7px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-card .jood-btn{
  min-height:32px!important;
  margin-top:4px!important;
  border-radius:8px!important;
  font-size:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-history{
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-history > div{
  min-height:39px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:9px!important;
  background:#F5F1EB!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-history strong{
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:950!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-history span{
  color:#1E2A44!important;
  opacity:.68!important;
  font-size:7px!important;
  font-weight:800!important;
}

/* Review form */
#jood-app.jood-app-shell-view-account .jood-reviews-form{
  display:grid!important;
  gap:8px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-rating-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-rating-field,
#jood-app.jood-app-shell-view-account .jood-reviews-note-field{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-rating-field > span,
#jood-app.jood-app-shell-view-account .jood-reviews-note-field > span{
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:900!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-rating-field select,
#jood-app.jood-app-shell-view-account .jood-reviews-note-field textarea{
  width:100%!important;
  min-height:41px!important;
  padding:7px 9px!important;
  border:1px solid var(--ja-line)!important;
  border-radius:10px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:800!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-note-field textarea{
  min-height:92px!important;
  resize:vertical!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-form-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-form-actions .jood-btn{
  min-height:39px!important;
  border-radius:10px!important;
  font-size:7.5px!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-notice{
  min-height:42px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--ja-line)!important;
  border-radius:11px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  font-size:8px!important;
  font-weight:850!important;
}

#jood-app.jood-app-shell-view-account .jood-reviews-account-badge{
  min-height:28px!important;
  padding:5px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--ja-line)!important;
  border-radius:8px!important;
  background:#E8DCC6!important;
  color:#1E2A44!important;
  font-size:7px!important;
  font-weight:900!important;
}

/* =========================================================
   17.09 EMPTY STATE
========================================================= */

#jood-app.jood-app-shell-view-account .jood-empty-state{
  min-height:250px!important;
  padding:20px!important;
  border:1px dashed var(--ja-line-strong)!important;
  border-radius:16px!important;
  background:#F5F1EB!important;
  color:#1E2A44!important;
  box-shadow:none!important;
}

/* =========================================================
   17.10 TABLET
========================================================= */

@media(max-width:980px){
  #jood-app.jood-app-shell-view-account .jood-account-auth-page{
    grid-template-columns:minmax(0,1fr) minmax(340px,.88fr)!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-layout{
    grid-template-columns:minmax(0,1fr) minmax(285px,320px)!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card{
    grid-template-columns:minmax(0,1fr) minmax(140px,170px)!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-products{
    display:none!important;
  }
}

@media(max-width:820px){
  #jood-app.jood-app-shell-view-account .jood-account-auth-page{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "hero"
      "card"!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-hero{
    min-height:340px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-card{
    min-height:0!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "main"
      "side"!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-side{
    position:static!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-profile-panel{
    grid-column:1/-1!important;
  }
}

/* =========================================================
   17.11 MOBILE APP EXPERIENCE
========================================================= */

@media(max-width:620px){
  #jood-app.jood-app-shell-view-account .jood-app-main{
    width:calc(100% - 8px)!important;
    padding-top:4px!important;
    padding-bottom:14px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-page{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command{
    min-height:0!important;
    padding:5px!important;
    grid-template-columns:1fr 40px 1fr!important;
    grid-template-areas:"cart brand store"!important;
    gap:5px!important;
    border-radius:14px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command__action{
    min-height:38px!important;
    padding:5px 6px!important;
    gap:5px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command__action small{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command__action strong{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command__brand > span:last-child{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-command__mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-page{
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-hero{
    min-height:275px!important;
    padding:18px!important;
    gap:8px!important;
    border-radius:17px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-hero h2{
    font-size:31px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-hero > p{
    font-size:9px!important;
    line-height:1.6!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-points{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-points > div{
    min-height:42px!important;
    padding:6px!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-points .jood-svg-icon{
    width:26px!important;
    height:26px!important;
    padding:5px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-auth-card{
    padding:9px!important;
    gap:8px!important;
    border-radius:16px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-card-head{
    padding:7px!important;
    grid-template-columns:35px minmax(0,1fr)!important;
    gap:7px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-card-head > .jood-svg-icon{
    width:35px!important;
    height:35px!important;
    padding:8px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-card-head h3{
    font-size:18px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-card-head p{
    font-size:7.5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-form-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-form-field input,
  #jood-app.jood-app-shell-view-account .jood-form-field select,
  #jood-app.jood-app-shell-view-account .jood-form-field textarea{
    min-height:38px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-code-field input{
    min-height:50px!important;
    letter-spacing:8px!important;
    font-size:18px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero{
    min-height:0!important;
    padding:7px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "profile"
      "loyalty"!important;
    gap:6px!important;
    border-radius:16px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero__profile{
    padding:8px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-avatar{
    width:58px!important;
    height:58px!important;
    border-radius:18px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-avatar span{
    font-size:23px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero h2{
    font-size:27px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero__profile p{
    font-size:8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero__actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero__actions .jood-btn{
    min-height:34px!important;
    padding:5px!important;
    font-size:6.8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-hero__actions .jood-btn-danger{
    grid-column:1/-1!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-loyalty-card{
    padding:9px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    border-radius:12px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-loyalty-card > .jood-svg-icon{
    width:34px!important;
    height:34px!important;
    padding:8px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-loyalty-card > span{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-loyalty-card > strong{
    font-size:18px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-loyalty-card > small{
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card{
    min-height:84px!important;
    padding:7px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "icon"
      "value"
      "label"!important;
    justify-items:center!important;
    gap:3px!important;
    border-radius:11px!important;
    text-align:center!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card > div{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card > div .jood-svg-icon{
    width:15px!important;
    height:15px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card > strong{
    font-size:17px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card > span{
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card > small{
    display:none!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-side{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-panel,
  #jood-app.jood-app-shell-view-account .jood-reviews-account-panel{
    padding:7px!important;
    gap:7px!important;
    border-radius:14px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-panel__head,
  #jood-app.jood-app-shell-view-account .jood-reviews-account-head{
    padding:7px!important;
    border-radius:10px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-panel__head h2,
  #jood-app.jood-app-shell-view-account .jood-reviews-account-head h2{
    font-size:17px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-panel__head p,
  #jood-app.jood-app-shell-view-account .jood-reviews-account-head p{
    font-size:7px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card{
    min-height:0!important;
    padding:6px!important;
    grid-template-columns:minmax(0,1fr) 110px!important;
    gap:6px!important;
    border-radius:11px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card__main{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:6px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card__icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card__main h3{
    font-size:13px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card__side > strong{
    font-size:11px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card__side .jood-btn{
    min-height:28px!important;
    padding:4px!important;
    font-size:6.5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-profile-form .jood-form-grid{
    grid-template-columns:1fr!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-links-list{
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-links-list a{
    min-height:43px!important;
    padding:6px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    border-radius:9px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-links-list .jood-svg-icon{
    width:24px!important;
    height:24px!important;
    padding:5px!important;
    border-radius:8px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-reviews-account-grid,
  #jood-app.jood-app-shell-view-account .jood-reviews-rating-grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }

  #jood-app.jood-app-shell-view-account .jood-reviews-form-actions{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:340px){
  #jood-app.jood-app-shell-view-account .jood-account-summary-grid{
    grid-template-columns:1fr!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-summary-card{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-areas:
      "icon value"
      "icon label"!important;
    justify-items:start!important;
    text-align:start!important;
  }

  #jood-app.jood-app-shell-view-account .jood-account-order-card{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   17.12 ACCESSIBILITY
========================================================= */

#jood-app.jood-app-shell-view-account a:focus-visible,
#jood-app.jood-app-shell-view-account button:focus-visible,
#jood-app.jood-app-shell-view-account input:focus-visible,
#jood-app.jood-app-shell-view-account select:focus-visible,
#jood-app.jood-app-shell-view-account textarea:focus-visible{
  outline:3px solid rgba(30,42,68,.32)!important;
  outline-offset:3px!important;
}

@media(prefers-reduced-motion:reduce){
  #jood-app.jood-app-shell-view-account *,
  #jood-app.jood-app-shell-view-account *::before,
  #jood-app.jood-app-shell-view-account *::after{
    animation-duration:1ms!important;
    transition-duration:1ms!important;
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   JOOD STORE + CATEGORY — LIGHT PRODUCT BACKGROUND FIX
   Product cards now use the same light store background #F5F1EB.
========================================================= */

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-media,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured .jood-product-media {
  background: #F5F1EB !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-info,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured .jood-product-info {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-cat,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured .jood-product-cat {
  background: #E8DCC6 !important;
  color: #1E2A44 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-title,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .price,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .amount {
  color: #1E2A44 !important;
}

/* =========================================================
   JOOD FINAL PALETTE OVERRIDES — STORE / CATEGORY / PRODUCT
   / CART / CHECKOUT
   Main page background: #F5F1EB
   Secondary panels:      #E9DFD2
   Navy accents remain unchanged.
========================================================= */

/* =========================================================
   A — STORE + CATEGORY
   Keep product cards and category/filter shells on the
   approved light palette.
========================================================= */

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-market-rail,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-market-filter,
#jood-app.jood-app-shell-view-category .jood-category-quickcats {
  background: #E9DFD2 !important;
}

#jood-app.jood-app-shell-view-category .jood-category-quickcat {
  background: #F5F1EB !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-media,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured .jood-product-media {
  background: #F5F1EB !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-info,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-products-grid.jood-market-products .jood-product-card.is-featured .jood-product-info {
  background: #E9DFD2 !important;
}

/* =========================================================
   B — SINGLE PRODUCT PAGE
   The entire page and its principal boxes use #F5F1EB.
========================================================= */

#jood-app.jood-app-shell-view-product {
  --jp-bg: #F5F1EB;
  --jp-surface: #F5F1EB;
  --jp-surface-2: #F5F1EB;
  --jp-surface-3: #E9DFD2;
  --jp-cream: #F5F1EB;
  --jp-cream-2: #F5F1EB;
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product .jood-app-main,
#jood-app.jood-app-shell-view-product .jood-app-content-product,
#jood-app.jood-app-shell-view-product .jood-product-page,
#jood-app.jood-app-shell-view-product .jood-product-hero,
#jood-app.jood-app-shell-view-product .jood-product-gallery,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main,
#jood-app.jood-app-shell-view-product .jood-product-thumb,
#jood-app.jood-app-shell-view-product .jood-product-summary,
#jood-app.jood-app-shell-view-product .jood-product-description-card,
#jood-app.jood-app-shell-view-product .jood-product-meta-card {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-hero,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main,
#jood-app.jood-app-shell-view-product .jood-product-summary,
#jood-app.jood-app-shell-view-product .jood-product-detail-card {
  border-color: rgba(30,42,68,.16) !important;
}

/* Product properties remain readable on the light box. */
#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-product-detail-card__head h3,
#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-section-kicker,
#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-product-meta-list span,
#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-product-meta-list strong {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-section-kicker {
  background: #E9DFD2 !important;
  border-color: rgba(30,42,68,.12) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-meta-card .jood-product-detail-card__head > .jood-svg-icon {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-product .jood-product-meta-list > div {
  background: #E9DFD2 !important;
  border-color: rgba(30,42,68,.12) !important;
}

/* Related-products heading becomes a light store-style header. */
#jood-app.jood-app-shell-view-product
.jood-product-related > .jood-section-head {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 9px 24px rgba(30,42,68,.075) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-section-head h2,
#jood-app.jood-app-shell-view-product
.jood-product-related .jood-section-head p {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-section-head__link {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

/* Related products use the same card construction as the store. */
#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-card,
#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-media {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-info {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-cat {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.10) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-actions .jood-btn-primary {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-related .jood-product-actions .jood-btn-ghost {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
}

/* =========================================================
   C — CART PAGE
   Site background is #F5F1EB; content alternates between
   #F5F1EB and #E9DFD2 while navy accents stay intact.
========================================================= */

#jood-app.jood-app-shell-view-cart {
  --jc-bg: #F5F1EB;
  --jc-bg-deep: #F5F1EB;
  --jc-panel: #E9DFD2;
  --jc-panel-2: #F5F1EB;
  --jc-panel-3: #E9DFD2;
  --jc-field: #F5F1EB;
  --jc-field-2: #E9DFD2;
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart .jood-app-main,
#jood-app.jood-app-shell-view-cart .jood-app-content-cart,
#jood-app.jood-app-shell-view-cart .jood-cart-page {
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero,
#jood-app.jood-app-shell-view-cart .jood-cart-main,
#jood-app.jood-app-shell-view-cart .jood-cart-side-card,
#jood-app.jood-app-shell-view-cart .jood-cart-empty-wrap,
#jood-app.jood-app-shell-view-cart .jood-upsell-section {
  background: #E9DFD2 !important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-main__head,
#jood-app.jood-app-shell-view-cart .jood-cart-item,
#jood-app.jood-app-shell-view-cart .jood-cart-actions-row,
#jood-app.jood-app-shell-view-cart .jood-offers-box {
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-item__media,
#jood-app.jood-app-shell-view-cart .jood-upsell-card,
#jood-app.jood-app-shell-view-cart .jood-offer-chip {
  background: #E9DFD2 !important;
}

/* =========================================================
   D — CHECKOUT PAGE
   Same two-color system as the cart.
========================================================= */

#jood-app.jood-app-shell-view-checkout {
  --jx-bg: #F5F1EB;
  --jx-panel: #E9DFD2;
  --jx-panel-2: #F5F1EB;
  --jx-panel-3: #E9DFD2;
  --jx-field: #F5F1EB;
  --jx-field-2: #E9DFD2;
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-app-main,
#jood-app.jood-app-shell-view-checkout .jood-app-content-checkout,
#jood-app.jood-app-shell-view-checkout .jood-checkout-page,
#jood-app.jood-app-shell-view-checkout .jood-checkout-form,
#jood-app.jood-app-shell-view-checkout .jood-checkout-studio,
#jood-app.jood-app-shell-view-checkout .jood-checkout-main {
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail,
#jood-app.jood-app-shell-view-checkout .jood-checkout-stage {
  background: #E9DFD2 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head,
#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head,
#jood-app.jood-app-shell-view-checkout .jood-checkout-card,
#jood-app.jood-app-shell-view-checkout .jood-checkout-review-card,
#jood-app.jood-app-shell-view-checkout .jood-checkout-summary-ticket,
#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card,
  .jood-loyalty-pro-checkout
) {
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-review-item,
#jood-app.jood-app-shell-view-checkout .jood-payment-card,
#jood-app.jood-app-shell-view-checkout .jood-shipping-method,
#jood-app.jood-app-shell-view-checkout .jood-delivery-method {
  background: #E9DFD2 !important;
}

/* Selected checkout options remain navy and readable. */
#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked),
#jood-app.jood-app-shell-view-checkout
.jood-shipping-method:has(input:checked),
#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
}

/* =========================================================
   E — THANK-YOU PAGE
   Keep the final order page on the same light foundation.
========================================================= */

#jood-app.jood-app-shell-view-thank-you {
  background: #F5F1EB !important;
}

#jood-app .jood-thankyou-page {
  background: #F5F1EB !important;
}

#jood-app .jood-thankyou-card,
#jood-app .jood-thankyou-items {
  background: #E9DFD2 !important;
}

#jood-app .jood-thankyou-items .jood-section-head,
#jood-app .jood-thankyou-meta > div {
  background: #F5F1EB !important;
}

/* =========================================================
   JOOD FINAL COLOR DISTRIBUTION V2
   Rule:
   - Page background: #F5F1EB
   - Main boxes:       #E9DFD2 / #F5F1EB
   - Text:             #1E2A44
   - Navy is reserved for action buttons and selected states.
========================================================= */

/* =========================================================
   01 — PRODUCT PAGE PURCHASE AREAS
========================================================= */

/* Price strip: beige background + navy text */
#jood-app.jood-app-shell-view-product .jood-product-summary__price-row {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 8px 20px rgba(30,42,68,.08) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-summary__price-row .jood-product-price,
#jood-app.jood-app-shell-view-product
.jood-product-summary__price-row .price,
#jood-app.jood-app-shell-view-product
.jood-product-summary__price-row .amount,
#jood-app.jood-app-shell-view-product
.jood-product-summary__price-row ins,
#jood-app.jood-app-shell-view-product
.jood-product-summary__price-row del {
  color: #1E2A44 !important;
}

/* Stock badge stays light and readable */
#jood-app.jood-app-shell-view-product .jood-product-stock {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
}

/* Variations/options box: light beige */
#jood-app.jood-app-shell-view-product .jood-product-variations,
#jood-app.jood-app-shell-view-product .jood-selected-variation-box {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
}

/* Buy area: beige; only action button remains navy */
#jood-app.jood-app-shell-view-product .jood-product-buy-panel {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 8px 20px rgba(30,42,68,.08) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-quantity > span {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product .jood-qty-control {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.16) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-add-to-cart,
#jood-app.jood-app-shell-view-product
.jood-product-buy-panel .jood-btn-primary {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
  box-shadow: 0 8px 18px rgba(30,42,68,.15) !important;
}

#jood-app.jood-app-shell-view-product
.jood-product-buy-panel .jood-btn-ghost {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
}

/* =========================================================
   02 — CART PAGE
========================================================= */

#jood-app.jood-app-shell-view-cart,
#jood-app.jood-app-shell-view-cart .jood-app-main,
#jood-app.jood-app-shell-view-cart .jood-app-content-cart,
#jood-app.jood-app-shell-view-cart .jood-cart-page {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

/* Cart hero and all normal cards */
#jood-app.jood-app-shell-view-cart .jood-cart-hero,
#jood-app.jood-app-shell-view-cart .jood-cart-main,
#jood-app.jood-app-shell-view-cart .jood-cart-side-card,
#jood-app.jood-app-shell-view-cart .jood-cart-empty-wrap,
#jood-app.jood-app-shell-view-cart .jood-upsell-section {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
}

/* Top cart total ticket becomes beige, not navy */
#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 9px 22px rgba(30,42,68,.09) !important;
}

#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > span,
#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > strong,
#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary > small,
#jood-app.jood-app-shell-view-cart .jood-cart-hero__summary .amount {
  color: #1E2A44 !important;
}

/* Order summary card: light beige + navy text */
#jood-app.jood-app-shell-view-cart .jood-cart-totals-card {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 9px 22px rgba(30,42,68,.09) !important;
}

#jood-app.jood-app-shell-view-cart
.jood-cart-totals-card .jood-section-kicker {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.14) !important;
}

#jood-app.jood-app-shell-view-cart
.jood-cart-totals-card .jood-cart-side-card__head h3,
#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div > span,
#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div > strong,
#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div > strong .amount,
#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div.is-total > span,
#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div.is-total > strong {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.12) !important;
}

#jood-app.jood-app-shell-view-cart
.jood-cart-totals > div.is-total {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.18) !important;
}

/* Continue checkout: beige box and navy text/button */
#jood-app.jood-app-shell-view-cart
.jood-cart-totals-card > .jood-btn {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

/* Complete your order / upsell section */
#jood-app.jood-app-shell-view-cart .jood-upsell-section,
#jood-app.jood-app-shell-view-cart .jood-upsell-head {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart .jood-upsell-head h3,
#jood-app.jood-app-shell-view-cart .jood-upsell-head p,
#jood-app.jood-app-shell-view-cart .jood-upsell-kicker {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart .jood-upsell-card {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart .jood-upsell-add {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-cart .jood-upsell-open {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.14) !important;
}

/* =========================================================
   03 — CHECKOUT PAGE
========================================================= */

#jood-app.jood-app-shell-view-checkout,
#jood-app.jood-app-shell-view-checkout .jood-app-main,
#jood-app.jood-app-shell-view-checkout .jood-app-content-checkout,
#jood-app.jood-app-shell-view-checkout .jood-checkout-page,
#jood-app.jood-app-shell-view-checkout .jood-checkout-form,
#jood-app.jood-app-shell-view-checkout .jood-checkout-studio,
#jood-app.jood-app-shell-view-checkout .jood-checkout-main {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

/* Checkout top strip: darker beige with navy text */
#jood-app.jood-app-shell-view-checkout .jood-checkout-command {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 9px 22px rgba(30,42,68,.09) !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__back,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__brand,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__back strong,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__back small,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__brand strong,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__brand small {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__back {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.14) !important;
}

/* Checkout total in top strip: beige + navy text */
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__total {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.14) !important;
  box-shadow: none !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__total small,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__total strong,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__total em,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-command__total .amount {
  color: #1E2A44 !important;
}

/* Checkout rail and stages */
#jood-app.jood-app-shell-view-checkout .jood-checkout-rail,
#jood-app.jood-app-shell-view-checkout .jood-checkout-stage {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-checkout-rail__head,
#jood-app.jood-app-shell-view-checkout .jood-checkout-stage__head,
#jood-app.jood-app-shell-view-checkout .jood-checkout-card,
#jood-app.jood-app-shell-view-checkout .jood-checkout-review-card,
#jood-app.jood-app-shell-view-checkout :is(
  .jood-delivery-slots-card,
  .jood-branches-zones-card,
  .jood-loyalty-pro-checkout
) {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

/* Checkout order summary: no navy panel */
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals-card {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.16) !important;
  box-shadow: 0 9px 22px rgba(30,42,68,.09) !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket h3,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-section-kicker,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals span,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals strong,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals .is-total span,
#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals .is-total strong {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-section-kicker {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.14) !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-summary-ticket .jood-cart-totals > div {
  background: #F5F1EB !important;
  border-color: rgba(30,42,68,.12) !important;
}

/* Checkout options/properties: beige + navy text */
#jood-app.jood-app-shell-view-checkout .jood-payment-card,
#jood-app.jood-app-shell-view-checkout .jood-shipping-method,
#jood-app.jood-app-shell-view-checkout .jood-delivery-method,
#jood-app.jood-app-shell-view-checkout .jood-checkout-terms {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-payment-card b,
#jood-app.jood-app-shell-view-checkout .jood-payment-card small,
#jood-app.jood-app-shell-view-checkout .jood-shipping-method strong,
#jood-app.jood-app-shell-view-checkout .jood-shipping-method small,
#jood-app.jood-app-shell-view-checkout .jood-delivery-method strong,
#jood-app.jood-app-shell-view-checkout .jood-delivery-method small,
#jood-app.jood-app-shell-view-checkout .jood-checkout-terms strong,
#jood-app.jood-app-shell-view-checkout .jood-checkout-terms small {
  color: #1E2A44 !important;
}

/* Selected options stay navy because they are interactive states */
#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked),
#jood-app.jood-app-shell-view-checkout
.jood-shipping-method:has(input:checked),
#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked) b,
#jood-app.jood-app-shell-view-checkout
.jood-payment-card:has(input:checked) small,
#jood-app.jood-app-shell-view-checkout
.jood-shipping-method:has(input:checked) strong,
#jood-app.jood-app-shell-view-checkout
.jood-shipping-method:has(input:checked) small,
#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) strong,
#jood-app.jood-app-shell-view-checkout
.jood-delivery-method:has(input:checked) small {
  color: #F5F1EB !important;
}

/* Complete your order inside checkout */
#jood-app.jood-app-shell-view-checkout .jood-upsell-section,
#jood-app.jood-app-shell-view-checkout .jood-upsell-head {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-upsell-head h3,
#jood-app.jood-app-shell-view-checkout .jood-upsell-head p,
#jood-app.jood-app-shell-view-checkout .jood-upsell-kicker {
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-upsell-card {
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-upsell-add {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout .jood-upsell-open {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.14) !important;
}

/* Checkout final action strip: beige; primary button only is navy */
#jood-app.jood-app-shell-view-checkout
.jood-checkout-stage-actions {
  background: #E9DFD2 !important;
  border-color: rgba(30,42,68,.16) !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-stage-actions .jood-btn-primary {
  background: #1E2A44 !important;
  color: #F5F1EB !important;
  border-color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-checkout
.jood-checkout-stage-actions .jood-btn-ghost {
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  border-color: rgba(30,42,68,.14) !important;
}


/* =========================================================
   JOOD — PRODUCT IMAGES FULL VIEW / ALL SCREENS — FINAL OVERRIDE
   Store + Categories + Single Product + Related Products
   Keeps every product image fully visible without cropping.
========================================================= */

/* 1) STORE + CATEGORY PRODUCT CARDS */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
:is(.jood-product-media,.jood-product-card.is-featured .jood-product-media) {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  padding: 8px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #F5F1EB !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
:is(.jood-product-media > a,.jood-product-media > picture,.jood-product-media > a > picture) {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-media img,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-card.is-featured .jood-product-media img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  transform: none !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-card:hover .jood-product-media img,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-card.is-featured:hover .jood-product-media img {
  transform: none !important;
  scale: 1 !important;
}

/* 2) SINGLE PRODUCT MAIN IMAGE */
#jood-app.jood-app-shell-view-product .jood-product-gallery__main {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  padding: 10px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-product
:is(.jood-product-gallery__main > a,.jood-product-gallery__main > picture,.jood-product-gallery__main > a > picture) {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
}

#jood-app.jood-app-shell-view-product .jood-product-main-image,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main > img,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main picture img,
#jood-app.jood-app-shell-view-product .jood-product-gallery__main a img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 3) SINGLE PRODUCT THUMBNAILS */
#jood-app.jood-app-shell-view-product .jood-product-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* 4) RELATED PRODUCTS ON SINGLE PRODUCT PAGE */
#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  padding: 7px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #F5F1EB !important;
}

#jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* 5) ALL TABLETS + PHONES — SAME FULL IMAGE BEHAVIOUR */
@media (max-width: 900px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
  :is(.jood-product-media,.jood-product-card.is-featured .jood-product-media),
  #jood-app.jood-app-shell-view-product .jood-product-gallery__main,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
  }
}

@media (max-width: 620px) {
  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
  :is(.jood-product-media,.jood-product-card.is-featured .jood-product-media) {
    padding: 5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-gallery__main {
    padding: 5px !important;
  }

  #jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
  .jood-product-media img,
  #jood-app.jood-app-shell-view-product .jood-product-main-image,
  #jood-app.jood-app-shell-view-product .jood-product-gallery__main img,
  #jood-app.jood-app-shell-view-product .jood-product-related .jood-product-media img {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
}

/* =========================================================
   JOOD 4.4 — NAMED VARIATION PRICES + MULTI OPTION SUMMARY
========================================================= */
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-price.jood-product-price--options {
  width: 100% !important;
  display: grid !important;
  gap: 5px !important;
  align-items: stretch !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(30,42,68,.10) !important;
  border-radius: 8px !important;
  background: rgba(245,241,235,.72) !important;
  color: #1E2A44 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price b {
  flex: 0 0 auto !important;
  color: #1E2A44 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price b .amount,
#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price b .woocommerce-Price-currencySymbol {
  font-size: inherit !important;
  font-weight: inherit !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price.is-out {
  opacity: .52 !important;
}

#jood-app:is(.jood-app-shell-view-store,.jood-app-shell-view-category)
.jood-product-option-price__more {
  display: block !important;
  color: rgba(30,42,68,.68) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-box > div:first-child {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-box > div:first-child > span {
  color: rgba(30,42,68,.62) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-name {
  min-width: 0 !important;
  color: var(--jp-navy) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-meta {
  display: grid !important;
  justify-items: end !important;
  gap: 2px !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-price {
  color: var(--jp-navy) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-selected-variation-stock {
  color: rgba(30,42,68,.66) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}

/* =========================================================
   JOOD MIX SELECTOR — MULTIPLE TYPES PER WEIGHT
   Added without changing the existing product/variation design.
========================================================= */

#jood-app.jood-app-shell-view-product .jood-product-variation-field--mix-source {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 9px !important;
  display: grid !important;
  gap: 8px !important;
  border: 1px solid rgba(30,42,68,.16) !important;
  border-radius: 12px !important;
  background: #E9DFD2 !important;
  color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__head {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__head > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__head span {
  color: #1E2A44 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__head strong {
  color: rgba(30,42,68,.72) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__counter {
  flex: 0 0 auto !important;
  min-width: 52px !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(30,42,68,.14) !important;
  border-radius: 9px !important;
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__hint {
  width: 100% !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: rgba(245,241,235,.68) !important;
  color: rgba(30,42,68,.78) !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix__options {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 6px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 7px 8px !important;
  display: grid !important;
  grid-template-columns: 19px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid rgba(30,42,68,.13) !important;
  border-radius: 10px !important;
  background: #F5F1EB !important;
  color: #1E2A44 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option:hover {
  border-color: rgba(30,42,68,.28) !important;
  transform: translateY(-1px) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option__check {
  width: 19px !important;
  height: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(30,42,68,.28) !important;
  border-radius: 6px !important;
  background: #F5F1EB !important;
  box-shadow: inset 0 0 0 3px #F5F1EB !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option.is-selected {
  border-color: #1E2A44 !important;
  box-shadow: 0 5px 13px rgba(30,42,68,.10) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option.is-selected .jood-product-mix-option__check {
  background: #1E2A44 !important;
  border-color: #1E2A44 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option.is-selected .jood-product-mix-option__check::after {
  content: "" !important;
  width: 7px !important;
  height: 4px !important;
  display: block !important;
  border-inline-start: 2px solid #F5F1EB !important;
  border-bottom: 2px solid #F5F1EB !important;
  transform: rotate(-45deg) translateY(-1px) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #1E2A44 !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#jood-app.jood-app-shell-view-product .jood-product-mix-option.is-unavailable,
#jood-app.jood-app-shell-view-product .jood-product-mix-option.is-limit-disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  #jood-app.jood-app-shell-view-product .jood-product-mix {
    padding: 8px !important;
    gap: 7px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-mix__head {
    align-items: flex-start !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-mix__options {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-mix-option {
    min-height: 36px !important;
    padding: 6px 7px !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-mix-option__check {
    width: 18px !important;
    height: 18px !important;
  }
}

/* =========================================================
   JOOD PRE-ORDER — DELIVERY DATE
   Only rendered for products in product_cat: talab (and children).
========================================================= */
#jood-app.jood-app-shell-view-product .jood-product-delivery-time {
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  display: grid !important;
  gap: 10px !important;
  border: 1px solid rgba(30,42,68,.14) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(245,241,235,.96) 0%, rgba(233,223,210,.92) 100%) !important;
  color: #1E2A44 !important;
  box-shadow: 0 12px 24px rgba(30,42,68,.08) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__head > div {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__head strong {
  color: #1E2A44 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 950 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__head small {
  flex: 0 0 auto !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(30,42,68,.10) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.65) !important;
  color: #1E2A44 !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__field {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(110px,.28fr) minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__field > span {
  color: #1E2A44 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__input-wrap {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(30,42,68,.14) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time__field input[type="date"] {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1E2A44 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  direction: ltr !important;
  text-align: right !important;
}

#jood-app.jood-app-shell-view-product .jood-product-delivery-time p {
  margin: 0 !important;
  color: rgba(30,42,68,.74) !important;
  font-size: 8.8px !important;
  line-height: 1.7 !important;
  font-weight: 800 !important;
}

@media (max-width: 560px) {
  #jood-app.jood-app-shell-view-product .jood-product-delivery-time {
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__head {
    align-items: flex-start !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__head > div {
    display: grid !important;
    gap: 5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__head strong {
    font-size: 10px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__field {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__input-wrap {
    height: 44px !important;
    padding-inline: 12px !important;
  }

  #jood-app.jood-app-shell-view-product .jood-product-delivery-time__field input[type="date"] {
    min-height: 42px !important;
  }
}