:root {
  color-scheme: light;
  --bg: #ffffff;
  --ink: #111111;
  --muted: #111111;
  --line: #ead8da;
  --panel: #ffffff;
  --panel-strong: #006b4f;
  --panel-soft: #ffffff;
  --brand: #006b4f;
  --brand-deep: #003f30;
  --brand-contrast: #ffffff;
  --danger: #d60805;
  --inverse: #ffffff;
  --shadow: 0 24px 70px rgba(0, 107, 79, 0.16);
  --radius: 6px;
}

/* v358 — ShopMy-inspired real-data shopper experience + supplied Orchid card geometry */
.public-creator-profile-image.is-empty { display:block; background:radial-gradient(circle at 50% 40%,#006b4f 0 12%,#10231d 13% 100%); }
.public-talent-card { width:min(100%,680px); margin:22px auto 0; color:#f7faf9; text-align:center; }
.public-talent-card > summary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border:1px solid #006b4f; border-radius:999px; background:#050807; color:#fff; font-weight:800; cursor:pointer; list-style:none; }
.public-talent-card > summary::-webkit-details-marker { display:none; }
.public-talent-card > article { --tier:#a7adb4; position:relative; margin-top:16px; padding:34px 30px; overflow:hidden; border:1px solid var(--tier); border-radius:52px; background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--tier) 22%,transparent),transparent 35%),linear-gradient(160deg,#111820,#030607 72%); box-shadow:0 0 32px color-mix(in srgb,var(--tier) 18%,transparent); }
.public-talent-card article[data-tier="Ambassador"]{--tier:#168b67}.public-talent-card article[data-tier="Trendsetter"]{--tier:#7559d9}.public-talent-card article[data-tier="Icon"]{--tier:#d1ad63}
.public-talent-brand,.public-talent-tier { color:var(--tier); letter-spacing:.16em; text-transform:uppercase; }
.public-talent-card h3 { margin:24px 0 8px; color:#fff; font:400 clamp(30px,5vw,48px)/1 Georgia,serif; letter-spacing:.08em; text-transform:uppercase; }
.public-talent-scores,.public-talent-commercial { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:24px 0; }
.public-talent-commercial { grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-talent-scores p,.public-talent-commercial p { margin:0; padding:13px 7px; border-top:1px solid color-mix(in srgb,var(--tier) 55%,transparent); }
.public-talent-scores b,.public-talent-commercial b { display:block; color:#fff; font:400 clamp(18px,4vw,32px)/1 Georgia,serif; overflow-wrap:anywhere; }
.public-talent-scores span,.public-talent-commercial span { display:block; margin-top:7px; color:#bdc9c5; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.public-talent-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.public-talent-tags span { padding:7px 13px; border:1px solid var(--tier); border-radius:999px; font-size:11px; }
.public-talent-photo { display:block; width:min(100%,460px); aspect-ratio:4/3; margin:20px auto; border:1px solid color-mix(in srgb,var(--tier) 65%,transparent); border-radius:36px; object-fit:cover; }
.public-talent-card small { color:#93a29d; line-height:1.5; }
@media(max-width:620px){.public-talent-card>article{padding:26px 16px;border-radius:32px}.public-talent-commercial{grid-template-columns:1fr}.public-talent-photo{border-radius:24px}}
#discover .discover-shop-nav { position: sticky; z-index: 8; top: var(--header-height, 0); display: flex; align-items: center; justify-content: center; gap: clamp(12px, 3vw, 34px); padding: 14px; overflow-x: auto; border-bottom: 1px solid var(--discover-line); background: color-mix(in srgb, var(--discover-bg) 92%, transparent); backdrop-filter: blur(14px); }
#discover .discover-shop-nav a,
#discover .discover-shop-nav button { flex: 0 0 auto; padding: 5px 0; border: 0; background: none; color: var(--discover-ink); font: 600 12px/16px var(--font-ui); letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
#discover .discover-shell {
  --discover-bg: #faf8f3;
  --discover-surface: #ffffff;
  --discover-sunken: #f3efe6;
  --discover-ink: #14150f;
  --discover-muted: #5d6058;
  --discover-line: #e6e1d4;
  width: min(100%, 1600px);
  margin-inline: auto;
  padding: clamp(22px, 4vw, 64px);
  background: var(--discover-bg);
  color: var(--discover-ink);
}
body.dark-mode #discover .discover-shell,
[data-theme="dark"] #discover .discover-shell {
  --discover-bg: #0e0f0c;
  --discover-surface: #16180f;
  --discover-sunken: #1c1e14;
  --discover-ink: #f4f2ea;
  --discover-muted: #b9b7ad;
  --discover-line: #2b2e21;
}
#discover .discover-search-hero { padding: clamp(52px, 8vw, 112px) 0; text-align: center; }
#discover .discover-search-hero h2 { max-width: 920px; margin-inline: auto; font-family: Georgia, "Times New Roman", serif; font-size: clamp(52px, 8vw, 112px); font-weight: 400; line-height: .92; letter-spacing: -.055em; color: var(--discover-ink); }
#discover .discover-search-hero > p { max-width: 680px; margin-inline: auto; color: var(--discover-muted); }
#discover .discover-reference-search { max-width: 760px; min-height: 64px; margin: 36px auto 0; border: 1px solid var(--discover-line); border-radius: 999px; background: var(--discover-surface); color: var(--discover-ink); }
#discover .discover-reference-search input { color: var(--discover-ink); background: transparent; }
#discover .discover-hero-panel { max-width: 760px; margin-inline: auto; border-color: var(--discover-line); background: var(--discover-surface); }
#discover .discover-filter-row { gap: 8px; padding-bottom: 8px; overflow-x: auto; scrollbar-width: thin; }
#discover .discover-filter-row button { flex: 0 0 auto; border: 1px solid var(--discover-line); border-radius: 999px; background: var(--discover-surface); color: var(--discover-ink); }
#discover .discover-filter-row button.is-active { background:#202020; border-color:#202020; color:#fff; }
#discover .discover-status { color: var(--discover-muted); }
#discover .discover-block-heading h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; color: var(--discover-ink); }
#discover .discover-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(300px, 380px); gap: 18px; overflow-x: auto; padding: 4px 2px 18px; scroll-snap-type: x proximity; scrollbar-width: thin; }
#discover .discover-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 22px; align-items: start; }
#discover .discover-product-card { position: relative; width: 100%; max-width: 300px; min-width: 0; overflow: hidden; border: 1px solid var(--discover-line); border-radius: 14px; background: var(--discover-surface); color: var(--discover-ink); box-shadow: 0 10px 30px color-mix(in srgb, var(--discover-ink) 7%, transparent); scroll-snap-align: start; }
#discover .discover-product-media { display: block; width: 100%; aspect-ratio: 4 / 5; padding: 0; overflow: hidden; border: 0; border-bottom: 1px solid var(--discover-line); border-radius: 0; background: var(--discover-sunken); }
#discover .discover-product-media-frame,
#discover .my-shop-image-carousel,
#discover .my-shop-image-track { width: 100%; height: 100%; }
#discover .discover-product-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
#discover .discover-media-empty { display:block; width:100%; height:100%; background:linear-gradient(135deg,var(--discover-sunken),#8a8a86); }
#discover .discover-save-button { position: absolute; z-index: 4; top: 12px; right: 12px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--discover-line); border-radius: 50%; background: color-mix(in srgb, var(--discover-surface) 92%, transparent); color: var(--discover-ink); font-size: 0; backdrop-filter: blur(10px); }
#discover .discover-save-button svg { width: 18px; height: 18px; fill: currentColor; }
#discover .discover-save-button.is-saved { background:#242424; border-color:#242424; color:#fff; }
#discover .discover-product-body { padding: 14px; }
#discover .discover-product-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
#discover .discover-product-meta span { overflow: hidden; color: var(--discover-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
#discover .discover-product-meta strong { flex: 0 0 auto; color: var(--discover-ink); font-size: 14px; }
#discover .discover-product-card h4 { min-height: 38px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: 400; line-height: 1.2; }
#discover .discover-product-card h4 button { display: -webkit-box; width: 100%; padding: 0; overflow: hidden; border: 0; background: none; color: inherit; font: inherit; text-align: left; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#discover .discover-product-creator { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--discover-muted); text-decoration: none; }
#discover .discover-product-creator img,
#discover .discover-product-creator > span { width:20px; height:20px; border-radius:50%; object-fit:cover; background:#777; }
#discover .discover-product-creator em { overflow: hidden; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
#discover .discover-collection-card { position: relative; width: 100%; max-width: 380px; overflow: hidden; border: 1px solid var(--discover-line); border-radius: 14px; background: var(--discover-surface); color: var(--discover-ink); scroll-snap-align: start; }
#discover .discover-collection-card > a { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: var(--discover-sunken); }
#discover .discover-collection-card > a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.68)); pointer-events: none; }
#discover .discover-collection-card > a > img { width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }
#discover .discover-collection-card:hover > a > img { transform: scale(1.025); }
#discover .discover-collection-curator { position: absolute; z-index: 2; left: 14px; bottom: 12px; display: flex; align-items: center; gap: 8px; color: #fff; }
#discover .discover-collection-curator img { width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; object-fit: cover; }
#discover .discover-collection-curator small { font-size: 12px; font-weight: 800; }
#discover .discover-collection-body { padding: 16px 18px 18px; }
#discover .discover-collection-body > span { display: none; }
#discover .discover-collection-body h4 { margin: 0 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 19px; font-weight: 400; line-height: 1.12; }
#discover .discover-collection-body p { min-height: 36px; margin: 0; color: var(--discover-muted); font-size: 13px; line-height: 1.45; }
#discover .discover-collection-body footer { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; color: var(--discover-muted); font-size: 12px; }
#discover .discover-collection-body footer a { color: var(--discover-ink); font-weight: 800; text-decoration: none; }
#discover .discover-creator-card,
#discover .discover-brand-card,
#discover .discover-vibe-card { border-color: var(--discover-line); background: var(--discover-surface); color: var(--discover-ink); }
#discover .discover-creator-placeholder { display:block; width:100%; height:100%; min-height:220px; background:radial-gradient(circle at 50% 35%,#777 0 9%,var(--discover-sunken) 10% 100%); }
@media (max-width: 720px) {
  #discover .discover-shell { padding: 18px 14px 56px; overflow: clip; }
  #discover .discover-search-hero { padding: 44px 0; }
  #discover .discover-search-hero h2 { font-size: clamp(46px, 15vw, 72px); }
  #discover .discover-reference-search { min-height: 56px; }
  #discover .discover-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #discover .discover-rail { grid-auto-columns: minmax(82vw, 340px); }
  #discover .discover-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #discover .discover-product-card { max-width: none; }
  #discover .discover-product-body { padding: 10px; }
  #discover .discover-product-meta { display: block; }
  #discover .discover-product-meta strong { display: block; margin-top: 3px; }
  #discover .discover-product-creator { margin-top: 8px; }
}

body.dark-mode {
  color-scheme: dark;
  --bg: #000000;
  --ink: #ffffff;
  --muted: #ffffff;
  --line: #2c2c2c;
  --panel: #000000;
  --panel-strong: #000000;
  --panel-soft: #000000;
  --brand: #006b4f;
  --brand-deep: #003f30;
  --brand-contrast: #ffffff;
  --danger: #d60805;
  --inverse: #ffffff;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Helvetica Neue", Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

body.no-scroll {
  overflow: hidden;
}

.announcement-bar {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 7px 16px;
  color: #ffffff;
  background: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.is-hidden {
  display: none !important;
}

[data-feedback="success"] {
  color: #22c55e !important;
}

[data-feedback="error"] {
  color: #f4c46a !important;
}

[data-feedback="info"] {
  color: currentColor;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img,
svg {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

button,
.button,
.text-button,
.copy-code-button,
.cart-button,
.icon-button,
.nav-links a,
[role="button"] {
  position: relative;
  transition:
    transform 160ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    opacity 180ms ease,
    filter 180ms ease;
  -webkit-tap-highlight-color: transparent;
}

button:hover,
.button:hover,
.text-button:hover,
.copy-code-button:hover,
.cart-button:hover,
.icon-button:hover,
.nav-links a:hover,
[role="button"]:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

button:active,
button.is-pressed,
.button:active,
.button.is-pressed,
.text-button:active,
.text-button.is-pressed,
.copy-code-button:active,
.copy-code-button.is-pressed,
.cart-button:active,
.cart-button.is-pressed,
.icon-button:active,
.icon-button.is-pressed,
.nav-links a:active,
.nav-links a.is-pressed,
[role="button"]:active,
[role="button"].is-pressed {
  transform: translateY(1px) scale(0.985);
  filter: brightness(0.94);
}

button:focus-visible,
.button:focus-visible,
.text-button:focus-visible,
.copy-code-button:focus-visible,
.cart-button:focus-visible,
.icon-button:focus-visible,
.nav-links a:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 4px;
}

button:disabled,
button.is-loading,
.button.is-loading,
.copy-code-button.is-loading,
.cart-button.is-loading,
.icon-button.is-loading {
  cursor: wait;
  opacity: 0.72;
  pointer-events: none;
}

button.is-loading,
.button.is-loading,
.copy-code-button.is-loading,
.cart-button.is-loading,
.icon-button.is-loading {
  color: transparent !important;
}

button.is-loading::after,
.button.is-loading::after,
.copy-code-button.is-loading::after,
.cart-button.is-loading::after,
.icon-button.is-loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid #ffffff;
  border-right-color: transparent;
  border-top-color: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  animation: orchid-button-spin 720ms linear infinite;
}

button.is-success,
.button.is-success,
.copy-code-button.is-success {
  color: #ffffff !important;
  background: #16a34a !important;
  border-color: #16a34a !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22), 0 0 0 5px rgba(45, 212, 120, 0.22);
}

button.is-error,
.button.is-error,
.copy-code-button.is-error {
  color: #ffffff !important;
  background: var(--danger) !important;
  border-color: var(--danger) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22), 0 0 0 5px rgba(214, 8, 5, 0.28);
}

button.is-result,
.button.is-result,
.copy-code-button.is-result {
  opacity: 1;
  padding-right: 34px !important;
}

button.is-result::after,
.button.is-result::after,
.copy-code-button.is-result::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-50%);
}

button.is-result.is-success::after,
.button.is-result.is-success::after,
.copy-code-button.is-result.is-success::after {
  width: 9px;
  height: 15px;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  transform: translateY(-62%) rotate(42deg);
}

button.is-result.is-error::after,
.button.is-result.is-error::after,
.copy-code-button.is-result.is-error::after {
  content: "x";
  font-size: 1.05rem;
  transform: translateY(-50%);
}

@keyframes orchid-button-spin {
  to {
    transform: rotate(360deg);
  }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 82px;
  padding: 14px 4vw;
  color: #ffffff;
  background: #090909;
  border-bottom: 1px solid #171717;
  backdrop-filter: blur(20px);
}

.brand,
.header-actions,
.nav-links {
  display: flex;
  align-items: center;
}

.brand {
  gap: 12px;
  font-weight: 800;
}

.brand-logo {
  width: clamp(180px, 22vw, 300px);
  height: 52px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(7452%) hue-rotate(1deg) brightness(92%) contrast(108%);
  transform-origin: left center;
  animation: orchid-logo-float 5.6s ease-in-out infinite;
  transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

body.dark-mode .brand-logo {
  filter: brightness(0) invert(1);
}

.site-header .brand-logo {
  filter: brightness(0) invert(1);
}

.brand:hover .brand-logo,
.brand:focus-visible .brand-logo {
  transform: translateY(-1px) scale(1.015);
}

@keyframes orchid-logo-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo {
    animation: none;
  }
}

.nav-links {
  gap: clamp(18px, 3.2vw, 48px);
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.nav-links a {
  padding: 8px 0;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.nav-links a.is-active {
  color: #ffffff;
}

.nav-links a.is-active {
  border-bottom: 2px solid currentColor;
}

.header-actions {
  gap: 10px;
}

.account-menu-shell {
  position: relative;
}

.account-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 35;
  display: grid;
  min-width: 230px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.12);
}

.account-menu button {
  min-height: 46px;
  padding: 0 14px;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  font-weight: 900;
}

.account-menu button:last-child {
  border-bottom: 0;
}

.account-menu button:hover,
.account-menu button:focus-visible {
  color: var(--brand);
}

.icon-button,
.cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid #2a2a2a;
  background: transparent;
  color: #ffffff;
}

.account-button,
.message-button {
  color: var(--brand);
}

body.dark-mode .account-button,
body.dark-mode .message-button,
body.dark-mode .icon-button,
body.dark-mode .cart-button,
body.dark-mode .nav-links {
  color: var(--ink);
}

.message-menu-shell .account-menu {
  width: min(390px, calc(100vw - 20px));
  padding: 0;
  border-radius: 18px;
}

.message-menu-card {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.message-menu-heading {
  display: grid;
  gap: 4px;
}

.message-menu-heading strong {
  color: var(--ink);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  line-height: 1;
}

.message-menu-heading span {
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.35;
}

.message-phone {
  position: relative;
  display: grid;
  gap: 8px;
  overflow: hidden;
  min-height: 360px;
  padding: 12px 12px 72px;
  color: #101010;
  background: #fbfbf8;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 16px 42px rgba(0, 0, 0, 0.18);
}

.message-phone-status,
.message-phone-topbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}

.message-phone-status {
  font-size: 0.56rem;
  font-weight: 800;
  color: #111;
}

.message-phone-status span:last-child {
  justify-self: end;
  letter-spacing: 0.1em;
}

.message-phone-topbar {
  min-height: 34px;
}

.message-phone-topbar strong {
  font-size: 0.72rem;
  font-weight: 900;
}

.message-refresh-icon {
  justify-self: end;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: #111;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 1rem;
}

.message-thread-list {
  display: grid;
  gap: 10px;
  align-content: start;
  max-height: 270px;
  overflow: auto;
  padding: 4px 0;
}

.message-phone-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #111;
  background: transparent;
  border: 0;
  border-radius: 10px;
}

.message-phone-row:hover {
  background: rgba(0, 107, 79, 0.07);
}

.message-empty {
  margin: 0;
  padding: 12px;
  color: #555;
  background: rgba(0, 107, 79, 0.06);
  border: 1px solid rgba(0, 107, 79, 0.12);
  border-radius: 10px;
  font-size: 0.78rem;
}

.message-empty-row {
  padding: 10px 4px;
}

.message-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: #fff;
  background: linear-gradient(135deg, #067a5c, #111);
  border-radius: 999px;
  font-size: 0.67rem;
  font-weight: 900;
}

.site-message-item:nth-child(2n) .message-avatar {
  background: linear-gradient(135deg, #1c1c1c, #8fdcb9);
}

.site-message-item:nth-child(3n) .message-avatar {
  background: linear-gradient(135deg, #024d3d, #00875f);
}

.message-row-main {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.message-row-main strong,
.message-compose-title strong {
  overflow: hidden;
  font-size: 0.78rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-row-main small {
  overflow: hidden;
  color: #707070;
  font-size: 0.65rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-row-meta {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.message-row-meta small {
  color: #909090;
  font-size: 0.52rem;
  white-space: nowrap;
}

.message-row-meta i {
  width: 8px;
  height: 8px;
  background: #1d73ff;
  border-radius: 999px;
}

.site-message-item.is-mine {
  opacity: 0.82;
}

.message-compose-fab {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #087f5f;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(8, 127, 95, 0.32);
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.message-compose-fab:hover,
.message-compose-fab:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(8, 127, 95, 0.42);
}

.message-compose-fab svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.message-compose-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.message-compose-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.message-compose-title span,
.message-menu-card label {
  color: var(--brand);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.message-menu-card label {
  display: grid;
  gap: 6px;
}

.message-menu-card input,
.message-menu-card textarea {
  width: 100%;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  font: inherit;
  text-transform: none;
}

.message-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.message-menu-card .button,
.message-menu-card .copy-code-button {
  justify-content: center;
  min-height: 40px;
  padding: 0 12px;
  text-align: center;
  border-radius: 10px;
}

.message-menu-card .button {
  color: var(--brand-contrast);
  background: var(--brand);
  border: 1px solid var(--brand);
}

.message-menu-card .copy-code-button {
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
}

.icon-button {
  width: 44px;
}

.icon-button svg,
.cart-button svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.cart-button {
  gap: 9px;
  padding: 0 12px;
}

.cart-button strong {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  color: var(--inverse);
  background: var(--panel-strong);
  border-radius: 4px;
  font-size: 0.8rem;
}

.landing-video-section {
  position: relative;
  display: block;
  min-height: calc(100vh - 116px);
  min-height: calc(100svh - 116px);
  overflow: visible;
  isolation: isolate;
  background: #050505;
}

.landing-video-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  height: calc(100vh - 116px);
  height: calc(100svh - 116px);
  pointer-events: none;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.18) 54%, rgba(0, 0, 0, 0.62));
}

.orchid-hero-animation {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: calc(100vh - 116px);
  height: calc(100svh - 116px);
  min-height: 620px;
  transform: translateZ(0);
}

.orchid-hero-svg {
  width: 100%;
  height: 100%;
}

.orchid-sky {
  animation: orchid-sky-cycle 12s ease-in-out infinite;
}

.orchid-sun {
  animation: orchid-sun-rise 12s ease-in-out infinite;
  transform-origin: center;
}

.orchid-hill {
  fill: #111812;
  opacity: 0.92;
}

.hill-two {
  fill: #0b100c;
}

.orchid-ground {
  transform-origin: center bottom;
}

.grass path {
  fill: none;
  stroke: #f6f6f1;
  stroke-linecap: round;
  stroke-width: 3;
  opacity: 0.22;
  transform-origin: center bottom;
  animation: grass-sway 4.4s ease-in-out infinite;
}

.grass-front path {
  stroke-width: 5;
  opacity: 0.34;
}

.grass path:nth-child(2n) {
  animation-delay: -1.4s;
}

.grass path:nth-child(3n) {
  animation-delay: -2.2s;
}

.orchid-shadow {
  fill: rgba(0, 0, 0, 0.52);
  animation: orchid-shadow-grow 12s ease-in-out infinite;
  transform-origin: center;
}

.orchid-growth {
  transform: translateY(78px) scale(0.9);
  transform-box: view-box;
  transform-origin: 720px 690px;
}

.seed-shell {
  fill: #0c0c0c;
  stroke: #ffffff;
  stroke-width: 4;
  animation: seed-split 12s ease-in-out infinite;
  transform-origin: 720px 684px;
}

.shell-right {
  animation-name: seed-split-right;
}

.root,
.hero-stem,
.hero-leaf,
.hero-petal,
.hero-orchid-mark {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.root {
  stroke-width: 5;
  stroke-dasharray: 170;
  stroke-dashoffset: 170;
  animation: root-grow 12s ease-in-out infinite;
}

.root-two {
  animation-delay: 0.25s;
}

.root-three {
  animation-delay: 0.42s;
}

.hero-stem {
  stroke-width: 12;
  stroke-dasharray: 540;
  stroke-dashoffset: 540;
  animation: hero-stem-grow 12s ease-in-out infinite;
}

.hero-leaf {
  fill: rgba(255, 255, 255, 0.02);
  stroke-width: 8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: leaf-open 12s ease-in-out infinite;
}

.leaf-right {
  animation-delay: 0.4s;
}

.hero-bloom {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 60%;
  animation: bloom-rise 12s ease-in-out infinite;
}

.hero-petal {
  fill: rgba(255, 255, 255, 0.92);
  stroke: #ffffff;
  stroke-width: 6;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.18));
  transform-box: fill-box;
  transform-origin: 50% 65%;
  animation: petal-breathe 12s ease-in-out infinite;
}

.petal-left,
.petal-low-left {
  fill: rgba(255, 255, 255, 0.78);
}

.hero-orchid-core {
  fill: #006b4f;
  stroke: #050505;
  stroke-width: 8;
  animation: orchid-core-pulse 12s ease-in-out infinite;
  transform-origin: center;
}

.hero-orchid-mark {
  stroke: #050505;
  stroke-width: 8;
  opacity: 0.78;
}

.falling-shirt {
  pointer-events: none;
}

.falling-petal {
  fill: rgba(255, 255, 255, 0.92);
  stroke: #ffffff;
  stroke-width: 6;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.18));
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 30%;
  animation: petal-fall-to-shirt 12s ease-in-out infinite;
}

.falling-tee {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: tee-form 12s ease-in-out infinite;
}

.tee-body {
  fill: rgba(255, 255, 255, 0.94);
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-width: 7;
  filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.22));
}

.tee-neck {
  fill: none;
  stroke: #050505;
  stroke-linecap: round;
  stroke-width: 5;
  opacity: 0.72;
}

.tee-mark {
  fill: #006b4f;
  stroke: #050505;
  stroke-width: 4;
}

@keyframes orchid-sky-cycle {
  0%,
  100% {
    opacity: 0.88;
  }

  45%,
  78% {
    opacity: 1;
  }
}

@keyframes orchid-sun-rise {
  0% {
    opacity: 0;
    transform: translate(-90px, 140px) scale(0.76);
  }

  28%,
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@keyframes grass-sway {
  0%,
  100% {
    transform: rotate(-1deg);
  }

  50% {
    transform: rotate(2deg);
  }
}

@keyframes orchid-shadow-grow {
  0% {
    opacity: 0.18;
    transform: scale(0.34);
  }

  58%,
  100% {
    opacity: 0.52;
    transform: scale(1);
  }
}

@keyframes seed-split {
  0%,
  24% {
    transform: translateY(0) rotate(0deg) scale(1);
    opacity: 1;
  }

  32% {
    transform: translateY(0) rotate(0deg) scale(1);
    opacity: 1;
  }

  46%,
  100% {
    transform: translate(-34px, 8px) rotate(-34deg) scale(0.92);
    opacity: 0.82;
  }
}

@keyframes seed-split-right {
  0%,
  24% {
    transform: translateY(0) rotate(0deg) scale(1);
    opacity: 1;
  }

  32% {
    transform: translateY(0) rotate(0deg) scale(1);
    opacity: 1;
  }

  46%,
  100% {
    transform: translate(34px, 8px) rotate(34deg) scale(0.92);
    opacity: 0.82;
  }
}

@keyframes root-grow {
  0%,
  28% {
    stroke-dashoffset: 170;
    opacity: 0;
  }

  46%,
  100% {
    stroke-dashoffset: 0;
    opacity: 0.78;
  }
}

@keyframes hero-stem-grow {
  0%,
  34% {
    stroke-dashoffset: 540;
    opacity: 0;
  }

  64%,
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes leaf-open {
  0%,
  50% {
    opacity: 0;
    transform: scale(0.12) rotate(-10deg);
  }

  68%,
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes bloom-rise {
  0%,
  64% {
    opacity: 0;
    transform: translateY(58px) scale(0.12);
  }

  78%,
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes petal-breathe {
  0%,
  74% {
    transform: scale(0.8);
  }

  88% {
    transform: scale(1.04);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes orchid-core-pulse {
  0%,
  76% {
    transform: scale(0.82);
  }

  88% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes petal-fall-to-shirt {
  0%,
  78% {
    opacity: 0;
    transform: translate(0, 0) rotate(0deg) scale(0.82);
  }

  82% {
    opacity: 0.96;
    transform: translate(0, 0) rotate(0deg) scale(1);
  }

  90% {
    opacity: 0.92;
    transform: translate(-62px, 176px) rotate(-18deg) scale(0.9);
  }

  96%,
  100% {
    opacity: 0;
    transform: translate(-92px, 332px) rotate(-32deg) scale(0.54);
  }
}

@keyframes tee-form {
  0%,
  89% {
    opacity: 0;
    transform: translateY(34px) scale(0.32);
  }

  96%,
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 920px) {
  .orchid-hero-svg {
    transform: scale(1.08) translateX(-4%);
    transform-origin: center;
  }

  .orchid-growth {
    transform: translateY(100px) scale(0.84);
  }

  .admin-package-preview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .dummy-agent-header,
  .interface-editor-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .interface-editor-toolbar .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .orchid-sky,
  .orchid-sun,
  .grass path,
  .orchid-shadow,
  .seed-shell,
  .root,
  .hero-stem,
  .hero-leaf,
  .hero-bloom,
  .hero-petal,
  .hero-orchid-core,
  .falling-petal,
  .falling-tee {
    animation-duration: 1ms;
    animation-iteration-count: 1;
    animation-delay: 0ms;
  }
}

.landing-shop-button {
  position: absolute;
  left: 50%;
  bottom: 32px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 164px;
  min-height: 52px;
  padding: 0 28px;
  color: #ffffff;
  background: rgba(0, 107, 79, 0.9);
  border: 0;
  border-radius: var(--radius);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transform: translateX(-50%);
  backdrop-filter: blur(12px);
}

.landing-shop-button:hover,
.landing-shop-button:focus-visible {
  background: #006b4f;
}

.landing-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: start;
  min-height: calc(100vh - 116px);
  min-height: calc(100svh - 116px);
  width: min(54vw, 760px);
  max-width: min(54vw, 760px);
  padding: clamp(86px, 12vh, 150px) 5vw 88px;
  color: #ffffff;
  text-align: left;
}

.landing-kicker {
  width: fit-content;
  margin: 0 0 18px;
  padding: 5px 12px;
  color: var(--brand);
  background: rgba(0, 107, 79, 0.12);
  border: 1px solid rgba(0, 107, 79, 0.34);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.landing-hero-copy h2 {
  color: #ffffff;
  font-size: clamp(4rem, 10vw, 8.9rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.82;
  text-transform: uppercase;
}

.landing-hero-copy > p:not(.landing-kicker) {
  max-width: 500px;
  margin: 28px 0 0;
  color: #d8d8d8;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-hero-button {
  width: fit-content;
  min-width: 216px;
  min-height: 54px;
  margin-top: 36px;
}

.landing-chat-card {
  position: absolute;
  right: 28px;
  bottom: 116px;
  z-index: 3;
  display: grid;
  gap: 18px;
  width: min(322px, calc(100vw - 40px));
  padding: 22px;
  color: #171717;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 18px 64px rgba(0, 0, 0, 0.18);
}

.landing-chat-card p {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.35;
}

.landing-chat-card span {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  color: #8f969d;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  font-size: 0.92rem;
}

.landing-live-button {
  position: absolute;
  right: 24px;
  bottom: 48px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(0, 107, 79, 0.32);
}

.landing-live-button span {
  width: 22px;
  height: 18px;
  background: #ffffff;
  border-radius: 4px;
}

.landing-live-button strong {
  position: absolute;
  top: -4px;
  right: -2px;
  display: grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  background: var(--brand);
  border: 2px solid #ffffff;
  border-radius: 999px;
  font-size: 0.7rem;
}

.landing-marquee {
  position: relative;
  z-index: 2;
  overflow: hidden;
  color: #ffffff;
  background: #060606;
  border-top: 1px solid rgba(0, 107, 79, 0.76);
  border-bottom: 1px solid rgba(0, 107, 79, 0.76);
}

.landing-marquee-track {
  display: flex;
  width: max-content;
  animation: landing-marquee 22s linear infinite;
}

.landing-marquee span {
  flex: 0 0 auto;
  padding: 15px 44px;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.landing-marquee span::after {
  content: "+";
  margin-left: 38px;
  color: var(--brand);
}

@keyframes landing-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.landing-featured,
.landing-story,
.landing-category-strip,
.landing-community {
  position: relative;
  z-index: 2;
  padding: clamp(70px, 9vw, 112px) 5vw;
}

.landing-featured {
  color: #ffffff;
  background: #111111;
}

.landing-split-heading,
.landing-collection-heading,
.landing-story {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
  gap: 28px;
  align-items: end;
}

.landing-split-heading {
  margin-bottom: 48px;
}

.landing-split-heading h2,
.landing-collection-heading h2,
.landing-story h2 {
  font-size: clamp(2.7rem, 6.4vw, 5.4rem);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.landing-split-heading p {
  margin: 0;
  color: #a9a9a9;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-align: right;
  text-transform: uppercase;
}

.landing-bundle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.landing-bundle {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(180px, 0.9fr);
  min-height: 430px;
  background: #171717;
  overflow: hidden;
}

.landing-bundle-image {
  position: relative;
  min-height: 430px;
  background: #f8f8f8;
}

.landing-bundle-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.landing-bundle-copy {
  display: grid;
  align-content: space-between;
  gap: 18px;
  padding: 26px 16px;
}

.landing-bundle-copy span {
  width: fit-content;
  padding: 4px 9px;
  color: var(--brand);
  border: 1px solid rgba(0, 107, 79, 0.38);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.landing-bundle-copy h3 {
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 900;
  text-transform: uppercase;
}

.landing-bundle-copy p {
  margin: 0;
  color: #bdbdbd;
  font-size: 0.9rem;
}

.landing-bundle-copy strong {
  color: #ffffff;
  font-size: 1.15rem;
}

.landing-bundle-copy em {
  margin-left: 8px;
  color: #35b779;
  font-size: 0.72rem;
  font-style: normal;
  text-transform: uppercase;
}

.landing-collection {
  position: relative;
  z-index: 2;
  padding: 58px 3vw 70px;
  color: #070707;
  background: #eee9df;
}

.landing-collection-heading {
  padding: 0 2vw 20px;
  border-bottom: 1px solid #d8d1c5;
}

.landing-collection-heading a {
  justify-self: end;
  border-bottom: 2px solid currentColor;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.landing-category-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 22px 2vw 18px;
  overflow-x: auto;
  white-space: nowrap;
}

.landing-category-tabs span {
  margin-right: 8px;
  color: #777166;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.landing-category-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 20px;
  color: #070707;
  background: #ffffff;
  border: 1px solid #dad4ca;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.landing-category-tabs a.is-active,
.landing-category-tabs a:hover,
.landing-category-tabs a:focus-visible {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.landing-product-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(286px, 31vw);
  gap: 1px;
  overflow-x: auto;
  padding: 0 0 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.landing-product-row .product-card {
  min-height: 0;
  padding: 0;
  background: #f8f6f1;
  border-top: 0;
  scroll-snap-align: start;
}

.landing-product-row .product-body {
  padding: 14px 14px 18px;
}

.landing-product-row .product-body p {
  display: none;
}

.landing-product-row .product-buy-row {
  align-items: flex-start;
  flex-direction: column;
}

.landing-story {
  align-items: start;
  color: #ffffff;
  background: #111111;
}

.landing-story p:not(.eyebrow) {
  margin: 0 0 18px;
  color: #d8d8d8;
  font-size: 1.02rem;
}

.landing-story .text-button {
  color: #ffffff;
}

.landing-category-strip,
.landing-community {
  color: #070707;
  background: #eee9df;
}

.landing-category-strip > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.landing-category-strip a {
  display: grid;
  gap: 8px;
  min-height: 92px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #ddd5c9;
  font-weight: 900;
  text-transform: uppercase;
}

.landing-category-strip span {
  color: #777166;
  font-size: 0.8rem;
}

.landing-community {
  display: grid;
  gap: 24px;
  padding-top: 30px;
}

.landing-community strong {
  font-size: clamp(1.4rem, 3vw, 2.5rem);
  text-transform: uppercase;
}

.landing-community-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #d8d1c5;
}

.landing-community-grid img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #ffffff;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.hero-content .eyebrow {
  color: #c9c9c3;
}

h1,
h2,
h3,
p {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: manual;
}

h1,
h2,
h3 {
  margin: 0;
  line-height: 1.04;
  max-width: 100%;
  text-wrap: balance;
  overflow-wrap: normal;
}

h1 {
  max-width: 730px;
  font-size: 4.6rem;
}

h2 {
  font-size: 2.55rem;
  letter-spacing: 0;
}

h3 {
  font-size: 1.25rem;
  letter-spacing: 0;
}

.hero-copy {
  max-width: 650px;
  margin: 24px 0 0;
  color: #ecece8;
  font-size: 1.12rem;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease;
}

.button:hover,
.button:focus-visible {
  transform: translateY(-1px);
}

.button-light {
  background: var(--inverse);
  color: #111111;
}

body.dark-mode .button-light {
  color: var(--ink);
  background: transparent;
  border-color: var(--ink);
}

.button-outline {
  border-color: rgba(255, 255, 255, 0.48);
  color: #ffffff;
}

.button-dark {
  background: var(--panel-strong);
  color: var(--inverse);
  border-color: var(--panel-strong);
}

.text-button {
  width: fit-content;
  padding: 0;
  color: var(--muted);
  background: transparent;
  border: 0;
  border-bottom: 1px solid currentColor;
  font-size: 0.82rem;
  font-weight: 900;
}

.hero-metrics {
  position: absolute;
  right: 4vw;
  bottom: 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(118px, 1fr));
  gap: 1px;
  width: min(620px, 92vw);
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.26);
  color: #ffffff;
}

.hero-metrics div {
  min-height: 104px;
  padding: 18px;
  background: rgba(0, 107, 79, 0.72);
}

.hero-metrics strong,
.metric-row strong {
  display: block;
  font-size: 1.7rem;
  line-height: 1.1;
}

.hero-metrics span,
.metric-row span {
  display: block;
  margin-top: 8px;
  color: #d8d8d2;
  font-size: 0.9rem;
}

.section {
  padding: 78px 4vw;
}

.discover-section {
  color: #ffffff;
  background:
    radial-gradient(circle at 78% 8%, rgba(0, 133, 98, 0.18), transparent 30%),
    linear-gradient(180deg, #050505, #080908 48%, #050505);
}

.discover-shell {
  display: grid;
  gap: clamp(18px, 3vw, 34px);
  width: min(100%, 1480px);
  margin: 0 auto;
}

.discover-hero,
.discover-toolbar,
.discover-section-block {
  border: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.02);
}

.discover-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.52fr);
  align-items: end;
  gap: clamp(22px, 5vw, 72px);
  min-height: clamp(430px, 54vh, 680px);
  padding: clamp(30px, 6vw, 88px);
}

.discover-hero h2 {
  max-width: 11ch;
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(4rem, 8.4vw, 9.4rem);
  line-height: 0.84;
  text-transform: uppercase;
}

.discover-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: clamp(16px, 2vw, 26px) 0 0;
  color: var(--muted);
  font-size: clamp(0.98rem, 1.4vw, 1.28rem);
  line-height: 1.45;
}

.discover-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: clamp(18px, 3vw, 34px);
}

.discover-hero-quick-actions {
  display: grid;
  align-content: end;
  min-height: 110px;
}

.discover-hero-quick-actions .discover-hero-actions {
  margin-top: 0;
}

.discover-hero-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
}

.discover-hero-panel article {
  display: grid;
  gap: 6px;
  min-height: 120px;
  padding: 18px;
  background: rgba(0, 0, 0, 0.48);
}

.discover-hero-panel strong {
  font-family: var(--display-font);
  font-size: clamp(1.8rem, 3.4vw, 3.4rem);
  line-height: 1;
}

.discover-hero-panel span,
.discover-status,
.discover-block-heading > span {
  color: var(--muted);
  font-family: var(--display-font);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.discover-toolbar {
  display: grid;
  gap: 14px;
  padding: clamp(16px, 2.4vw, 26px);
}

.discover-toolbar .search-field {
  max-width: none;
}

.discover-filter-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.discover-filter-row button,
.discover-vibe-card,
.discover-save-button {
  min-height: 38px;
  border: 1px solid rgba(0, 133, 98, 0.32);
  background: rgba(255, 255, 255, 0.03);
  color: inherit;
  font-family: var(--display-font);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.discover-filter-row button {
  flex: 0 0 auto;
  padding: 0 14px;
}

.discover-filter-row button.is-active,
.discover-save-button.is-saved,
.discover-vibe-card:hover {
  color: var(--brand-contrast);
  background: var(--brand);
}

.discover-status {
  min-height: 18px;
}

.discover-feed {
  display: grid;
  gap: clamp(18px, 3vw, 34px);
}

.discover-section-block {
  display: grid;
  gap: clamp(16px, 2.4vw, 26px);
  padding: clamp(18px, 3.4vw, 42px);
}

.discover-block-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.discover-block-heading h3 {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(1.85rem, 4vw, 4.2rem);
  line-height: 0.94;
  text-transform: uppercase;
}

.discover-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(230px, 290px);
  gap: 14px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-bottom: 6px;
}

.discover-product-grid,
.discover-brand-grid,
.discover-vibe-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.discover-product-card,
.discover-creator-card,
.discover-collection-card,
.discover-brand-card,
.discover-vibe-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.025);
}

.discover-product-card,
.discover-creator-card,
.discover-collection-card,
.discover-brand-card {
  display: grid;
  gap: 12px;
  padding: 12px;
}

.discover-product-card > div,
.discover-creator-card > div,
.discover-collection-card > div,
.discover-brand-card > div {
  display: grid;
  gap: 7px;
}

.discover-product-media {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.discover-product-media-frame,
.discover-creator-card img,
.discover-collection-card img,
.discover-brand-card img {
  width: 100%;
  aspect-ratio: 1 / 1.18;
  background: #f3f3f0;
  object-fit: contain;
}

.discover-creator-card img,
.discover-collection-card img,
.discover-brand-card img {
  display: block;
  object-fit: cover;
  filter: grayscale(1);
}

.discover-product-card span,
.discover-creator-card span,
.discover-collection-card span,
.discover-brand-card span {
  color: var(--brand);
  font-family: var(--display-font);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.discover-product-card strong {
  font-family: var(--display-font);
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1;
}

.discover-product-card h4,
.discover-creator-card h4,
.discover-collection-card h4,
.discover-brand-card h4 {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(1rem, 1.45vw, 1.32rem);
  line-height: 1.08;
  text-transform: uppercase;
}

.discover-product-card p,
.discover-creator-card p,
.discover-collection-card p,
.discover-brand-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.35;
}

.discover-save-button {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  min-height: 30px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.66);
}

.discover-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.discover-vibe-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.discover-vibe-card {
  display: grid;
  gap: 10px;
  min-height: 118px;
  padding: 18px;
  text-align: left;
}

.discover-vibe-card strong {
  font-family: var(--display-font);
  font-size: clamp(1.4rem, 3vw, 2.5rem);
}

@media (max-width: 1180px) {
  .discover-product-grid,
  .discover-brand-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .discover-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 28px 18px;
  }

  .discover-hero h2 {
    max-width: 10ch;
    font-size: clamp(3rem, 14vw, 5.2rem);
  }

  .discover-hero p:not(.eyebrow) {
    font-size: 0.92rem;
  }

  .discover-hero-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .discover-hero-panel article {
    min-height: 84px;
    padding: 12px;
  }

  .discover-toolbar,
  .discover-section-block {
    padding: 14px;
  }

  .discover-product-grid,
  .discover-brand-grid,
  .discover-vibe-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .discover-rail {
    grid-auto-columns: minmax(178px, 42vw);
    gap: 10px;
  }

  .discover-product-card,
  .discover-creator-card,
  .discover-collection-card,
  .discover-brand-card {
    gap: 9px;
    padding: 9px;
  }

  .discover-product-media-frame,
  .discover-creator-card img,
  .discover-collection-card img,
  .discover-brand-card img {
    aspect-ratio: 1 / 1.08;
  }

  .discover-product-card h4,
  .discover-creator-card h4,
  .discover-collection-card h4,
  .discover-brand-card h4 {
    font-size: 0.9rem;
  }

  .discover-product-card p,
  .discover-creator-card p,
  .discover-collection-card p,
  .discover-brand-card p {
    font-size: 0.74rem;
  }
}

@media (max-width: 560px) {
  .discover-section {
    padding-top: 52px;
  }

  .discover-hero-actions .button {
    width: 100%;
  }

  .discover-hero-panel strong {
    font-size: 1.35rem;
  }

  .discover-hero-panel span,
  .discover-status,
  .discover-block-heading > span {
    font-size: 0.6rem;
  }

  .discover-block-heading {
    align-items: start;
    display: grid;
  }

  .discover-block-heading h3 {
    font-size: clamp(1.45rem, 8vw, 2.05rem);
  }

  .discover-product-grid,
  .discover-brand-grid,
  .discover-vibe-grid,
  .discover-product-grid.is-compact-grid,
  .discover-product-grid.is-saved-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .discover-rail {
    grid-auto-columns: minmax(156px, 48vw);
  }

  .discover-filter-row button {
    min-height: 34px;
    padding-inline: 11px;
    font-size: 0.62rem;
  }

  .discover-product-card strong {
    font-size: 1.05rem;
  }

  .discover-product-card .button,
  .discover-card-actions .copy-code-button {
    min-height: 34px;
    padding-inline: 10px;
    font-size: 0.62rem;
  }

  .discover-save-button {
    top: 12px;
    right: 12px;
    min-height: 26px;
    font-size: 0.58rem;
  }
}

main [data-page]:not([data-page="home"]) {
  display: none;
}

body.page-shop main [data-page],
body.page-creator-link main [data-page],
body.page-discover main [data-page],
body.page-creators main [data-page],
body.page-payments main [data-page],
body.page-domain main [data-page],
body.page-dashboard main [data-page],
body.page-admin main [data-page],
body.page-journal main [data-page],
body.page-blog main [data-page],
body.page-tali main [data-page] {
  display: none;
}

body.page-shop main #shop,
body.page-creator-link main #shop,
body.page-discover main #discover,
body.page-creators main #creators,
body.page-payments main #payments,
body.page-domain main #domain,
body.page-dashboard main #dashboard,
body.page-admin main #admin,
body.page-journal main #journal,
body.page-blog main #journal,
body.page-tali main #tali {
  display: block;
}

main:has(#shop:target) [data-page],
main:has(#discover:target) [data-page],
main:has(#creators:target) [data-page],
main:has(#payments:target) [data-page],
main:has(#dashboard:target) [data-page],
main:has(#orchid-owner:target) [data-page],
main:has(#owner-admin:target) [data-page],
main:has(#admin:target) [data-page],
main:has(#journal:target) [data-page],
main:has(#blog:target) [data-page],
main:has(#tali:target) [data-page] {
  display: none;
}

main:has(#shop:target) #shop,
main:has(#discover:target) #discover,
main:has(#creators:target) #creators,
main:has(#payments:target) #payments,
main:has(#dashboard:target) #dashboard,
main:has(#orchid-owner:target) #admin,
main:has(#owner-admin:target) #admin,
main:has(#admin:target) #admin,
main:has(#journal:target) #journal,
main:has(#blog:target) #journal,
main:has(#tali:target) #tali,
main:has(#brands:target) #brands {
  display: block;
}

main:has(#home:target) [data-page]:not([data-page="home"]) {
  display: none;
}

main:has(#brands:target) [data-page]:not([data-page="brands"]) {
  display: none;
}

[data-page].page-hidden {
  display: none;
}

body.page-admin main #admin {
  display: block;
}

.admin-route-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

.section-heading {
  display: grid;
  gap: 8px;
  max-width: 760px;
  margin-bottom: 28px;
}

.section-heading p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  font-size: 1.04rem;
}

.compact-login-heading {
  margin-bottom: 18px;
  max-width: none;
  text-align: center;
}

.compact-login-heading h2 {
  font-size: clamp(2.2rem, 5vw, 4rem);
}

.shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.shopping-assistant {
  display: grid;
  gap: 28px;
  margin: -10px 0 34px;
  padding: clamp(24px, 4vw, 44px);
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.04), transparent 32%),
    var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.shopping-assistant-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.shopping-assistant-heading h3 {
  margin: 18px 0 0;
  font-size: clamp(2rem, 4vw, 3.6rem);
  text-transform: uppercase;
}

.shopping-assistant-heading p:not(.eyebrow) {
  margin: 22px 0 0;
  color: var(--muted);
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
}

.shopping-assistant-heading span,
.assistant-result-card span {
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shopping-assistant-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 20px;
  align-items: end;
}

.shopping-assistant-form label {
  display: grid;
  gap: 6px;
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 900;
}

.shopping-assistant-form small {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 500;
}

.shopping-assistant-form input,
.shopping-assistant-form textarea {
  width: 100%;
  min-height: 58px;
  padding: 0 18px;
  color: var(--ink);
  background: color-mix(in srgb, var(--paper) 8%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
}

.shopping-assistant-form textarea {
  resize: vertical;
}

.assistant-wide {
  grid-column: 1 / -1;
}

.shopping-assistant-form .button {
  justify-self: end;
  min-width: 220px;
  min-height: 58px;
  grid-column: 3;
}

.shopping-assistant-results {
  display: grid;
  gap: 12px;
}

.assistant-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.assistant-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.assistant-result-card {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.assistant-result-card img {
  width: 88px;
  aspect-ratio: 1;
  object-fit: cover;
  background: var(--panel-strong);
}

.assistant-result-card h4 {
  margin: 3px 0 4px;
  font-size: 1rem;
  text-transform: uppercase;
}

.assistant-result-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.assistant-result-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.assistant-result-actions .button {
  min-height: 34px;
  padding: 0 14px;
}

@media (max-width: 760px) {
  .shopping-assistant-heading {
    align-items: start;
    flex-direction: column;
  }

  .shopping-assistant-form,
  .assistant-result-grid {
    grid-template-columns: 1fr;
  }

  .assistant-wide {
    grid-column: auto;
  }

  .shopping-assistant-form .button {
    width: 100%;
    min-width: 0;
    grid-column: auto;
  }

  .assistant-result-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .assistant-result-card img {
    width: 72px;
  }
}

.segmented-control,
.dashboard-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 0;
  background: transparent;
  border-bottom: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.segmented-control button,
.dashboard-tabs button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-weight: 800;
}

.segmented-control button.is-active,
.dashboard-tabs button.is-active {
  background: var(--panel-strong);
  color: var(--inverse);
}

.search-field {
  position: relative;
  display: grid;
  gap: 6px;
  min-width: min(320px, 100%);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.search-field > span {
  opacity: 0.5;
}

.sort-field {
  display: grid;
  gap: 6px;
  min-width: 190px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.sort-field > span {
  opacity: 0.5;
}

.search-field input,
.sort-field select,
.application-form input,
.application-form select,
.auth-form input,
.auth-form select,
.domain-tool input,
.mpesa-box input,
.cms-edit-form input,
.cms-edit-form select,
.cms-edit-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--panel);
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 4px 4px 0 0;
}

.search-suggestions {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 20;
  display: none;
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.12);
}

.search-suggestions.is-open {
  display: grid;
}

.search-suggestions button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 0 12px;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
}

.search-suggestions button:hover {
  color: var(--brand);
}

.search-suggestions small {
  color: var(--muted);
  font-weight: 900;
}

.cms-edit-form textarea {
  min-height: 92px;
  padding: 12px;
  resize: vertical;
}

.cms-upload-field input {
  padding: 12px 0;
}

.product-grid,
.tier-grid,
.blog-grid,
.payment-grid,
.provider-grid,
    .admin-lock,
.cms-grid,
.cms-workspace {
  display: grid;
  gap: 18px;
}

.product-grid {
  grid-template-columns: 1fr;
  gap: 42px;
}

.featured-products,
.shop-audience-browser {
  display: grid;
  gap: 16px;
}

.shop-subheading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
}

.shop-subheading strong {
  margin: 0;
  font-size: 0.92rem;
  text-transform: uppercase;
}

.shop-subheading span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.featured-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 18px;
}

.shop-audience-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}

.shop-audience-row {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.shop-audience-header {
  min-height: 38px;
  padding: 0 16px;
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  background: var(--panel);
  border: 1px solid var(--line);
}

.shop-audience-header {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.product-row-shell {
  position: relative;
}

.product-row-scroll {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 54px) / 4);
  gap: 18px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  padding-bottom: 12px;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  scrollbar-width: thin;
  touch-action: pan-x;
}

.product-row-scroll::-webkit-scrollbar {
  height: 6px;
}

.product-row-scroll::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--brand) 36%, transparent);
}

.product-row-scroll .product-card {
  min-width: 0;
  scroll-snap-align: start;
}

.product-scroll-arrow {
  position: absolute;
  top: 42%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 44px;
  height: 64px;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 10px rgba(17, 17, 17, 0.28);
  font-size: 2.6rem;
  font-weight: 200;
  line-height: 1;
  background: transparent;
  border: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 160ms ease;
}

.product-scroll-left {
  left: 0;
}

.product-scroll-right {
  right: 0;
}

.product-row-shell:hover .product-scroll-arrow,
.product-row-shell:focus-within .product-scroll-arrow {
  opacity: 1;
  pointer-events: auto;
}

.product-card-compact {
  min-height: 0;
}

.product-card-compact .product-body {
  padding-top: 12px;
}

.product-card-compact .product-body h3 {
  font-size: 0.98rem;
}

.product-card-compact .product-body p,
.product-card-compact .product-buy-row strong {
  font-size: 0.86rem;
}

.product-card,
.tier-card,
.blog-grid article,
.payment-card,
.provider-grid article,
.auth-card,
.dashboard-panel,
.agent-application,
.domain-tool,
.cms-card {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: none;
}

.product-card {
  display: grid;
  min-height: 420px;
  overflow: hidden;
}

.product-visual {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 5;
  min-height: 0;
  background: var(--panel-soft);
  border-bottom: 0;
  overflow: hidden;
}

.product-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.02);
}

.product-preview-trigger {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: zoom-in;
}

.product-preview-trigger img {
  pointer-events: none;
}

.product-image-toggle {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 2;
  display: flex;
  gap: 8px;
}

.product-image-toggle button {
  width: 34px;
  height: 4px;
  padding: 0;
  background: rgba(255, 255, 255, 0.62);
  border: 0;
}

.product-image-toggle button.is-active {
  background: var(--brand);
}

.product-body {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 16px 0 0;
}

.product-body h3 {
  min-height: 24px;
  font-size: 1rem;
  text-transform: uppercase;
}

.product-body p {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.cart-line span + span {
  margin-top: 3px;
}

.product-buy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.product-buy-row strong {
  font-size: 1.2rem;
}

.product-preview-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10, 10, 10, 0.76);
}

.product-preview-dialog {
  position: relative;
  width: min(92vw, 760px);
  max-height: 92vh;
  overflow: hidden;
  background: #111;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
}

.product-detail-dialog {
  display: grid;
  grid-template-columns: minmax(260px, 0.56fr) minmax(260px, 0.44fr);
  width: min(94vw, 1120px);
  color: #ffffff;
  background: #080808;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.product-detail-media {
  position: relative;
  min-width: 0;
  background: #f4f4f4;
}

.product-preview-strip {
  width: 100%;
  max-height: 92vh;
  overflow: hidden;
  touch-action: pan-y;
}

.product-preview-track {
  display: flex;
  transition: transform 220ms ease;
}

.product-preview-track img {
  flex: 0 0 100%;
  width: 100%;
  max-height: 92vh;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: #f4f4f4;
}

.product-detail-copy {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: clamp(22px, 4vw, 48px);
}

.product-detail-authenticity {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.product-detail-authenticity span {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  background: #8de2b2;
}

.product-detail-authenticity span::before {
  content: "";
  width: 8px;
  height: 5px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg) translateY(-1px);
}

.product-detail-brand,
.product-detail-copy span {
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-detail-copy h3 {
  margin: 0;
  font-size: clamp(2rem, 5vw, 4.6rem);
  line-height: 0.94;
  text-transform: uppercase;
}

.product-detail-price-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.product-detail-price-row strong {
  color: #ffffff;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 500;
}

.product-detail-price-row em {
  padding: 8px 14px;
  color: #ffffff;
  background: #e50909;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.product-detail-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  line-height: 1.55;
}

.product-detail-perks {
  display: grid;
  gap: 8px;
  margin: 8px 0;
}

.product-detail-perks small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.84rem;
  font-weight: 800;
}

.product-detail-perks small::before {
  content: "✓";
  margin-right: 8px;
  color: var(--brand);
}

.product-detail-action {
  flex: 1 1 220px;
  min-width: 180px;
  min-height: 62px;
}

.product-detail-size-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
}

.product-detail-size-row strong,
.product-detail-size-row small {
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 900;
  text-transform: uppercase;
}

.product-detail-size-row small {
  color: rgba(255, 255, 255, 0.72);
  font-weight: 500;
  text-transform: none;
}

.product-detail-sizes {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.product-detail-sizes button {
  min-height: 52px;
  color: #ffffff;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.product-detail-sizes button:last-child {
  border-right: 0;
}

.product-detail-sizes button.is-active {
  outline: 1px solid #ffffff;
  outline-offset: -1px;
}

.product-detail-sizes button.is-disabled {
  color: rgba(255, 255, 255, 0.32);
  background: linear-gradient(45deg, transparent 49%, rgba(255, 255, 255, 0.22) 50%, transparent 51%);
}

.product-detail-stock {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ff995e;
  font-size: 0.94rem;
}

.product-detail-stock span {
  width: 10px;
  height: 10px;
  background: currentColor;
  border-radius: 50%;
}

.product-detail-stock-bar {
  height: 5px;
  background: rgba(255, 255, 255, 0.18);
}

.product-detail-stock-bar i {
  display: block;
  width: 18%;
  height: 100%;
  background: #ff995e;
}

.product-detail-actions {
  display: flex;
  gap: 12px;
  align-items: stretch;
  flex-wrap: wrap;
}

.product-detail-wishlist,
.product-detail-quantity {
  display: inline-grid;
  place-items: center;
  min-height: 62px;
  color: #ffffff;
  background: #111111;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.product-detail-wishlist {
  width: 62px;
  font-size: 1.7rem;
}

.product-detail-quantity {
  grid-template-columns: 34px 42px 34px;
}

.product-detail-quantity button {
  color: rgba(255, 255, 255, 0.58);
  background: transparent;
  border: 0;
}

.product-detail-quantity strong {
  color: #ffffff;
}

.product-detail-buy-now {
  width: 100%;
  flex: none;
}

.product-preview-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
}

.product-preview-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 68px;
  padding: 0;
  color: #fff;
  font-size: 3.8rem;
  line-height: 1;
  background: transparent;
  border: 0;
  opacity: 0;
  transform: translateY(-50%);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
  transition: opacity 160ms ease;
}

.product-preview-dialog:hover .product-preview-arrow,
.product-preview-dialog:focus-within .product-preview-arrow {
  opacity: 1;
}

.product-preview-prev {
  left: 8px;
}

.product-preview-next {
  right: 8px;
}

.product-preview-dots {
  position: absolute;
  bottom: 14px;
  left: 50%;
  z-index: 2;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}

.product-preview-dots button {
  width: 34px;
  height: 4px;
  padding: 0;
  background: rgba(255, 255, 255, 0.62);
  border: 0;
}

.product-preview-dots button.is-active {
  background: var(--brand);
}

body.dark-mode .product-card,
body.dark-mode .tier-card,
body.dark-mode .blog-grid article,
body.dark-mode .payment-card,
body.dark-mode .provider-grid article,
body.dark-mode .auth-card,
body.dark-mode .dashboard-panel,
body.dark-mode .agent-application,
body.dark-mode .domain-tool,
body.dark-mode .cms-card,
body.dark-mode .admin-featured-products,
body.dark-mode .admin-product-row,
body.dark-mode .admin-add-product,
body.dark-mode .admin-blog-folder,
body.dark-mode .admin-blog-form,
body.dark-mode .admin-blog-preview,
body.dark-mode .cart-drawer {
  color: var(--ink);
  background-color: var(--panel);
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  color: var(--ink);
  background-color: var(--panel);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: color-mix(in srgb, var(--ink) 62%, transparent);
}

.product-buy-row .button {
  min-width: 112px;
}

.tier-grid {
  grid-template-columns: minmax(220px, 0.92fr) minmax(320px, 1.16fr) minmax(220px, 0.92fr);
  align-items: stretch;
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.tier-card {
  display: grid;
  gap: 18px;
  align-content: start;
  min-height: 430px;
  padding: 34px 28px;
  border-top: 0;
  border-right: 1px solid var(--line);
  background: var(--plan-bg, linear-gradient(180deg, color-mix(in srgb, var(--panel-soft) 56%, transparent), transparent 58%));
  color: var(--plan-color, var(--ink));
  border-color: var(--plan-border, var(--line));
  border-radius: var(--plan-radius, 0);
  box-shadow: var(--plan-shadow, none);
  font-family: var(--plan-font, inherit);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.tier-card:hover,
.tier-card:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--plan-shadow, 0 18px 54px rgba(17, 17, 17, 0.08));
}

.tier-card:last-child {
  border-right: 0;
}

.tier-featured {
  min-height: 480px;
  margin-top: -24px;
  margin-bottom: -24px;
  padding-top: 44px;
  background: var(--panel-strong);
  color: var(--inverse);
  border-right: 0;
  border-radius: var(--radius);
  box-shadow: 0 30px 70px rgba(0, 107, 79, 0.2);
}

.tier-featured .tier-kicker,
.tier-featured p,
.tier-featured li {
  color: color-mix(in srgb, var(--inverse) 74%, transparent);
}

.tier-card h3 {
  font-size: clamp(2.2rem, 4vw, 4rem);
  letter-spacing: 0;
}

.tier-card h3 span {
  font-size: 1rem;
  color: var(--muted);
}

.tier-featured h3 span {
  color: color-mix(in srgb, var(--inverse) 66%, transparent);
}

.tier-card p {
  margin: 0;
  color: var(--muted);
}

.tier-kicker {
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tier-commission {
  display: block;
  width: fit-content;
  padding: 8px 0;
  color: var(--ink);
  border-bottom: 1px solid currentColor;
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.tier-featured .tier-commission {
  color: var(--inverse);
}

.tier-card ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tier-card li {
  color: var(--muted);
}

.tier-card li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 1px;
  margin-right: 10px;
  background: currentColor;
}

.tier-card .button {
  align-self: end;
  width: 100%;
  margin-top: auto;
}

.tier-card .button:disabled,
.tier-card .button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.56;
  filter: grayscale(0.35);
}

.tier-lock-note {
  min-height: 18px;
  margin: -4px 0 0;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agent-free-access-panel {
  display: grid;
  gap: 18px;
  max-width: 900px;
  padding: clamp(28px, 5vw, 58px);
  color: #ffffff;
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.05), transparent 34%),
    #090909;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
}

.agent-free-access-panel h2 {
  margin: 0;
  font-size: clamp(2.4rem, 6vw, 5.2rem);
  line-height: 0.95;
  text-transform: uppercase;
}

.agent-free-access-panel p:not(.eyebrow) {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1.04rem;
}

.agent-free-access-panel .button {
  justify-self: start;
}

.plan-badge {
  width: fit-content;
  padding: 4px 9px;
  color: var(--brand);
  border: 1px solid color-mix(in srgb, var(--brand) 38%, transparent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.agent-subscription-payment,
.agent-application {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(320px, 1fr);
  gap: 28px;
  margin-top: 54px;
  padding: 34px 0 0;
}

.agent-subscription-payment {
  border-top: 1px solid var(--line);
}

.agent-subscription-payment:has(.onboarding-auth-card) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 0;
  width: 100%;
  margin-top: 28px;
  padding-top: 0;
  border-top: 0;
}

.onboarding-auth-card {
  width: min(1120px, 100%);
}

.agent-subscription-payment.is-pending {
  border-color: var(--brand);
}

.agent-subscription-payment.is-paid {
  position: relative;
  padding: 30px;
  background: #063f26;
  border: 1px solid #18a05e;
  color: #ffffff;
}

.agent-subscription-payment.is-paid::before {
  content: "✓ Paid";
  position: absolute;
  top: 18px;
  right: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 16px;
  color: #063f26;
  background: #ffffff;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-subscription-payment p,
.agent-application p {
  color: var(--muted);
}

.agent-subscription-payment.is-paid p,
.agent-subscription-payment.is-paid label,
.agent-subscription-payment.is-paid .form-note {
  color: #ffffff;
}

.agent-subscription-payment.is-paid input,
.agent-subscription-payment.is-paid select {
  color: #d7ffe9;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.24);
}

.agent-subscription-payment.is-paid .button {
  color: #063f26;
  background: #ffffff;
}

.auth-grid.is-login-popup {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
}

.auth-grid.is-login-popup .auth-card {
  grid-template-columns: minmax(0, 0.92fr) minmax(260px, 0.72fr);
  width: min(980px, 100%);
  min-height: 0;
  max-height: calc(100dvh - 44px);
  overflow: auto;
  background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

.auth-grid.is-login-popup .auth-visual {
  display: grid;
  min-height: 100%;
}

.auth-grid.is-login-popup .auth-panel {
  align-content: start;
  gap: 14px;
  padding: clamp(22px, 3vw, 42px);
}

.auth-grid.is-login-popup .auth-panel h3 {
  margin-top: 6px;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 0.96;
  text-align: left;
  text-transform: uppercase;
}

.auth-grid.is-login-popup .auth-title-stack {
  font-size: clamp(2rem, 4vw, 4rem) !important;
}

.auth-grid.is-login-popup .auth-panel > * {
  justify-self: start;
}

.auth-grid.is-login-popup .auth-panel > p:not(.eyebrow, .form-note) {
  max-width: 28rem;
  font-size: clamp(0.92rem, 1.4vw, 1.05rem);
}

.auth-grid.is-login-popup .auth-mode-switch {
  width: min(100%, 360px);
}

.auth-grid.is-login-popup .auth-mode-switch button {
  min-height: 42px;
  font-size: 0.76rem;
}

.auth-collapse-button {
  margin-top: -6px;
  padding: 0;
  color: var(--brand);
}

.auth-grid.is-login-popup .orchid-animation {
  width: min(78%, 330px);
}

.application-form,
.auth-form,
.domain-tool {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.application-form label,
.auth-form label,
.domain-tool label,
.mpesa-box label,
.cms-edit-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 800;
}

.checkbox-label {
  grid-column: 1 / -1;
  display: flex !important;
  grid-template-columns: none;
  align-items: center;
  gap: 10px !important;
  color: var(--ink) !important;
}

.checkbox-label input {
  width: 18px;
  min-height: 18px;
  accent-color: var(--panel-strong);
}

.application-form .button,
.form-note {
  grid-column: 1 / -1;
}

.form-note {
  min-height: 24px;
  margin: 0;
  color: var(--ink);
}

.payment-grid,
.provider-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payment-card,
.provider-grid article {
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 210px;
  padding: 24px;
  border-radius: var(--radius);
}

.payment-card span,
.provider-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.payment-card strong {
  display: block;
  font-size: 1.72rem;
  line-height: 1.08;
}

.payment-card p,
.provider-grid span {
  margin: 0;
  color: var(--muted);
}

.affiliate-integrations-shell {
  display: grid;
  gap: 1rem;
}

.affiliate-integrations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.affiliate-provider-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.02);
  display: grid;
  gap: 0.9rem;
}

.affiliate-provider-head,
.affiliate-provider-meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}

.affiliate-provider-head h3 {
  margin: 0;
}

.affiliate-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.affiliate-status {
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

.affiliate-status.is-ok {
  border-color: rgba(0, 132, 93, 0.55);
  color: var(--accent);
}

.affiliate-status.is-warning {
  border-color: rgba(255, 193, 7, 0.45);
  color: #ffc94d;
}

.affiliate-status.is-error {
  border-color: rgba(255, 82, 82, 0.55);
  color: #ff7777;
}

.affiliate-provider-meta {
  color: var(--muted);
  font-size: 0.86rem;
}

.affiliate-log-card {
  margin-top: 0;
}

.brand-pixel-card textarea {
  width: 100%;
  min-height: 86px;
  margin-top: 0.55rem;
  resize: vertical;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  line-height: 1.45;
}

.brand-pixel-card code {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.86em;
}

.brand-shopify-card {
  display: grid;
  gap: 0.9rem;
}

.brand-integration-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.brand-integration-status-grid article {
  padding: 0.8rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.brand-integration-status-grid span,
.brand-integration-status-grid strong {
  display: block;
}

.brand-integration-status-grid span {
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
}

.brand-integration-status-grid strong {
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}

.owner-dashboard-shell {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  color: #f7f7f3;
  background: #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.owner-dashboard-topbar {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding-bottom: 0.4rem;
}

.owner-beta-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
}

.owner-beta-pill i {
  width: 26px;
  height: 14px;
  background: var(--brand);
  border-radius: 99px;
  box-shadow: inset 12px 0 0 rgba(255, 255, 255, 0.86);
}

.owner-dashboard-heading {
  margin: 0;
}

.owner-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.owner-stat-grid article,
.owner-table-card,
.owner-mini-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.owner-stat-grid article {
  min-height: 86px;
  padding: 0.9rem;
}

.owner-stat-grid span {
  display: block;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.72rem;
  font-weight: 850;
}

.owner-stat-grid strong {
  display: block;
  margin-top: 0.55rem;
  color: #ffffff;
  font-size: clamp(1.25rem, 2.1vw, 1.9rem);
  line-height: 1;
}

.owner-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.owner-table-card,
.owner-mini-card {
  padding: 1rem;
}

.owner-table-card h3,
.owner-mini-card h3 {
  margin: 0 0 0.8rem;
  color: #ffffff;
}

.owner-table-wrap {
  overflow-x: auto;
}

.owner-table-card table {
  width: 100%;
  border-collapse: collapse;
  min-width: 620px;
}

.owner-table-card th,
.owner-table-card td {
  padding: 0.85rem 0.7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  text-align: left;
  font-size: 0.86rem;
}

.owner-table-card th {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.68rem;
  text-transform: uppercase;
}

.owner-mini-card p {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: 0;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.owner-mini-card p:last-child {
  border-bottom: 0;
}

.owner-mini-card span {
  color: rgba(255, 255, 255, 0.62);
}

.owner-shopify-test-grid {
  margin-bottom: 1rem;
}

@media (max-width: 900px) {
  .brand-integration-status-grid,
  .owner-stat-grid,
  .owner-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .affiliate-integrations-grid,
  .affiliate-field-grid {
    grid-template-columns: 1fr;
  }

  .affiliate-provider-head,
  .affiliate-provider-meta {
    display: grid;
  }
}

.payment-card-strong {
  background: var(--panel-strong);
  color: var(--inverse);
}

.payment-card-strong span,
.payment-card-strong p {
  color: color-mix(in srgb, var(--inverse) 72%, transparent);
}

.domain-tool {
  align-items: end;
  margin-bottom: 18px;
  padding: 22px;
}

.domain-tool .form-note {
  grid-column: 1 / -1;
}

.auth-grid {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  margin-bottom: 20px;
}

.admin-lock {
  justify-items: center;
}

.auth-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(300px, 1fr);
  gap: 0;
  width: min(1120px, 100%);
  min-height: 620px;
  overflow: hidden;
  padding: 0;
  background: var(--panel-soft);
  border: 1px solid var(--panel-strong);
  border-radius: var(--radius);
}

.admin-login-card {
  width: min(980px, 100%);
  min-height: 560px;
}

.auth-grid.is-locked .auth-card {
  border-color: #6a6a6a;
  filter: grayscale(1);
  opacity: 0.48;
}

.auth-grid.is-locked .auth-card::after {
  content: "Locked until email OTP is verified";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: min(78%, 420px);
  padding: 16px 18px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 0.9rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}

body.dark-mode .auth-card {
  background: var(--panel-soft);
  border-color: var(--panel-strong);
}

.auth-panel {
  display: grid;
  align-content: center;
  gap: 18px;
  min-width: 0;
  padding: clamp(24px, 5vw, 56px);
  background: var(--bg);
}

.auth-panel > * {
  width: min(100%, 430px);
  justify-self: center;
}

body.dark-mode .auth-panel {
  background: #050505;
}

.auth-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-size: 0.85rem;
  font-weight: 900;
  text-transform: uppercase;
}

.auth-brand-lockup span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 999px;
}

.auth-card h3 {
  margin: 18px 0 0;
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.auth-title-stack {
  display: grid;
  gap: 0.12em;
  font-size: clamp(3rem, 6vw, 5.3rem) !important;
  line-height: 0.95 !important;
}

.auth-title-stack span {
  display: block;
}

.auth-panel .eyebrow {
  margin: 18px 0 0;
  color: var(--ink);
  font-weight: 900;
}

body.dark-mode .auth-panel .eyebrow {
  color: #ffffff;
}

.auth-panel > p:not(.eyebrow, .form-note) {
  margin: 0;
  color: var(--muted);
}

.auth-card ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.auth-card li {
  color: var(--muted);
}

.auth-card li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 1px;
  margin-right: 10px;
  background: currentColor;
}

.auth-form {
  grid-template-columns: 1fr;
  margin-top: 12px;
  gap: 16px;
}

.auth-form .button {
  width: 100%;
}

.google-login-shell {
  display: grid;
  gap: 10px;
}

.google-login-shell > div {
  min-height: 40px;
}

.google-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  color: #3c4043;
  background: #ffffff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-shadow: none;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.google-login-button:hover {
  color: #202124;
  background: #ffffff;
  border-color: #dadce0;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.18);
}

.google-login-button svg {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}

.auth-form .text-button {
  justify-self: start;
}

.auth-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 32% 28%, rgba(0, 107, 79, 0.2), transparent 28%),
    linear-gradient(135deg, #090909, #1b1b1b 54%, #050505);
}

.auth-visual::before,
.auth-visual::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transform: rotate(-12deg);
}

.auth-visual::before {
  inset: 12%;
}

.auth-visual::after {
  inset: 24% 18%;
  border-color: rgba(0, 107, 79, 0.24);
  transform: rotate(13deg);
}

.orchid-animation {
  position: relative;
  z-index: 1;
  width: min(76%, 420px);
  aspect-ratio: 0.78;
}

.orchid-animation svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.orchid-stem,
.orchid-line {
  fill: none;
  stroke: #f5f5f5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.orchid-stem {
  stroke-width: 7;
  stroke-dasharray: 520;
  stroke-dashoffset: 520;
  animation: orchidDraw 2200ms ease forwards;
}

.orchid-line {
  stroke: var(--brand);
  stroke-width: 4;
  opacity: 0;
  animation: orchidFade 800ms ease 2100ms forwards;
}

.orchid-leaf,
.orchid-petal,
.orchid-core {
  transform-box: fill-box;
  transform-origin: center bottom;
  opacity: 0;
  stroke: #f5f5f5;
  stroke-width: 4;
  stroke-linejoin: round;
}

.orchid-leaf {
  fill: rgba(255, 255, 255, 0.08);
  animation: orchidGrow 760ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.leaf-one {
  animation-delay: 900ms;
}

.leaf-two {
  animation-delay: 1150ms;
}

.orchid-bloom {
  transform-origin: 224px 98px;
  animation: orchidSway 5600ms ease-in-out 2300ms infinite;
}

.orchid-petal {
  fill: rgba(255, 255, 255, 0.92);
  animation: orchidGrow 720ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.petal-one {
  animation-delay: 1500ms;
}

.petal-two {
  animation-delay: 1660ms;
}

.petal-three {
  animation-delay: 1810ms;
}

.petal-four {
  animation-delay: 1960ms;
}

.orchid-core {
  fill: var(--brand);
  stroke: #111111;
  animation: orchidPop 520ms ease 2120ms forwards;
}

@keyframes orchidDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes orchidGrow {
  from {
    opacity: 0;
    transform: scale(0.2) rotate(-8deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes orchidPop {
  from {
    opacity: 0;
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes orchidFade {
  to {
    opacity: 1;
  }
}

@keyframes orchidSway {
  0%,
  100% {
    transform: rotate(-1deg);
  }
  50% {
    transform: rotate(2deg);
  }
}

.account-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
  margin-bottom: 22px;
  padding: 22px;
  background: var(--panel);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.account-switch p:not(.eyebrow) {
  margin: 8px 0 0;
  color: var(--muted);
}

.account-switch > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.security-card {
  background: var(--panel-soft);
}

.admin-lock {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  margin-bottom: 26px;
}

.admin-panel {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 82px);
  margin: -78px -4vw;
  background: var(--bg);
}

.admin-sidebar {
  position: sticky;
  top: 82px;
  align-self: start;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: calc(100vh - 82px);
  padding: 28px 18px;
  border-right: 1px solid var(--line);
  background: var(--panel);
}

.admin-logo,
.admin-sidebar nav a,
.admin-sidebar-footer {
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-logo span,
.admin-sidebar-footer span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background: var(--brand);
  font-weight: 900;
}

.admin-logo strong {
  font-size: 1.4rem;
}

.admin-sidebar nav {
  display: grid;
  gap: 10px;
  align-content: start;
  margin-top: 36px;
}

.admin-sidebar nav a {
  min-height: 48px;
  padding: 0 14px;
  color: var(--ink);
  border-left: 3px solid transparent;
}

.admin-sidebar nav a.is-active {
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  border-left-color: var(--brand);
}

.admin-sidebar-footer {
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.admin-sidebar-footer button {
  margin-left: auto;
  color: var(--muted);
  background: transparent;
  border: 0;
}

.admin-main {
  display: grid;
  gap: 28px;
  padding: 36px 4vw 56px;
}

.admin-topbar,
.admin-section-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.admin-topbar h2,
.admin-section-heading h2 {
  font-size: 2.1rem;
}

.admin-topbar p,
.admin-section-heading p:not(.eyebrow) {
  margin: 6px 0 0;
  color: var(--muted);
}

.admin-content-section {
  display: grid;
  gap: 22px;
}

.admin-blog-section {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.admin-analytics-section {
  padding-top: 4px;
}

.admin-metric-grid,
.admin-tracking-grid {
  display: grid;
  gap: 18px;
}

.admin-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tracking-tabs {
  display: inline-flex;
  gap: 2px;
  border-bottom: 1px solid var(--line);
}

.tracking-tabs button {
  min-height: 38px;
  padding: 0 14px;
  color: var(--muted);
  background: transparent;
  border: 0;
  font-weight: 900;
  text-transform: uppercase;
}

.tracking-tabs button.is-active {
  color: var(--inverse);
  background: var(--brand);
}

.admin-metric-grid article {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 18px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.admin-metric-grid span,
.admin-metric-grid small {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-metric-grid strong {
  font-size: 1.75rem;
  line-height: 1.1;
}

.trend-up {
  color: #14833b !important;
}

.trend-down {
  color: var(--brand) !important;
}

.admin-tracking-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
}

.admin-tracking-grid h3 {
  margin-bottom: 14px;
}

.review-list {
  display: grid;
  gap: 14px;
}

.review-list button {
  display: grid;
  gap: 7px;
  width: 100%;
  margin: 0;
  padding: 0 0 14px;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
}

.review-list button:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.review-list p {
  margin: 0;
  color: var(--muted);
}

.review-list span {
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.review-reader {
  position: relative;
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding: 18px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.review-reader button {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  font-weight: 900;
}

.review-reader span {
  color: #14833b;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.review-reader h4,
.review-reader p {
  margin: 0;
}

.review-reader p {
  color: var(--muted);
}

.admin-status {
  border-color: color-mix(in srgb, var(--panel-strong) 34%, var(--line));
}

.cms-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cms-card {
  display: grid;
  gap: 12px;
  min-height: 230px;
  padding: 24px 18px 18px;
}

.cms-card span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-card strong {
  font-size: 2.4rem;
  line-height: 1;
}

.cms-card p {
  margin: 0;
  color: var(--muted);
}

.cms-card-strong {
  background: var(--panel-strong);
  color: var(--inverse);
}

.cms-card-strong span,
.cms-card-strong p {
  color: color-mix(in srgb, var(--inverse) 76%, transparent);
}

.cms-workspace {
  grid-template-columns: 1fr;
  gap: 38px;
}

.cms-editor {
  background: var(--panel-soft);
}

.cms-editor-stack {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.cms-item-list {
  display: grid;
  gap: 8px;
}

.admin-product-list {
  display: grid;
  gap: 18px;
}

.admin-featured-products {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.04);
}

.admin-featured-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.admin-featured-heading span,
.admin-featured-tile small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
}

.admin-featured-heading strong {
  font-size: 0.86rem;
  text-transform: uppercase;
}

.admin-featured-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-featured-tile {
  min-width: 0;
  background: var(--panel);
  border: 1px solid transparent;
}

.admin-featured-tile.is-active {
  border-color: var(--brand);
}

.admin-featured-tile summary {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px;
  color: var(--ink);
  cursor: pointer;
}

.admin-featured-tile summary::marker {
  color: var(--brand);
}

.admin-featured-tile img {
  width: 58px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.admin-featured-tile span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.admin-featured-tile strong,
.admin-featured-tile em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-featured-tile strong {
  font-size: 0.86rem;
}

.admin-featured-tile em {
  color: var(--muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 900;
}

.admin-featured-tools {
  display: flex;
  gap: 8px;
  padding: 0 8px 8px;
}

.admin-featured-tools .admin-edit-icon {
  width: 38px;
  height: 38px;
}

.admin-featured-inline {
  display: grid;
  gap: 10px;
  padding: 0 8px 10px;
}

.admin-featured-inline label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-featured-inline input,
.admin-featured-inline textarea,
.admin-featured-inline select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--ink);
  background: var(--panel);
  border: 0;
  border-bottom: 1px solid var(--line);
}

.admin-featured-inline textarea {
  resize: vertical;
}

.admin-product-group {
  background: transparent;
}

.admin-product-group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  padding: 0 14px;
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  background: var(--brand);
  cursor: pointer;
}

.admin-product-group summary::marker {
  color: #ffffff;
}

.admin-product-group summary strong {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  color: var(--brand);
  background: #ffffff;
}

.admin-product-group-body {
  display: grid;
  gap: 18px;
  padding-top: 14px;
}

.admin-product-row {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  min-height: 430px;
  padding: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.06);
}

.admin-product-row.is-active {
  border-color: var(--brand);
}

.admin-add-product {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 118px;
  color: var(--ink);
  background: var(--panel);
  border: 1px dashed color-mix(in srgb, var(--brand) 55%, var(--line));
  cursor: pointer;
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.04);
}

.admin-add-product span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  background: var(--brand);
}

.admin-add-product strong {
  font-size: 0.9rem;
  text-transform: uppercase;
}

.admin-add-product-small {
  min-height: 72px;
  grid-template-columns: auto auto;
  justify-content: center;
}

.admin-add-product-small span {
  width: 34px;
  height: 34px;
  font-size: 1.4rem;
}

.cms-product-number,
.cms-product-action {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-product-image {
  position: relative;
  display: block;
  width: min(100%, 320px);
  aspect-ratio: 4 / 5;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: var(--panel-soft);
  border: 0;
}

.admin-image-strip {
  display: flex;
  height: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.admin-image-strip::-webkit-scrollbar {
  display: none;
}

.admin-image-strip img {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  scroll-snap-align: center;
}

.admin-image-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(17, 17, 17, 0.1);
  transform: translateY(-50%);
}

.admin-image-prev {
  left: 10px;
}

.admin-image-next {
  right: 10px;
}

.admin-product-copy {
  display: grid;
  gap: 10px;
}

.admin-product-copy p,
.admin-blog-preview p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-product-copy h3 {
  font-size: 1.25rem;
}

.admin-inline-title,
.admin-inline-description,
.admin-inline-price input {
  width: 100%;
  color: var(--ink);
  background: var(--panel);
  border: 0;
  border-bottom: 1px solid var(--brand);
}

.admin-inline-title {
  min-height: 42px;
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-inline-description {
  min-height: 78px;
  padding: 10px 0;
  resize: vertical;
}

.admin-inline-price {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-inline-price input,
.admin-inline-price select {
  min-height: 42px;
  font-size: 1.1rem;
  font-weight: 900;
}

.admin-product-copy hr {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--line);
}

.admin-product-copy > span:not(.cms-product-number) {
  max-width: 48ch;
}

.admin-row-actions {
  display: grid;
  align-content: start;
  gap: 8px;
}

.admin-edit-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
}

.admin-edit-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.admin-delete-icon {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.cms-item-button {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 14px 0;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
}

.cms-item-button span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-item-button strong {
  font-size: 1rem;
}

.cms-item-button.is-active {
  color: var(--brand);
  border-bottom-color: var(--brand);
}

.cms-edit-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.admin-blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 24px;
}

.admin-blog-folder {
  margin-bottom: 18px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.05);
}

.admin-blog-folder summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  color: var(--ink);
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.admin-blog-folder summary::marker {
  color: var(--brand);
}

.admin-blog-folder summary strong {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  color: #ffffff;
  background: var(--brand);
}

.admin-blog-folder-list {
  display: grid;
  gap: 10px;
  padding: 0 18px 18px;
}

.admin-blog-folder-list p {
  margin: 0;
  color: var(--muted);
}

.admin-blog-folder-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px;
  color: var(--ink);
  text-align: left;
  background: var(--panel);
  border: 1px solid transparent;
}

.admin-blog-folder-item.is-active {
  border-color: var(--brand);
}

.admin-blog-folder-item img {
  width: 72px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.admin-blog-folder-item span {
  display: grid;
  gap: 4px;
}

.admin-blog-folder-item small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-blog-folder-item strong {
  overflow: hidden;
  font-size: 0.94rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-form {
  display: grid;
  gap: 16px;
  padding: 18px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.06);
}

.admin-blog-title-field,
.admin-blog-options label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-blog-title-field input,
.admin-blog-options input,
.admin-blog-options select {
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--panel);
  border: 0;
  border-bottom: 1px solid var(--line);
}

.admin-blog-title-field input {
  font-size: 1.25rem;
  font-weight: 900;
}

.admin-blog-editor {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
}

.admin-blog-upload-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 42px;
  height: 42px;
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.08);
}

.admin-blog-body-preview {
  display: grid;
  gap: 0;
}

.admin-blog-body-preview img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  border-bottom: 1px solid var(--line);
}

.admin-blog-body-preview textarea {
  width: 100%;
  min-height: 360px;
  padding: 22px;
  padding-right: 70px;
  color: var(--ink);
  line-height: 1.65;
  background: transparent;
  border: 0;
  resize: vertical;
}

.admin-blog-editor-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.admin-blog-editor-footer span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
}

.admin-blog-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.admin-blog-preview {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 22px;
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: 0 18px 54px rgba(17, 17, 17, 0.06);
}

.admin-blog-published-card {
  display: grid;
  gap: 16px;
  min-height: 292px;
  padding: 24px;
  border-top: 1px solid var(--line);
}

.admin-blog-preview img,
.admin-blog-published-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.admin-blog-published-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-blog-published-card span {
  color: var(--muted);
  line-height: 1.65;
  white-space: pre-line;
}

.admin-blog-published-card a {
  align-self: end;
  width: fit-content;
  border-bottom: 1px solid currentColor;
  font-weight: 900;
}

.cms-edit-heading {
  margin-top: 20px;
}

.cms-edit-form .button,
.cms-wide-field {
  grid-column: 1 / -1;
}

.cms-image-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-height: 92px;
  background: var(--panel);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
}

.cms-image-preview div {
  display: grid;
  gap: 8px;
  align-content: start;
}

.cms-image-preview img {
  width: 100%;
  height: 92px;
  object-fit: cover;
}

.cms-image-preview span {
  display: grid;
  place-items: center;
  min-height: 92px;
  color: var(--muted);
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-dashboard {
  display: grid;
  gap: 18px;
}

.admin-agent-grid {
  display: grid;
  gap: 18px;
}

.admin-creators-section > .admin-section-heading {
  display: none;
}

.admin-agent-card {
  display: grid;
  gap: 18px;
  padding: 22px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.admin-agent-card h3 {
  margin: 0;
  font-size: clamp(1.4rem, 3vw, 2.4rem);
}

.admin-agent-card p:not(.eyebrow) {
  max-width: 62ch;
  margin: 8px 0 0;
  color: var(--muted);
}

.admin-agent-card dl,
.admin-agent-preview-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: var(--line);
  border: 1px solid var(--line);
}

.admin-agent-card dl div,
.admin-agent-preview-panel div {
  min-height: 94px;
  padding: 16px;
  background: var(--panel-soft);
}

.admin-agent-card dt,
.admin-agent-preview-panel span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-agent-card dd,
.admin-agent-preview-panel strong {
  display: block;
  margin: 8px 0 0;
  overflow-wrap: break-word;
  word-break: normal;
  font-size: 1.08rem;
  font-weight: 900;
}

.dummy-agent-editor,
.dashboard-template-preview {
  border-color: color-mix(in srgb, var(--brand) 34%, var(--line));
}

.dummy-agent-header,
.interface-editor-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.warning-badge {
  width: fit-content;
  padding: 7px 10px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 36%, transparent);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-package-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.agent-cms-page-jump {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.agent-cms-page-jump .copy-code-button,
.agent-cms-page-jump .button {
  min-height: 46px;
  padding-inline: 22px;
}

.package-cms-stage {
  gap: 22px;
}

.package-only-grid {
  gap: 0;
  border: 1px solid var(--line);
}

.package-only-grid .agent-plan-card {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.package-only-grid .agent-plan-card:last-child {
  border-right: 0;
}

.agent-plan-card {
  position: relative;
  min-height: 0;
  border: 1px solid var(--line);
}

.agent-plan-card.is-admin-preview .button::after {
  content: " - preview only";
  font-size: 0.68rem;
  opacity: 0.72;
}

.package-edit-icon,
.dashboard-edit-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 38px;
  height: 38px;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.agent-plan-card:hover .package-edit-icon,
.agent-plan-card:focus-within .package-edit-icon,
.dashboard-template-preview:hover .dashboard-edit-icon,
.dashboard-template-preview:focus-within .dashboard-edit-icon {
  opacity: 1;
  transform: translateY(0);
}

.package-inline-editor {
  display: grid;
  gap: 9px;
  padding: 12px;
  background: color-mix(in srgb, var(--panel) 88%, var(--brand));
  border: 1px solid var(--line);
  border-radius: 8px;
}

.package-inline-editor label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.package-inline-editor input,
.package-inline-editor textarea {
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
}

.dashboard-template-preview {
  position: relative;
}

.package-dashboard-stage {
  overflow: hidden;
  padding: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.05), transparent 30%),
    linear-gradient(135deg, #0b0b0b, #141414);
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 14px;
}

.agent-flow-preview {
  gap: 22px;
}

.agent-flow-header {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.agent-flow-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 34px 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.agent-flow-shell {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.agent-flow-shell .agent-flow-topbar {
  border-bottom: 0;
}

.agent-flow-page-switch-row {
  position: relative;
  display: grid;
  justify-items: center;
  padding: 18px 36px 26px;
}

.agent-flow-page-switch-row::before,
.agent-flow-page-switch-row::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 265px);
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
}

.agent-flow-page-switch-row::before {
  left: 0;
}

.agent-flow-page-switch-row::after {
  right: 0;
}

.agent-flow-page-switch-row .agent-dashboard-page-switch {
  position: relative;
  z-index: 1;
}

.agent-flow-steps {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.agent-flow-steps button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 0;
  color: var(--ink);
  text-align: center;
  background: transparent;
  border: 0;
}

.agent-flow-steps button:not(:last-child)::after {
  content: "";
  width: 34px;
  height: 2px;
  margin-left: 2px;
  background: var(--brand);
}

.agent-flow-steps button.is-active strong {
  color: var(--brand);
}

.agent-flow-steps span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.36);
  border-radius: 999px;
  font-size: 1.2rem;
  font-weight: 900;
}

.agent-flow-steps button.is-active span {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.agent-flow-steps strong {
  color: #ffffff;
  font-size: 0.84rem;
  line-height: 1.15;
  text-transform: uppercase;
}

.agent-flow-stage {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1fr);
  gap: 24px;
  align-items: start;
  padding: 26px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-flow-toolbar {
  justify-content: flex-end;
}

.agent-flow-toolbar .button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 0 28px;
}

.agent-flow-toolbar svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.agent-payment-preview,
.agent-otp-preview {
  grid-template-columns: minmax(0, 720px);
  justify-content: center;
}

.agent-stage-copy h3 {
  font-size: clamp(1.8rem, 4vw, 3.8rem);
  text-transform: uppercase;
}

.agent-stage-copy p:not(.eyebrow) {
  color: var(--muted);
  line-height: 1.65;
}

.agent-flow-form {
  padding: 18px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.agent-login-preview {
  grid-template-columns: minmax(0, 1fr);
  min-height: 520px;
  background: rgba(0, 0, 0, 0.72);
}

.auth-grid.agent-flow-login-popup {
  position: static;
  inset: auto;
  min-height: 0;
  padding: 0;
  background: transparent;
  backdrop-filter: none;
}

.auth-grid.is-login-popup.agent-flow-login-popup .auth-card {
  width: min(980px, 100%);
}

.auth-grid.is-login-popup.agent-flow-login-popup .auth-visual {
  display: grid;
}

.agent-otp-card {
  display: grid;
  gap: 14px;
  padding: 22px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.agent-otp-card > strong {
  color: var(--brand);
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 0.9;
}

@media (max-width: 900px) {
  .agent-flow-topbar,
  .agent-access-code-card,
  .agent-access-info-grid {
    grid-template-columns: 1fr;
  }

  .agent-flow-topbar {
    padding: 22px;
  }

  .agent-flow-steps {
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .agent-flow-toolbar {
    justify-content: stretch;
  }

  .agent-flow-toolbar .button {
    justify-content: center;
    min-height: 48px;
  }

  .agent-access-preview {
    padding: 28px 20px;
  }

  .agent-access-intro {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
  }

  .agent-access-icon {
    width: 64px;
    height: 64px;
  }

  .agent-access-code-card {
    gap: 24px;
    padding: 28px 20px;
  }

  .agent-dashboard-page-switch {
    width: 100%;
  }

  .agent-dashboard-page-switch button {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 12px;
  }

  .agent-access-code-card > div:first-child {
    padding-right: 0;
    border-right: 0;
  }

  .agent-access-code-card h3 {
    font-size: clamp(2.3rem, 12vw, 4rem);
  }

  .agent-access-info-grid article {
    grid-template-columns: 54px minmax(0, 1fr);
    padding: 20px;
  }

  .agent-access-info-grid span {
    width: 50px;
    height: 50px;
  }

  .agent-flow-steps,
  .agent-flow-stage {
    grid-template-columns: minmax(0, 1fr);
  }
}

.compact-toolbar {
  position: relative;
  padding-right: 52px;
}

.dashboard-template-canvas {
  display: grid;
  gap: 16px;
  padding: 18px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.agent-access-preview {
  gap: 28px;
  padding: 60px 52px;
  color: #ffffff;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.agent-access-intro {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 32px;
  align-items: center;
}

.agent-access-icon,
.agent-access-info-grid span {
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.agent-access-icon {
  width: 96px;
  height: 96px;
}

.agent-access-icon svg,
.agent-access-info-grid svg {
  width: 34px;
  height: 34px;
  fill: var(--brand);
}

.agent-access-intro h3 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.agent-access-intro p,
.agent-access-code-actions p,
.agent-access-info-grid p {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  line-height: 1.45;
}

.agent-access-code-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 48px;
  align-items: center;
  padding: 56px 64px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
}

.agent-dashboard-page-switch {
  display: flex;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}

.agent-dashboard-page-switch button {
  min-height: 48px;
  padding: 0 22px;
  color: rgba(255, 255, 255, 0.74);
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-dashboard-page-switch button:last-child {
  border-right: 0;
}

.agent-dashboard-page-switch button.is-active {
  color: #ffffff;
  background: var(--brand);
}

.agent-access-code-card > div:first-child {
  padding-right: 48px;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.agent-access-code-card .eyebrow {
  color: rgba(255, 255, 255, 0.64);
  letter-spacing: 0.3em;
}

.agent-access-code-card h3 {
  width: fit-content;
  margin: 22px 0 0;
  padding-bottom: 20px;
  color: var(--brand);
  font-size: clamp(3rem, 6vw, 5rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 3px solid var(--brand);
}

.agent-access-code-actions {
  display: grid;
  gap: 26px;
}

.agent-access-code-actions > div {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.agent-access-code-actions .copy-code-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  color: var(--brand);
  background: rgba(0, 107, 79, 0.05);
  border-color: var(--brand);
}

.agent-access-code-actions .copy-code-button svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.agent-access-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
}

.agent-access-info-grid article {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  min-height: 126px;
  padding: 28px;
  background: rgba(255, 255, 255, 0.035);
}

.agent-access-info-grid span {
  width: 62px;
  height: 62px;
}

.agent-access-info-grid h4 {
  margin: 0;
  color: #ffffff;
  font-size: 1.25rem;
}

.dashboard-template-canvas.is-editing {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand) 48%, transparent);
}

.dashboard-template-canvas [contenteditable="true"] {
  outline: 2px dashed color-mix(in srgb, var(--brand) 58%, transparent);
  outline-offset: 5px;
}

.dashboard-design-editor {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 16px;
  background: var(--panel);
  border: 1px dashed color-mix(in srgb, var(--brand) 54%, var(--line));
}

.dashboard-design-editor strong {
  flex: 0 0 100%;
}

.dashboard-design-editor span {
  padding: 7px 10px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 22%, transparent);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-design-editor p {
  flex: 0 0 100%;
  margin: 4px 0 0;
  color: var(--muted);
}

.dashboard-template-banner {
  min-height: 76px;
  padding: 22px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 8px;
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-template-strip {
  display: flex;
  gap: 28px;
  overflow: hidden;
  padding: 10px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboard-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  background: transparent;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.dashboard-status span {
  display: block;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-status strong {
  display: block;
  margin-top: 4px;
  font-size: 1.25rem;
}

.agent-code-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  min-width: min(360px, 100%);
}

.agent-code-topline span {
  grid-column: 1 / -1;
}

.agent-code-topline strong {
  color: var(--brand);
  font-size: clamp(1.25rem, 3vw, 2rem);
  letter-spacing: 0.08em;
}

.copy-code-button {
  min-height: 34px;
  padding: 0 12px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--line));
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.copy-code-button:disabled {
  color: var(--muted);
  background: var(--panel-soft);
  border-color: var(--line);
}

.agent-code-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-code-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.agent-payout-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px 14px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.agent-payout-card p:not(.eyebrow, .form-note) {
  margin: 8px 0 0;
  color: var(--muted);
}

.agent-payout-card h3 {
  margin: 0;
  color: #12a150;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
}

.agent-payout-card .form-note {
  grid-column: 1 / -1;
}

.payout-request-button.is-positive {
  background: #0a8f3c;
  border-color: #0a8f3c;
}

.payout-request-button.is-zero {
  background: var(--brand);
  border-color: var(--brand);
}

.agent-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.agent-dashboard-tabs {
  width: fit-content;
  max-width: 100%;
  margin: 14px 0;
}

.agent-my-shop {
  display: grid;
  gap: 18px;
}

.agent-my-shop-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-my-shop-heading h3 {
  margin: 0;
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  text-transform: uppercase;
}

.agent-my-shop-heading p:not(.eyebrow) {
  margin: 6px 0 0;
  color: var(--muted);
}

.agent-my-shop-heading strong {
  color: var(--brand);
  font-size: 0.86rem;
  text-transform: uppercase;
}

.agent-my-shop-grid {
  display: grid;
  gap: 22px;
}

.agent-my-shop-import {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 16px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-my-shop-import label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agent-my-shop-import input {
  min-height: 48px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.agent-my-shop-import .form-note {
  grid-column: 1 / -1;
  margin: 0;
}

.agent-my-shop-preview.is-hidden {
  display: none;
}

.agent-shop-preview-card {
  margin: 0;
  color: #ffffff;
  background: #101010;
  border-color: rgba(255, 255, 255, 0.16);
}

.agent-shop-category-field {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-shop-category-field input {
  min-height: 48px;
  padding: 0 14px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
}

.agent-shop-category-field small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

.agent-shop-category-preview {
  display: grid;
  gap: 4px;
  margin: 6px 0 2px;
  padding: 12px 14px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
}

.agent-shop-category-preview strong {
  color: var(--brand);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.agent-shop-category-preview span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  line-height: 1.35;
}

.agent-shop-category-preview.is-new {
  border-color: rgba(0, 130, 93, 0.5);
}

.agent-shop-category-preview.is-full {
  border-color: rgba(255, 191, 64, 0.65);
}

.creator-publish-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
}

.creator-publish-dialog {
  width: min(760px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  display: grid;
  gap: 18px;
  padding: 20px;
  color: #ffffff;
  background: #050505;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.creator-publish-header,
.creator-publish-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.creator-publish-header span {
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.creator-publish-close {
  width: 36px;
  height: 36px;
  color: inherit;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  cursor: pointer;
}

.creator-publish-product {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.creator-publish-product img {
  width: 76px;
  aspect-ratio: 1;
  object-fit: contain;
  background: #ffffff;
  border-radius: 6px;
}

.creator-publish-product strong,
.creator-publish-product span {
  display: block;
}

.creator-publish-product strong {
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1.1;
  text-transform: uppercase;
}

.creator-publish-product span {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 800;
}

.creator-publish-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.creator-publish-choice,
.creator-publish-cover {
  display: grid;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.creator-publish-choice input,
.creator-publish-choice select,
.creator-publish-cover input {
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  color: #ffffff;
  background: #0d0d0d;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
}

.creator-publish-choice small,
.creator-publish-cover small,
.creator-publish-status {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}

.creator-publish-status {
  margin: 0;
}

.creator-publish-status.is-error {
  color: #ffbf40;
}

body:not(.dark-mode) .creator-publish-modal {
  background: rgba(255, 255, 255, 0.72);
}

body:not(.dark-mode) .creator-publish-dialog {
  color: #000000;
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

body:not(.dark-mode) .creator-publish-close,
body:not(.dark-mode) .creator-publish-product,
body:not(.dark-mode) .creator-publish-choice input,
body:not(.dark-mode) .creator-publish-choice select,
body:not(.dark-mode) .creator-publish-cover input {
  color: #000000;
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) .creator-publish-product span,
body:not(.dark-mode) .creator-publish-choice small,
body:not(.dark-mode) .creator-publish-cover small,
body:not(.dark-mode) .creator-publish-status {
  color: rgba(0, 0, 0, 0.62);
}

@media (max-width: 640px) {
  .creator-publish-dialog {
    padding: 16px;
  }

  .creator-publish-grid {
    grid-template-columns: 1fr;
  }

  .creator-publish-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.agent-my-shop-shelf {
  display: grid;
  gap: 12px;
}

.agent-my-shop-category-card {
  min-width: 180px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.agent-my-shop-category-card summary,
.public-creator-collection-card summary {
  list-style: none;
}

.agent-my-shop-category-card summary::-webkit-details-marker,
.public-creator-collection-card summary::-webkit-details-marker {
  display: none;
}

.agent-my-shop-collection-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  overflow: hidden;
  cursor: pointer;
}

.agent-my-shop-collection-summary::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0) 34%,
    rgba(255, 255, 255, 0.055) 48%,
    rgba(0, 130, 93, 0.045) 54%,
    rgba(255, 255, 255, 0) 66%,
    transparent 100%
  );
  opacity: 0;
  transform: translate3d(-145%, 0, 0) skewX(-12deg);
  will-change: transform, opacity;
  animation: orchidCollectionSheen 12s cubic-bezier(0.22, 1, 0.36, 1) 0.65s infinite;
}

.agent-my-shop-collection-summary:hover::after,
.agent-my-shop-collection-summary:focus-visible::after {
  animation: orchidCollectionSheenHover 1.15s cubic-bezier(0.22, 1, 0.36, 1) 1;
}

@keyframes orchidCollectionSheen {
  0% {
    opacity: 0;
    transform: translate3d(-145%, 0, 0) skewX(-12deg);
  }
  4% {
    opacity: 0.75;
  }
  10% {
    opacity: 0.34;
    transform: translate3d(145%, 0, 0) skewX(-12deg);
  }
  13%,
  100% {
    opacity: 0;
    transform: translate3d(145%, 0, 0) skewX(-12deg);
  }
}

@keyframes orchidCollectionSheenHover {
  0% {
    opacity: 0;
    transform: translate3d(-145%, 0, 0) skewX(-12deg);
  }
  45% {
    opacity: 0.62;
  }
  100% {
    opacity: 0;
    transform: translate3d(145%, 0, 0) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agent-my-shop-collection-summary::after {
    animation: none;
  }
}

.agent-my-shop-collection-summary img {
  width: 100%;
  aspect-ratio: 1 / 1.18;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
}

.agent-my-shop-collection-summary span {
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
}

.agent-my-shop-collection-summary strong {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-my-shop-collection-products,
.public-creator-collection-card .public-creator-grid {
  margin-top: 12px;
}

.agent-my-shop-shelf-group {
  display: grid;
  gap: 14px;
}

.agent-my-shop-collection-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 20px);
  align-items: start;
}

.agent-my-shop-collection-row .agent-my-shop-category-card[open] {
  grid-column: 1 / -1;
}

.agent-my-shop-collection-row .agent-my-shop-category-card[open] .agent-my-shop-collection-summary {
  width: min(100%, 190px);
  min-width: 0;
}

.agent-my-shop-collection-row.is-collection-open,
.public-creator-storefront.is-collection-open {
  display: grid;
  grid-template-columns: 1fr;
}

.agent-my-shop-collection-row.is-collection-open > .agent-my-shop-category-card:not([open]),
.public-creator-storefront.is-collection-open > :not(.public-creator-collection-card),
.public-creator-storefront.is-collection-open > .public-creator-collection-card:not([open]) {
  display: none;
}

.agent-my-shop-collection-row.is-collection-open > .agent-my-shop-category-card[open],
.public-creator-storefront.is-collection-open > .public-creator-collection-card[open] {
  display: grid;
  width: 100%;
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.agent-my-shop-collection-row.is-collection-open > .agent-my-shop-category-card[open] > summary,
.public-creator-storefront.is-collection-open > .public-creator-collection-card[open] > summary {
  display: none;
}

.agent-my-shop-back-button {
  grid-column: 1 / -1;
  width: fit-content;
}

.agent-my-shop-settings {
  padding: clamp(22px, 3vw, 34px);
  color: var(--shop-color, #ffffff);
  background: var(--shop-bg, #0b0b0b);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
}

.agent-my-shop-settings summary {
  list-style: none;
}

.agent-my-shop-settings summary::-webkit-details-marker {
  display: none;
}

.agent-my-shop-settings-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}

.agent-my-shop-settings-toggle span,
.agent-my-shop-settings-toggle strong {
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-my-shop-settings-toggle span {
  color: var(--brand);
}

.agent-my-shop-settings-toggle strong::after {
  content: "+";
  display: inline-block;
  margin-left: 10px;
  color: var(--brand);
}

.agent-my-shop-settings[open] .agent-my-shop-settings-toggle strong::after {
  content: "-";
}

.agent-my-shop-settings-body {
  display: grid;
  grid-template-columns: minmax(190px, 0.34fr) minmax(0, 0.96fr) minmax(230px, 0.42fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: start;
  padding-top: clamp(18px, 3vw, 30px);
}

.agent-my-shop-settings h3 {
  margin: 12px 0;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.agent-my-shop-settings-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.agent-my-shop-settings-form label,
.agent-my-shop-manual-fields label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agent-my-shop-settings-form input,
.agent-my-shop-settings-form select {
  width: 100%;
  min-height: 40px;
  padding: 9px 10px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
}

.agent-my-shop-public-preview {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  color: var(--preview-color, #fff);
  font-family: var(--preview-font, var(--font-ui));
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 42%),
    var(--preview-bg, #0b0b0b);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
}

.my-shop-public-preview-top {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 12px;
  align-items: center;
}

.my-shop-public-preview-top img {
  width: 58px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.my-shop-public-preview-top span,
.my-shop-public-preview-top strong,
.my-shop-public-preview-top p,
.my-shop-public-preview-stats span,
.my-shop-public-preview-stats strong,
.my-shop-public-preview-collections strong,
.my-shop-public-preview-collections span,
.my-shop-public-preview-products span,
.my-shop-public-preview-products strong {
  color: inherit;
}

.my-shop-public-preview-top span {
  display: block;
  color: var(--brand);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.my-shop-public-preview-top strong {
  display: block;
  margin-top: 2px;
  font-size: 1rem;
}

.my-shop-public-preview-top p {
  margin: 4px 0 0;
  color: color-mix(in srgb, currentColor 72%, transparent);
  font-size: 0.78rem;
  line-height: 1.35;
}

.my-shop-public-preview-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.my-shop-public-preview-stats article,
.my-shop-public-preview-collections article,
.my-shop-public-preview-products article {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.my-shop-public-preview-stats article {
  padding: 10px;
}

.my-shop-public-preview-stats strong {
  display: block;
  font-size: 1rem;
}

.my-shop-public-preview-stats span {
  color: color-mix(in srgb, currentColor 64%, transparent);
  font-size: 0.65rem;
  font-weight: 900;
  text-transform: uppercase;
}

.my-shop-public-preview-collections,
.my-shop-public-preview-products {
  display: grid;
  gap: 8px;
}

.my-shop-public-preview-collections {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.my-shop-public-preview-products {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.my-shop-public-preview-collections article,
.my-shop-public-preview-products article {
  display: grid;
  gap: 5px;
  padding: 7px;
}

.my-shop-public-preview-collections img,
.my-shop-public-preview-products img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
}

.my-shop-public-preview-collections strong,
.my-shop-public-preview-products strong {
  overflow: hidden;
  font-size: 0.66rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.my-shop-public-preview-collections span,
.my-shop-public-preview-products span {
  overflow: hidden;
  color: var(--brand);
  font-size: 0.62rem;
  font-weight: 900;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.agent-my-shop-grid-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.agent-my-shop-collection-products,
.public-creator-collection-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.agent-shop-card {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.agent-shop-media,
.shared-shop-media,
.public-creator-media,
.discover-product-media-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #f4f4f4;
}

.agent-shop-media-track,
.shared-shop-media-track,
.public-creator-media-track,
.discover-product-media-frame-track {
  display: flex;
  height: 100%;
  width: calc(var(--slide-count, 1) * 100%);
  transform: translateX(calc(var(--active-slide, 0) * -100% / var(--slide-count, 1)));
  transition: transform 420ms ease;
}

.agent-shop-media img,
.shared-shop-media img,
.public-creator-media img,
.discover-product-media-frame img,
.agent-shop-card > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  background: #f4f4f4;
}

.agent-shop-media img,
.shared-shop-media img,
.public-creator-media img,
.discover-product-media-frame img {
  flex: 0 0 calc(100% / var(--slide-count, 1));
}

.agent-shop-media-dots,
.shared-shop-media-dots,
.public-creator-media-dots,
.discover-product-media-frame-dots {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  gap: 5px;
  padding: 5px 6px;
  background: rgba(0, 0, 0, 0.52);
}

.agent-shop-media-dots span,
.shared-shop-media-dots span,
.public-creator-media-dots span,
.discover-product-media-frame-dots span {
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 999px;
  opacity: 0.72;
}

.discover-product-media-frame {
  aspect-ratio: 1 / 1.08;
}

.agent-shop-card span,
.agent-shop-brand {
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-shop-price {
  display: block;
  margin: 3px 0 8px;
  color: #ffffff;
  font-size: clamp(1.25rem, 2.4vw, 1.9rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.agent-shop-card h4 {
  margin: 4px 0;
  font-size: 1rem;
  text-transform: uppercase;
}

.agent-shop-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.agent-shop-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.agent-shop-card[draggable="true"] {
  cursor: grab;
}

.agent-shop-card[draggable="true"]:active {
  cursor: grabbing;
}

.agent-shop-card.is-dragging {
  opacity: 0.58;
}

.agent-shop-card.is-drop-target {
  outline: 2px dashed var(--brand);
  outline-offset: 4px;
}

.shared-shop-landing {
  display: grid;
  place-items: center;
  min-height: 62vh;
}

.public-creator-storefront {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 34px);
  width: min(100%, 1180px);
  margin: 0 auto;
  color: var(--shop-color, #ffffff);
  background: var(--shop-bg, transparent);
  font-family: var(--shop-font, inherit);
}

body.public-creator-storefront-open #shop > .section-heading,
body.public-creator-storefront-open #shop > .shop-toolbar,
body.public-creator-storefront-open #shop > .shopping-assistant {
  display: none;
}

.public-creator-hero {
  position: relative;
  overflow: hidden;
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(18px, 4vw, 42px);
  background: var(--panel);
  border: 1px solid var(--line);
}

.public-creator-hero h2 {
  max-width: 760px;
  margin: 8px 0;
  font-size: clamp(2rem, 5vw, 4.2rem);
  line-height: 0.94;
  text-transform: uppercase;
}

.public-creator-hero p,
.public-featured-product p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
}

.shared-shop-card {
  display: grid;
  grid-template-columns: minmax(220px, 420px) minmax(260px, 520px);
  gap: clamp(18px, 4vw, 42px);
  align-items: center;
  width: min(100%, 980px);
  padding: clamp(14px, 3vw, 28px);
  background: var(--panel);
  border: 1px solid var(--line);
}

.shared-shop-card h2 {
  margin: 0 0 10px;
  font-size: clamp(1.7rem, 4vw, 3rem);
  line-height: 1;
  text-transform: uppercase;
}

.public-featured-product h3 {
  margin: 0 0 10px;
  font-size: clamp(1.8rem, 4vw, 3.2rem);
  line-height: 1;
  text-transform: uppercase;
}

.shared-shop-card p {
  margin: 0;
  color: var(--muted);
}

.public-linked-product {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 40px);
  align-items: center;
  padding: clamp(16px, 3vw, 28px);
  background: var(--panel);
  border: 1px solid var(--line);
}

.public-linked-product h3 {
  max-width: 760px;
  margin: 10px 0;
  font-size: clamp(1.6rem, 4vw, 3.2rem);
  line-height: 1;
  text-transform: uppercase;
}

.public-linked-product p {
  margin: 0 0 18px;
  color: var(--muted);
}

.public-linked-product .agent-shop-price {
  display: block;
  margin-top: 12px;
  color: #ffffff;
  font-size: clamp(1.25rem, 2.5vw, 2.2rem);
}

.shared-shop-kicker {
  display: block;
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.public-creator-shelf {
  display: grid;
  gap: 12px;
}

.public-creator-collection-card {
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.public-creator-storefront > .public-creator-collection-card {
  display: grid;
  width: 100%;
  margin-right: 0;
}

.public-creator-storefront > .public-creator-collection-card[open] {
  display: grid;
  width: 100%;
  grid-column: 1 / -1;
  margin-right: 0;
}

.public-creator-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.public-creator-product {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.public-creator-product.is-featured {
  border-color: rgba(0, 130, 93, 0.72);
}

.public-creator-product span {
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.public-creator-product h4 {
  margin: 4px 0 0;
  font-size: 1rem;
  text-transform: uppercase;
}

.public-creator-product .agent-shop-price {
  display: block;
  margin-top: 6px;
  color: #ffffff;
  font-size: clamp(1.15rem, 1.8vw, 1.7rem);
}

.text-reveal,
.public-creator-hero h2,
.public-creator-hero p,
.agent-my-shop-collection-summary span,
.public-creator-product h4 {
  animation: orchidTextLift 760ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes orchidTextLift {
  0% {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .text-reveal,
  .public-creator-hero h2,
  .public-creator-hero p,
  .agent-my-shop-collection-summary span,
  .public-creator-product h4 {
    animation: none;
  }
}

.product-detail-dialog.is-partner-detail {
  grid-template-columns: minmax(280px, 0.85fr) minmax(280px, 0.65fr);
  width: min(100%, 1040px);
}

.product-detail-dialog.is-partner-detail .product-detail-copy {
  align-content: start;
  gap: 14px;
  padding: clamp(20px, 3vw, 34px);
}

.product-detail-dialog.is-partner-detail .product-detail-copy h3 {
  font-size: clamp(1.55rem, 3vw, 2.65rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.product-detail-dialog.is-partner-detail .product-detail-price-row strong {
  font-size: clamp(1.25rem, 2.2vw, 2rem);
  font-weight: 900;
}

.product-detail-dialog.is-partner-detail .product-detail-wishlist,
.product-detail-dialog.is-partner-detail .product-detail-quantity,
.product-detail-dialog.is-partner-detail .product-detail-perks {
  display: none;
}

.product-detail-dialog.is-partner-detail .product-detail-action {
  flex: 0 1 220px;
  min-height: 54px;
}

@media (max-width: 760px) {
  .public-creator-storefront {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-creator-hero {
    align-items: start;
    flex-direction: column;
  }

  .shared-shop-card {
    grid-template-columns: 1fr;
  }

  .public-linked-product {
    grid-template-columns: 1fr;
  }

  .public-creator-grid,
  .agent-my-shop-collection-products,
  .public-creator-collection-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.agent-shop-actions .button,
.agent-shop-actions .copy-code-button {
  min-height: 34px;
}

.brands-section {
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 12%, rgba(166, 18, 45, 0.22), transparent 28%),
    #070707;
}

.agent-section,
.brands-section {
  align-content: center;
  min-height: calc(100svh - 154px);
}

.brand-public,
.brand-dashboard {
  display: grid;
  gap: clamp(20px, 3vw, 34px);
}

.public-access-card,
.brand-public .brand-auth-card {
  justify-self: center;
}

.brand-hero,
.brand-dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: clamp(22px, 5vw, 64px);
  align-items: end;
  min-height: 420px;
  padding: clamp(28px, 5vw, 64px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 44%),
    #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
}

.brand-hero h2,
.brand-dashboard-hero h2 {
  max-width: 820px;
  margin: 18px 0;
  font-size: clamp(2.4rem, 6vw, 5.8rem);
  line-height: 0.92;
}

.brand-hero p,
.brand-dashboard-hero p,
.brand-info-grid p,
.brand-dashboard-card p,
.brand-list p {
  color: rgba(255, 255, 255, 0.68);
}

.brand-action-row,
.brand-dashboard-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.compact-brand-actions {
  margin-top: 6px;
}

.brand-hero-panel,
.brand-info-grid,
.brand-metric-grid,
.brand-list {
  display: grid;
  gap: 12px;
}

.brand-hero-panel article,
.brand-info-grid article,
.brand-dashboard-card,
.brand-metric-grid article,
.brand-list article,
.brand-auth-card {
  padding: clamp(18px, 3vw, 28px);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.brand-hero-panel span,
.brand-metric-grid span,
.brand-list span {
  color: var(--brand);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.brand-info-grid,
.brand-metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-auth-card {
  display: grid;
  grid-template-columns: minmax(240px, 0.38fr) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 44px);
}

.brand-auth-card.auth-card {
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.8fr);
  align-items: stretch;
  max-width: none;
  padding: 0;
  overflow: hidden;
}

.brand-auth-card .auth-visual {
  display: grid;
}

.brand-auth-card .auth-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.brand-auth-card .auth-form button,
.brand-auth-card .form-note,
.brand-auth-card [data-brand-otp-field] {
  grid-column: 1 / -1;
}

.brand-dashboard-tabs button {
  min-height: 42px;
  padding: 0 14px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.brand-dashboard-tabs button.is-active {
  color: #0b0b0b;
  background: #ffffff;
}

.cms-pencil-toggle,
.cms-image-toggle,
.cms-plus-toggle {
  min-width: 46px;
}

.cms-pencil-toggle svg,
.cms-image-toggle svg,
.cms-plus-toggle svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.cms-pencil-toggle.is-active {
  color: #ffffff;
  background: var(--brand);
}

.cms-page-mirror {
  display: grid;
  gap: 16px;
}

.cms-mirror-toolbar,
.cms-page-fields,
.cms-static-dashboard-editor {
  padding: clamp(18px, 3vw, 28px);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.cms-mirror-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.cms-brand-live-preview {
  min-height: 0;
  padding: clamp(20px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.cms-home-live-preview {
  container-type: inline-size;
  min-height: calc(100vh - 116px);
  min-height: calc(100svh - 116px);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
}

.cms-home-live-preview .landing-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  min-height: calc(100vh - 116px);
  min-height: calc(100svh - 116px);
  max-width: 760px;
  padding: clamp(86px, 12vh, 150px) 5vw 88px;
}

.cms-home-live-preview .landing-hero-copy h2 {
  font-size: clamp(4rem, 9.2cqw, 8rem);
}

.cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
  font-size: clamp(0.95rem, 1.28cqw, 1.16rem);
}

.cms-home-live-preview .cms-home-animation {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: calc(100vh - 116px);
  height: calc(100svh - 116px);
  min-height: 620px;
  overflow: hidden;
}

.home-animation-custom {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.cms-home-live-preview .landing-marquee {
  width: 100%;
  margin: 0;
}

.cms-live-ad-fields {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 18px;
  color: #ffffff;
  background: rgba(0, 107, 79, 0.08);
  border: 1px solid rgba(0, 107, 79, 0.36);
  border-radius: 8px;
}

.cms-live-ad-fields legend {
  padding: 0 8px;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cms-live-ad-fields p {
  grid-column: 1 / -1;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
}

.cms-live-ad-fields label {
  display: grid;
  gap: 7px;
  color: #ffffff;
  font-weight: 900;
}

.cms-live-ad-fields input {
  min-height: 44px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
}

@media (max-width: 820px) {
  .cms-live-ad-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .cms-live-ad-fields {
    grid-template-columns: 1fr;
  }
}

body.page-brands #brands > .brand-public:not(.is-hidden),
body.page-brands #brands > .brand-dashboard:not(.is-hidden) {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.page-brands #brands > .is-hidden {
  display: none !important;
}

.cms-page-mirror [contenteditable="true"] {
  outline: 2px solid rgba(0, 107, 79, 0.75);
  outline-offset: 4px;
  cursor: text;
}

.cms-page-mirror [data-cms-inline].is-cms-text-selected {
  outline: 2px solid var(--brand);
  outline-offset: 6px;
  box-shadow: 0 0 0 4px rgba(0, 107, 79, 0.18);
  cursor: move;
  user-select: text;
}

.cms-page-mirror [data-cms-product-text].is-cms-text-selected {
  outline: 2px solid var(--brand);
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(0, 107, 79, 0.18);
}

[data-cms-object] {
  position: relative;
  transform: translate(var(--cms-x, 0), var(--cms-y, 0));
  transition: outline-color 140ms ease, transform 120ms ease;
}

.cms-page-mirror.is-direct-editing [data-cms-object] {
  outline: 1px dashed rgba(255, 255, 255, 0.22);
  outline-offset: 6px;
  min-width: 80px;
  min-height: 38px;
  resize: both;
  overflow: auto;
  cursor: default;
}

.cms-page-mirror.is-direct-editing [data-cms-object]:hover,
.cms-page-mirror.is-direct-editing [data-cms-object]:focus-within {
  outline-color: var(--brand);
}

.cms-page-mirror.is-direct-editing [data-cms-object].is-cms-selected {
  outline: 2px solid var(--brand);
  outline-offset: 8px;
  box-shadow: 0 0 0 1px rgba(0, 107, 79, 0.25), 0 18px 45px rgba(0, 0, 0, 0.34);
}

.cms-page-mirror.is-direct-editing [data-cms-object].is-cms-selected::after {
  content: "";
  position: absolute;
  inset: -12px;
  pointer-events: none;
  background:
    linear-gradient(var(--brand), var(--brand)) left top / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) right top / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) left bottom / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) right bottom / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) center top / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) center bottom / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) left center / 9px 9px no-repeat,
    linear-gradient(var(--brand), var(--brand)) right center / 9px 9px no-repeat;
}

.cms-floating-toolbar {
  display: none !important;
  position: fixed;
  z-index: 80;
  width: min(1120px, calc(100vw - 28px));
  max-height: 44vh;
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.92);
  border: 1px solid rgba(0, 107, 79, 0.55);
  border-radius: 8px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.46);
  transform: translateX(-50%);
}

.cms-floating-toolbar.is-text-toolbar {
  width: min(820px, calc(100vw - 28px));
  grid-template-columns: minmax(0, 1fr);
}

.cms-toolbar-section {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.cms-toolbar-section strong {
  width: 100%;
  font-size: 0.75rem;
  text-transform: uppercase;
}

.cms-toolbar-section button,
.cms-toolbar-section select,
.cms-toolbar-section input,
.cms-toolbar-section label {
  min-height: 32px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  font-size: 0.74rem;
  font-weight: 800;
}

.cms-toolbar-section input,
.cms-toolbar-section select {
  padding: 4px 7px;
}

.cms-toolbar-section input[type="number"] {
  width: 72px;
}

.cms-toolbar-section input[type="color"] {
  width: 38px;
  padding: 2px;
}

.cms-toolbar-section label {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  padding: 0 6px;
}

.cms-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: end;
}

.cms-preview-actions > button:not(.button) {
  min-height: 38px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 5px;
  font-weight: 900;
}

.cms-preview-actions > button.is-active {
  background: var(--brand);
  border-color: var(--brand);
}

.cms-shop-live-mirror.is-mobile-preview {
  max-width: 430px;
  justify-self: center;
}

.cms-product-card-shell {
  position: relative;
}

.landing-bundle-image,
.cms-product-card-shell,
.cms-page-mirror .product-visual {
  position: relative;
}

.cms-image-upload-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 18;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 14px;
  color: #ffffff;
  background: rgba(0, 107, 79, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.36);
  transform: translate(-50%, -50%);
}

.cms-image-upload-badge svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.cms-image-upload-badge:hover {
  background: #ffffff;
  color: var(--brand);
}

.cms-card-edit-actions {
  display: none !important;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 12;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: calc(100% - 20px);
}

.cms-card-edit-actions .copy-code-button {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 0.66rem;
  background: rgba(0, 0, 0, 0.82);
}

.danger-button {
  color: #ffffff;
  border-color: rgba(0, 107, 79, 0.8);
  background: rgba(0, 107, 79, 0.78) !important;
}

.product-badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 7px;
  padding: 3px 7px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-object-controls {
  display: none !important;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-width: min(92%, 520px);
  padding: 6px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}

.cms-object-controls button,
.cms-object-controls label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 3px 7px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 900;
}

.cms-object-controls input[type="color"] {
  width: 24px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
}

[data-cms-draggable] {
  min-width: 260px;
}

[data-cms-draggable].is-dragging {
  opacity: 0.58;
  outline: 2px dashed var(--brand);
}

.cms-product-live-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(22px, 4vw, 44px);
}

.cms-product-live-grid .product-card {
  cursor: pointer;
}

.auth-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 6px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
}

.auth-mode-switch button {
  min-height: 42px;
  color: #ffffff;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.auth-mode-switch button.is-active {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.auth-mode-switch button:only-child {
  width: 100%;
}

.auth-signup-link {
  justify-self: start;
  margin-top: 2px;
  font-size: 0.9rem;
  text-transform: none;
}

.auth-signup-link::before {
  content: "New here? ";
  color: rgba(255, 255, 255, 0.72);
  font-weight: 500;
}

.auth-signup-link.is-active {
  color: var(--brand);
}

.password-strength {
  display: grid;
  gap: 6px;
  margin-top: -4px;
  padding: 10px 12px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  font-size: 0.82rem;
}

.password-strength span {
  display: block;
  color: #ffffff;
  font-weight: 900;
}

.password-strength span::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  margin-top: 7px;
  background: linear-gradient(90deg, var(--brand) var(--strength-fill, 12%), rgba(255, 255, 255, 0.16) 0);
  border-radius: 999px;
}

.password-strength[data-strength="0"] { --strength-fill: 8%; }
.password-strength[data-strength="1"] { --strength-fill: 20%; }
.password-strength[data-strength="2"] { --strength-fill: 40%; }
.password-strength[data-strength="3"] { --strength-fill: 60%; }
.password-strength[data-strength="4"] { --strength-fill: 80%; }
.password-strength[data-strength="5"] { --strength-fill: 100%; }

.password-strength p {
  margin: 0;
}

.cms-page-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.cms-page-fields .button,
.cms-static-dashboard-editor .button,
.cms-edit-heading {
  grid-column: 1 / -1;
}

.agent-dashboard-grid .dashboard-panel {
  min-width: 0;
}

.live-purchase-box,
.agent-growth-panel {
  display: grid;
  gap: 10px;
  align-content: start;
  justify-self: stretch;
  width: fit-content;
  max-width: 100%;
  min-height: 0;
  padding: 12px 14px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.live-purchase-box {
  position: static;
  grid-column: auto;
  grid-row: auto;
}

.live-purchase-box h3,
.agent-growth-panel h3 {
  margin: 0;
  text-align: center;
  text-wrap: balance;
  width: fit-content;
  max-width: 100%;
  justify-self: center;
  line-height: 1.08;
}

.live-purchase-box [data-agent-live-orders] {
  display: grid;
  gap: 10px;
}

.live-purchase-box article {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.live-purchase-box article span,
.live-purchase-box article small,
.live-purchase-box p {
  margin: 0;
  color: var(--muted);
}

.growth-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.agent-growth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.growth-card {
  display: grid;
  gap: 8px;
  min-height: 180px;
  padding: 14px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.growth-card span,
.growth-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.growth-card strong {
  font-size: 1.35rem;
}

.growth-card.is-positive {
  border-color: rgba(20, 131, 59, 0.42);
}

.growth-card.is-negative {
  border-color: rgba(0, 107, 79, 0.38);
}

.growth-bars {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: end;
  gap: 6px;
  min-height: 74px;
  margin-top: auto;
}

.growth-bars i {
  display: block;
  min-height: 10px;
  background: #14833b;
}

.growth-card.is-negative .growth-bars i {
  background: var(--brand);
}

.agent-code-card h3 {
  width: fit-content;
  padding: 0;
  color: #12a150;
  font-size: clamp(1.35rem, 3vw, 2.4rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 0;
}

.agent-code-card.has-code h3 {
  color: #12a150;
}

.admin-settings-section {
  padding-top: 4px;
}

.security-settings-shell {
  display: grid;
  gap: 18px;
}

.security-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.security-status-card,
.security-settings-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.security-status-card {
  min-height: 150px;
  align-content: start;
}

.security-status-card span {
  width: fit-content;
  padding: 5px 8px;
  color: #ffffff;
  background: #14833b;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.security-status-card.is-warning span {
  background: var(--brand);
}

.security-status-card strong,
.security-settings-card h3 {
  margin: 0;
  font-size: 1.35rem;
}

.security-status-card p,
.security-settings-card p:not(.eyebrow),
.security-toggle small {
  margin: 0;
  color: var(--muted);
}

.security-settings-form {
  display: grid;
  gap: 18px;
}

.security-policy-card {
  grid-template-columns: minmax(240px, 0.52fr) minmax(0, 1fr);
  align-items: start;
}

.security-toggle-grid,
.security-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.security-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 86px;
  padding: 14px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.security-toggle strong,
.security-toggle small {
  display: block;
}

.security-toggle input {
  width: 46px;
  height: 24px;
  accent-color: var(--brand);
}

.security-field-grid label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.security-field-grid input,
.security-field-grid select {
  min-height: 42px;
  padding: 9px 10px;
  color: var(--ink);
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.security-config-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: var(--line);
  border: 1px solid var(--line);
}

.security-config-list div {
  min-height: 90px;
  padding: 14px;
  background: var(--panel-soft);
}

.security-config-list dt,
.security-audit-list span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.security-config-list dd {
  margin: 8px 0 0;
  overflow-wrap: break-word;
  font-weight: 900;
}

.security-audit-list {
  display: grid;
  gap: 10px;
}

.security-audit-list article {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) minmax(180px, 0.5fr);
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.security-audit-list article:last-child {
  border-bottom: 0;
}

.security-audit-list strong {
  text-transform: capitalize;
}

.security-audit-list p {
  overflow-wrap: break-word;
  text-align: right;
}

.security-settings-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.agent-code-card p:not(.eyebrow) {
  display: none;
  max-width: 52ch;
  margin: 6px 0 0;
  color: var(--muted);
}

.agent-code-generator {
  display: grid;
  gap: 12px;
}

.agent-code-generator label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.agent-code-generator input {
  min-height: 46px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--panel);
  border: 0;
  border-bottom: 1px solid var(--line);
}

.dashboard-panel {
  width: fit-content;
  max-width: 100%;
  padding: 14px;
}

.dashboard-panel.is-hidden {
  display: none;
}

.metric-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 12px;
  background: var(--line);
  border: 1px solid var(--line);
}

.metric-row div {
  min-height: 0;
  padding: 12px 14px;
  background: var(--panel-soft);
}

.metric-row span {
  color: var(--muted);
}

.activity-table {
  display: grid;
  border-top: 1px solid var(--line);
}

.activity-table [role="row"] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 52px;
  border-bottom: 1px solid var(--line);
}

.activity-table [role="row"]:last-child {
  border-bottom: 0;
}

.activity-table span {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border-right: 1px solid var(--line);
  overflow-wrap: break-word;
  word-break: normal;
}

.activity-table span:last-child {
  border-right: 0;
}

.activity-table [role="columnheader"] {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-grid {
  display: grid;
  gap: 30px;
}

.blog-grid.is-reader-open {
  display: none;
}

.blog-lead-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.58fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 44px);
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--line);
}

.blog-lead-image,
.blog-list-image {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
}

.blog-lead-image img,
.blog-card-image {
  width: 100%;
  object-fit: cover;
}

.blog-lead-image img {
  aspect-ratio: 16 / 10;
}

.blog-lead-copy {
  display: grid;
  gap: 14px;
  align-content: center;
}

.blog-lead-copy h3 {
  max-width: 820px;
  font-size: clamp(2.15rem, 5vw, 5rem);
  line-height: 0.95;
}

.blog-lead-copy p,
.blog-excerpt {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.65;
}

.blog-latest-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
}

.blog-latest-heading h3 {
  font-size: clamp(1.6rem, 3vw, 2.6rem);
}

.blog-latest-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.blog-list-card {
  display: grid;
  grid-template-columns: minmax(170px, 260px) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: start;
  padding: 22px 0;
  border-top: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
}

.blog-list-card > div {
  display: grid;
  gap: 9px;
}

.blog-list-card h3 {
  max-width: 780px;
  font-size: clamp(1.35rem, 2.2vw, 2.35rem);
  line-height: 1.05;
}

.blog-card-image {
  aspect-ratio: 4 / 3;
}

.blog-post-kicker {
  display: inline-flex;
  width: fit-content;
  color: #d90000;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.blog-post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  color: var(--muted);
  font-size: 0.86rem;
}

.blog-post-meta strong {
  color: var(--ink);
}

.journal-intelligence-shell {
  position: relative;
  display: grid;
  gap: clamp(24px, 4vw, 48px);
  overflow: hidden;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, var(--panel) 88%, var(--brand) 12%), var(--panel));
}

.journal-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 999px;
  background: #006b4f;
  box-shadow: 0 0 0 0 rgba(0, 107, 79, 0.5);
  animation: journal-live-pulse 1.8s infinite;
}

@keyframes journal-live-pulse {
  70% { box-shadow: 0 0 0 8px rgba(0, 107, 79, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 107, 79, 0); }
}

.journal-source-links {
  max-width: 760px;
  padding: 22px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.journal-source-links > span {
  display: block;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.journal-source-links > div {
  display: grid;
  gap: 8px;
}

.journal-source-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--panel);
  font-weight: 800;
  text-decoration: none;
}

.journal-source-links a:hover,
.journal-source-links a:focus-visible {
  border-color: #006b4f;
  color: #006b4f;
}

.journal-topline,
.journal-section-head,
.journal-trending-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.journal-topline {
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.journal-topline span:first-child,
.journal-section-head h2,
.journal-trending-head strong {
  color: var(--ink);
}

.journal-market-ticker {
  overflow: hidden;
  border-block: 1px solid var(--line);
}

.journal-market-track {
  display: flex;
  width: max-content;
  min-width: 100%;
  animation: journal-ticker 38s linear infinite;
}

.journal-market-ticker:hover .journal-market-track {
  animation-play-state: paused;
}

.journal-market-track span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 12px 22px;
  color: var(--muted);
  font-size: 0.78rem;
  white-space: nowrap;
}

.journal-market-track strong {
  color: var(--brand);
  text-transform: uppercase;
}

@keyframes journal-ticker {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.journal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(280px, 0.78fr);
  gap: clamp(24px, 5vw, 70px);
  align-items: center;
}

.journal-hero-copy {
  display: grid;
  gap: 18px;
  align-content: center;
}

.journal-hero-copy h1 {
  max-width: 980px;
  font-size: clamp(3rem, 8vw, 8rem);
  line-height: 0.88;
  letter-spacing: 0;
}

.journal-hero-copy p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.7;
}

.journal-hero-copy .button {
  width: fit-content;
}

.journal-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  color: var(--muted);
  font-size: 0.88rem;
}

.journal-avatar {
  display: inline-grid;
  width: 42px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--brand) 60%, var(--line));
  border-radius: 50%;
  background: color-mix(in srgb, var(--brand) 18%, var(--panel));
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 900;
}

.journal-hero-media,
.journal-feature-image,
.journal-latest-image {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
}

.journal-hero-media img,
.journal-feature-image img,
.journal-latest-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease, filter 500ms ease;
}

.journal-hero-media {
  aspect-ratio: 4 / 5;
  min-height: 420px;
}

.journal-hero-media:hover img,
.journal-feature-image:hover img,
.journal-latest-image:hover img {
  transform: scale(1.035);
  filter: contrast(1.05);
}

.journal-hero-media span {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--brand) 55%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 70%, transparent);
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.journal-cat-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

.journal-cat-pill {
  flex: 0 0 auto;
  padding: 9px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.journal-cat-pill.is-active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.journal-section {
  display: grid;
  gap: 18px;
}

.journal-section-head {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.journal-section-head h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: 0.9;
}

.journal-section-head sup {
  margin-left: 8px;
  color: var(--brand);
  font-size: 0.9rem;
}

.journal-section-head span {
  max-width: 520px;
  color: var(--muted);
  line-height: 1.5;
  text-align: right;
}

.journal-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.journal-feature-card {
  display: grid;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.journal-feature-image {
  aspect-ratio: 16 / 11;
}

.journal-feature-copy {
  display: grid;
  gap: 8px;
}

.journal-feature-copy h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 2.25rem);
  line-height: 1.02;
}

.journal-feature-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.journal-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.36fr);
  gap: clamp(24px, 4vw, 42px);
  align-items: start;
}

.journal-latest-list {
  display: grid;
  border-top: 1px solid var(--line);
}

.journal-latest-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
}

.journal-latest-image {
  aspect-ratio: 4 / 3;
}

.journal-latest-row h3 {
  margin: 4px 0 8px;
  font-size: clamp(1.15rem, 1.8vw, 1.9rem);
  line-height: 1.05;
}

.journal-trending-panel {
  position: sticky;
  top: 100px;
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 90%, var(--brand) 10%);
}

.journal-trending-head {
  margin-bottom: 8px;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.journal-trending-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 4px 12px;
  width: 100%;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
}

.journal-trending-row span {
  grid-row: span 2;
  color: var(--brand);
  font-weight: 900;
}

.journal-trending-row strong {
  line-height: 1.25;
}

.journal-trending-row small {
  color: var(--muted);
  font-size: 0.76rem;
}

.journal-empty-state {
  min-height: 360px;
  align-content: center;
}

.journal-empty-state h2 {
  margin: 0;
  font-size: clamp(2rem, 5vw, 5rem);
}

.journal-empty-state p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

@media (prefers-reduced-motion: reduce) {
  .journal-market-track {
    animation: none;
  }
}

@media (max-width: 980px) {
  .journal-hero,
  .journal-split {
    grid-template-columns: 1fr;
  }

  .journal-hero-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .journal-trending-panel {
    position: static;
  }
}

@media (max-width: 720px) {
  .journal-intelligence-shell {
    gap: 22px;
    padding: 14px;
    border-radius: 8px;
  }

  .journal-topline,
  .journal-section-head,
  .journal-trending-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .journal-section-head span {
    text-align: left;
  }

  .journal-market-track span {
    padding: 10px 16px;
    font-size: 0.72rem;
  }

  .journal-hero-copy {
    gap: 14px;
  }

  .journal-hero-copy h1 {
    font-size: clamp(2.2rem, 16vw, 4.4rem);
    line-height: 0.9;
  }

  .journal-hero-copy p {
    font-size: 0.95rem;
  }

  .journal-hero-copy .button {
    width: 100%;
  }

  .journal-cat-pill {
    padding: 8px 12px;
    font-size: 0.7rem;
  }

  .journal-feature-grid {
    grid-template-columns: 1fr;
  }

  .journal-latest-row {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 12px;
  }

  .journal-latest-row h3 {
    font-size: 1rem;
  }

  .journal-trending-panel {
    padding: 14px;
  }
}

.blog-excerpt {
  color: var(--muted);
}

.blog-font-serif {
  font-family: var(--font-editorial);
}

.blog-font-condensed {
  font-family: var(--font-ui);
  font-weight: 600;
}

.blog-font-playfair {
  font-family: var(--font-editorial);
}

.blog-font-montserrat {
  font-family: var(--font-ui);
}

.blog-font-lora {
  font-family: var(--font-editorial);
}

.blog-font-oswald {
  font-family: var(--font-ui);
}

.blog-font-poppins {
  font-family: var(--font-ui);
}

.blog-grid a,
.blog-read-button {
  align-self: end;
  width: fit-content;
  padding: 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid currentColor;
  font-weight: 900;
}

.blog-reader {
  position: relative;
  display: grid;
  gap: 22px;
  max-width: 1080px;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

.blog-reader-main {
  display: grid;
  gap: 18px;
}

.blog-reader-main > img {
  width: 100%;
  max-height: 590px;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.blog-reader-main > h1 {
  max-width: 930px;
  font-size: clamp(2.2rem, 5.4vw, 5.8rem);
  line-height: 0.94;
}

.blog-reader-main h4 {
  max-width: 840px;
  margin: -4px 0 2px;
  color: var(--muted);
  font-size: clamp(1.2rem, 2.2vw, 1.75rem);
  line-height: 1.45;
}

.blog-reader-meta {
  padding-bottom: 6px;
}

.blog-reader p,
.blog-suggestions p {
  margin: 0;
}

.blog-reader-body {
  max-width: 760px;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.86;
}

.blog-reader-body p {
  margin: 0 0 24px;
}

.blog-reader-body h2 {
  margin: 34px 0 14px;
  font-size: clamp(1.65rem, 3vw, 2.7rem);
  line-height: 1.08;
}

.blog-reader-body blockquote {
  margin: 30px 0;
  padding-left: 22px;
  color: var(--ink);
  border-left: 4px solid #d90000;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  font-weight: 800;
  line-height: 1.35;
}

.blog-inline-image {
  display: grid;
  gap: 8px;
  margin: 28px 0;
}

.blog-inline-image img {
  width: min(620px, 100%);
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.blog-inline-image figcaption {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-reader-close {
  position: absolute;
  top: 24px;
  right: 0;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  font-weight: 900;
}

.blog-suggestions {
  display: grid;
  gap: 14px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.blog-suggestions > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.blog-suggestions button {
  display: grid;
  gap: 10px;
  padding: 0;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
}

.blog-suggestions img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.blog-suggestions span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-suggestions strong {
  font-size: 1rem;
  line-height: 1.2;
}

.blog-share-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 18px;
}

.blog-share-row span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.blog-share-row a {
  min-height: 34px;
  padding: 8px 12px;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 900;
}

.blog-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) auto;
  gap: 12px;
  align-items: end;
  max-width: 860px;
  margin-top: 16px;
  padding: 18px;
  background: var(--panel-soft);
  border: 1px solid var(--line);
}

.blog-newsletter div,
.blog-newsletter label {
  display: grid;
  gap: 6px;
}

.blog-newsletter span,
.blog-newsletter label {
  color: var(--muted);
  font-size: 0.88rem;
}

.blog-newsletter input {
  min-height: 42px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
}

.blog-newsletter button {
  min-height: 42px;
  padding: 0 18px;
  color: #fff;
  background: #d90000;
  border: 0;
  font-weight: 900;
}

@media (max-width: 900px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-lead-card,
  .blog-list-card {
    grid-template-columns: 1fr;
  }

  .blog-list-image {
    max-width: 360px;
  }

  .blog-suggestions > div {
    grid-template-columns: 1fr;
  }

  .blog-newsletter {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .blog-list-image {
    max-width: none;
  }

  .blog-reader {
    margin-top: 20px;
  }

  .blog-reader-main > h1 {
    font-size: clamp(2rem, 13vw, 3.6rem);
  }
}

/* v358 scroll restoration and final route ownership. Standard pages use the
   document scrollbar; only full-screen embedded applications own a viewport. */
html {
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body:not(.page-home):not(.page-tali):not(.page-admin):not(.public-auth-modal-open) {
  height: auto !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-x pan-y !important;
}

html body.page-brands:not(.public-auth-modal-open),
html body.page-brands:not(.public-auth-modal-open) main,
html body.page-brands:not(.public-auth-modal-open) #brands,
html body.page-creators:not(.public-auth-modal-open),
html body.page-creators:not(.public-auth-modal-open) main,
html body.page-creators:not(.public-auth-modal-open) #creators {
  height: auto !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overscroll-behavior-y: auto !important;
}

html body.page-brands .site-footer,
html body.page-creators .site-footer {
  display: flex !important;
}

/* Universal Tali profile images remain circular and never inherit a light
   mode rectangle. */
.orchid-chat-button [data-tali-global-avatar].has-image {
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  overflow: hidden !important;
  border: 1px solid #006b4f !important;
  border-radius: 50% !important;
  background-color: #000 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar].has-image {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background-color: #000 !important;
}

/* Brand storefront integration and final responsive safeguards — v358 */
.brand-storefront-route {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: clamp(20px, 4vw, 64px);
  color: var(--ink);
  background: var(--paper);
}

.brand-storefront-route :is(button, input, select, a) {
  font: inherit;
}

.brand-directory-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(24px, 5vw, 80px);
  align-items: end;
  min-height: clamp(330px, 48vw, 610px);
  padding: clamp(28px, 6vw, 92px);
  color: #fff;
  background: #000;
  border: 1px solid rgba(0, 107, 79, 0.55);
  border-radius: 28px;
}

.brand-directory-kicker,
.brand-directory-heading span,
.os-product-copy > span,
.os-content-grid article > span {
  color: #006b4f;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.brand-directory-hero h1 {
  max-width: 11ch;
  margin: 16px 0 20px;
  font-family: var(--serif-font);
  font-size: clamp(3rem, 7vw, 7.7rem);
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.045em;
  overflow-wrap: normal;
}

.brand-directory-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: clamp(.98rem, 1.45vw, 1.25rem);
  line-height: 1.6;
}

.brand-directory-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.brand-directory {
  display: grid;
  gap: 22px;
  padding: clamp(56px, 8vw, 110px) 0;
}

.brand-directory-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr);
  gap: 30px;
  align-items: end;
}

.brand-directory-heading h2 {
  margin: 7px 0 0;
  font-family: var(--serif-font);
  font-size: clamp(2.35rem, 5vw, 5.6rem);
  font-weight: 500;
  line-height: .96;
}

.brand-directory-heading p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.brand-category-tabs,
.os-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 4px 0;
}

.brand-category-tabs::-webkit-scrollbar,
.os-tabs::-webkit-scrollbar { display: none; }

.brand-category-tabs button,
.os-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 17px;
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
}

.brand-category-tabs button.is-active,
.os-tabs button.is-active {
  color: #fff;
  background: #006b4f;
  border-color: #006b4f;
}

.brand-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

.registered-brand-card {
  position: relative;
  display: grid;
  align-content: end;
  justify-items: start;
  width: 100%;
  min-width: 0;
  min-height: clamp(280px, 35vw, 500px);
  padding: clamp(18px, 3vw, 34px);
  overflow: hidden;
  color: #fff;
  text-align: left;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  cursor: pointer;
}

.registered-brand-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .67;
}

.registered-brand-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 28%, rgba(0,0,0,.86));
}

.registered-brand-card :is(span, strong, small) {
  position: relative;
  z-index: 1;
}

.registered-brand-card strong {
  max-width: none;
  margin: 10px 0;
  font-family: var(--serif-font);
  font-size: clamp(1.7rem, 3vw, 3.5rem);
  line-height: .95;
  overflow-wrap: anywhere;
}

.registered-brand-card .registered-brand-initials {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.18);
  font-family: var(--serif-font);
  font-size: clamp(5rem, 14vw, 12rem);
  letter-spacing: -.08em;
}

.brand-directory-empty,
.os-state,
.os-honest-empty {
  grid-column: 1 / -1;
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid var(--line);
  border-radius: 20px;
  text-align: center;
}

.brand-storefront {
  display: grid;
  gap: 18px;
  scroll-margin-top: 120px;
}

.os-back {
  justify-self: start;
  padding: 8px 0;
  color: var(--ink);
  background: none;
  border: 0;
  cursor: pointer;
}

.os-hero {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: var(--panel);
}

.os-cover {
  height: clamp(180px, 29vw, 390px);
  background: linear-gradient(135deg, #07150f, #006b4f);
}

.os-cover img { width: 100%; height: 100%; object-fit: cover; }

.os-profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 22px;
  align-items: end;
  padding: 0 clamp(20px, 4vw, 52px) clamp(24px, 4vw, 48px);
}

.os-logo {
  display: grid;
  width: clamp(86px, 12vw, 148px);
  aspect-ratio: 1;
  margin-top: clamp(-74px, -6vw, -48px);
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: #000;
  border: 5px solid var(--panel);
  border-radius: 50%;
  font-family: var(--serif-font);
  font-size: clamp(1.65rem, 4vw, 3.2rem);
}

.os-logo img { width: 100%; height: 100%; object-fit: cover; }
.os-identity { min-width: 0; padding-top: 22px; }
.os-name-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

.os-name-row h1 {
  min-width: 0;
  margin: 0;
  font-family: var(--serif-font);
  font-size: clamp(2.25rem, 6vw, 6rem);
  font-weight: 500;
  line-height: .95;
  overflow-wrap: anywhere;
}

.os-verified {
  padding: 6px 10px;
  color: #fff;
  background: #006b4f;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
}

.os-identity > p { max-width: 720px; color: var(--muted); }
.os-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.os-meta span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: .76rem; }
.os-tabs { border-bottom: 1px solid var(--line); }
.os-panel { min-width: 0; padding: clamp(16px, 3vw, 34px) 0 clamp(64px, 8vw, 120px); }

.os-product-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  gap: 10px;
  margin-bottom: 18px;
}

.os-product-tools :is(input, select) {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.os-product-grid,
.os-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.os-product-card,
.os-content-grid article,
.os-creator-grid article,
.os-about {
  min-width: 0;
  overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
}

.os-product-media {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 4.7;
  padding: 0;
  overflow: hidden;
  background: rgba(0,0,0,.05);
  border: 0;
  cursor: pointer;
}

.os-product-media img,
.os-content-grid article > img,
.os-neutral-media {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: linear-gradient(145deg, rgba(0,107,79,.18), rgba(0,0,0,.08));
}

.os-product-media :is(img, .os-neutral-media) { height: 100%; aspect-ratio: auto; }
.os-product-copy, .os-content-grid article { padding: 18px; }
.os-product-copy h3, .os-content-grid h3 { margin: 7px 0 12px; font-size: clamp(1.15rem, 2vw, 1.7rem); overflow-wrap: anywhere; }
.os-product-copy strong { display: block; margin-bottom: 14px; }
.os-content-grid p, .os-about p { color: var(--muted); line-height: 1.65; }

.os-creator-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.os-creator-grid article { padding: 20px; text-align: center; }
.os-creator-grid :is(img, article > span) { display: grid; width: 72px; height: 72px; margin: 0 auto 12px; place-items: center; object-fit: cover; background: #006b4f; color: #fff; border-radius: 50%; }
.os-about { padding: clamp(24px, 5vw, 60px); }
.os-about dl { display: grid; gap: 10px; margin: 24px 0; }
.os-about dl div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 15px; padding-top: 10px; border-top: 1px solid var(--line); }
.os-about dt { color: var(--muted); }
.os-about dd { margin: 0; overflow-wrap: anywhere; }

body.dark-mode .brand-storefront-route {
  color: #fff;
  background: #000;
}

body.dark-mode .brand-storefront-route :is(.os-hero, .os-product-card, .os-content-grid article, .os-creator-grid article, .os-about),
body.dark-mode .os-product-tools :is(input, select) {
  --surface: #090909;
  --line: rgba(255,255,255,.15);
  color: #fff;
  background: #090909;
}

body.dark-mode .brand-storefront-route :is(.brand-category-tabs button, .os-tabs button, .os-back) { color: #fff; }

body:not(.dark-mode) :is(.site-header, .orchid-chat-button, .brand-storefront-route, .brand-directory-hero)::before,
body:not(.dark-mode) :is(.site-header, .orchid-chat-button, .brand-storefront-route, .brand-directory-hero)::after {
  content: none !important;
  display: none !important;
}

html,
body,
.site-main,
[data-page],
.brand-storefront-route,
.brand-storefront-route * {
  min-width: 0;
}

html,
body { max-width: 100%; overflow-x: hidden; }
img, video, canvas, iframe { max-width: 100%; }

@media (max-width: 820px) {
  .brand-storefront-route { padding: 14px 12px 70px; }
  .brand-directory-hero,
  .brand-directory-heading { grid-template-columns: minmax(0, 1fr); }
  .brand-directory-hero { min-height: 440px; padding: 28px 20px; border-radius: 20px; }
  .brand-directory-hero h1 { max-width: 100%; font-size: clamp(2.7rem, 14vw, 4.9rem); overflow-wrap: anywhere; }
  .brand-directory-grid,
  .os-product-grid,
  .os-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .os-creator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-dashboard-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; }
  .brand-dashboard-tabs button { flex: 0 0 auto; }
}

@media (max-width: 520px) {
  .brand-directory-grid,
  .os-product-grid,
  .os-content-grid,
  .os-product-tools { grid-template-columns: minmax(0, 1fr); }
  .registered-brand-card { min-height: 290px; }
  .os-profile { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .os-logo { width: 92px; margin-top: -48px; border-width: 4px; }
  .os-name-row h1 { font-size: clamp(2rem, 12vw, 3.35rem); }
  .os-cover { height: 190px; }
  .os-creator-grid { grid-template-columns: minmax(0, 1fr); }
  .os-about dl div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .brand-dashboard-hero { grid-template-columns: minmax(0, 1fr) !important; padding: 22px !important; }
  .brand-metric-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .brand-dashboard-panel :is(h1, h2, h3, p, code, textarea) { max-width: 100%; overflow-wrap: anywhere; }
}

.cart-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 50;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  width: min(440px, 100vw);
  height: 100dvh;
  padding: 22px;
  background: var(--panel);
  color: var(--ink);
  border-left: 1px solid var(--line);
  box-shadow: none;
  transform: translateX(105%);
  transition: transform 220ms ease;
}

.cart-drawer.is-open {
  transform: translateX(0);
}

.cart-header,
.cart-summary,
.cart-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.cart-header {
  min-height: 56px;
}

.cart-header h2 {
  font-size: 1.5rem;
}

.cart-items {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 0;
  padding: 18px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.cart-line {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}

.cart-line span {
  display: block;
  color: var(--muted);
  font-size: 0.9rem;
}

.empty-cart {
  color: var(--muted);
}

.cart-summary {
  min-height: 58px;
  border-top: 1px solid var(--line);
}

.checkout-button {
  width: 100%;
}

.mpesa-box {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  background: transparent;
  border-top: 1px solid var(--line);
}

.mpesa-box > span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: rgba(77, 10, 15, 0.58);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.drawer-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 34px 4vw;
  color: var(--inverse);
  background: var(--panel-strong);
}

.site-footer p {
  margin: 6px 0 0;
  color: color-mix(in srgb, var(--inverse) 70%, transparent);
}

.site-footer a {
  border-bottom: 1px solid currentColor;
}

@media (max-width: 1080px) {
  .product-grid,
  .cms-shop-preview {
    grid-template-columns: 1fr;
  }

  .featured-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shop-audience-columns {
    grid-template-columns: 1fr;
  }

  .product-row-scroll {
    grid-auto-columns: calc((100% - 18px) / 2);
  }

  .admin-panel {
    grid-template-columns: 1fr;
    margin: -78px -4vw;
  }

  .admin-sidebar {
    position: static;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .admin-sidebar nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .admin-product-row,
  .admin-blog-layout,
  .security-policy-card {
    grid-template-columns: 1fr;
  }

  .admin-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-blog-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-video-section,
  .orchid-hero-animation {
    min-height: calc(100vh - 76px);
  }
}

@media (max-width: 860px) {
  .site-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .nav-links {
    order: 3;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  h1 {
    font-size: 3.2rem;
  }

  h2 {
    font-size: 2.18rem;
  }

  .shop-toolbar,
  .agent-subscription-payment,
  .agent-application,
  .agent-dashboard-grid,
  .admin-lock,
  .cms-workspace,
  .site-footer {
    align-items: stretch;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .tier-grid,
  .blog-grid,
  .payment-grid,
  .provider-grid,
  .auth-grid,
  .auth-card,
  .agent-growth-grid,
  .admin-lock,
  .admin-metric-grid,
  .admin-tracking-grid,
  .package-only-grid,
  .security-status-grid,
  .security-toggle-grid,
  .security-field-grid,
  .security-config-list,
  .cms-grid,
  .cms-workspace {
    grid-template-columns: 1fr;
  }

  .agent-section .tier-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .tier-grid {
    gap: 18px;
    border: 0;
  }

  .security-audit-list article {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .security-audit-list p {
    text-align: left;
  }

  .live-purchase-box {
    position: static;
    grid-column: auto;
    grid-row: auto;
  }

  .tier-card,
  .tier-card:last-child {
    border-top: 1px solid var(--line);
    border-right: 0;
  }

  .tier-featured {
    min-height: 430px;
    margin: 0;
  }

  .auth-card {
    min-height: 0;
  }

  .auth-visual {
    min-height: 360px;
  }

  .agent-subscription-payment,
  .agent-application,
  .domain-tool {
    display: grid;
  }

  .application-form,
  .auth-form,
  .domain-tool,
  .cms-edit-form {
    grid-template-columns: 1fr;
  }

  .admin-blog-options {
    grid-template-columns: 1fr;
  }

  .sort-field,
  .search-field {
    min-width: 100%;
  }

}

@media (max-width: 620px) {
  .section {
    padding: 68px 20px;
  }

  .site-header {
    padding: 14px 20px;
  }

  .landing-video-section,
  .orchid-hero-animation {
    min-height: calc(100vh - 132px);
  }

  h1 {
    font-size: 2.48rem;
  }

  h2 {
    font-size: 1.86rem;
  }

  .agent-section {
    padding-inline: 10px;
  }

  .agent-section .section-heading {
    margin-bottom: 24px;
  }

  .agent-section .tier-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .agent-section .tier-card,
  .agent-section .tier-card:last-child {
    gap: 8px;
    min-height: 0;
    padding: 12px 7px;
    border-top: 0;
    border-right: 1px solid var(--line);
  }

  .agent-section .tier-card:last-child {
    border-right: 0;
  }

  .agent-section .tier-featured {
    margin: 0;
    padding-top: 12px;
    box-shadow: none;
  }

  .agent-section .tier-kicker,
  .agent-section .tier-commission,
  .agent-section .tier-card p,
  .agent-section .tier-card li,
  .agent-section .tier-card .button {
    font-size: 0.58rem;
    line-height: 1.25;
  }

  .agent-section .tier-card h3 {
    font-size: 0.98rem;
    line-height: 1.05;
  }

  .agent-section .tier-card h3 span {
    display: block;
    font-size: 0.55rem;
  }

  .agent-section .tier-card ul {
    gap: 5px;
  }

  .agent-section .tier-card li::before {
    width: 6px;
    margin-right: 4px;
  }

  .agent-section .tier-card .button {
    min-height: 34px;
    padding: 6px 4px;
  }

  .metric-row,
  .product-grid,
  .featured-product-grid,
  .agent-code-card,
  .agent-payout-card,
  .account-switch,
  .cms-shop-preview,
  .cms-grid {
    grid-template-columns: 1fr;
  }

  .product-row-scroll {
    grid-auto-columns: minmax(260px, 82vw);
  }

  .product-preview-overlay {
    padding: 14px;
  }

  .product-preview-dialog {
    width: 100%;
  }

  .product-detail-dialog {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .product-detail-copy {
    align-content: start;
  }

  .product-preview-arrow {
    opacity: 1;
    width: 38px;
    height: 58px;
    font-size: 3rem;
  }

  .admin-sidebar nav {
    grid-template-columns: 1fr 1fr;
  }

  .admin-featured-grid {
    grid-template-columns: 1fr;
  }

  .blog-suggestions > div {
    grid-template-columns: 1fr;
  }

  .admin-topbar,
  .admin-section-heading {
    flex-direction: column;
  }

  .activity-table [role="row"] {
    grid-template-columns: 1fr 1fr;
  }

  .activity-table span:nth-child(2n) {
    border-right: 0;
  }

  .activity-table span:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 560px) {
  body {
    overflow-x: hidden;
  }

  .site-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px 12px;
    min-height: auto;
    padding: 12px 14px;
  }

  .brand {
    min-width: 0;
  }

  .brand-logo {
    width: min(52vw, 190px);
    height: 42px;
  }

  .header-actions {
    justify-self: end;
    gap: 6px;
  }

  .icon-button,
  .cart-button {
    min-height: 40px;
  }

  .icon-button {
    width: 40px;
  }

  .cart-button {
    padding: 0 8px;
  }

  .cart-button span {
    display: none;
  }

  .nav-links {
    grid-column: 1 / -1;
    order: initial;
    width: calc(100vw - 28px);
    gap: 16px;
    padding: 4px 0 1px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .nav-links::-webkit-scrollbar {
    display: none;
  }

  .account-menu {
    right: -54px;
    min-width: min(82vw, 260px);
  }

  .landing-video-section,
  .orchid-hero-animation {
    min-height: calc(100svh - 112px);
  }

  .landing-video-section {
    display: grid;
    min-height: calc(100svh - 112px);
  }

  .orchid-hero-animation {
    min-width: 100%;
    min-height: 100%;
  }

  .orchid-hero-svg {
    transform: scale(1.12) translateX(-5%);
    transform-origin: center;
  }

  .landing-shop-button {
    right: 18px;
    bottom: 18px;
    min-height: 44px;
    padding: 0 18px;
  }

  .section {
    padding: 54px 16px;
  }

  .section-heading {
    gap: 8px;
    margin-bottom: 26px;
  }

  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2 {
    font-size: 1.72rem;
    line-height: 1.08;
  }

  .section-heading p:not(.eyebrow),
  .admin-section-heading p:not(.eyebrow),
  .admin-topbar p {
    font-size: 0.96rem;
  }

  .shop-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .segmented-control,
  .dashboard-tabs,
  .tracking-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border: 1px solid var(--line);
  }

  .segmented-control button,
  .dashboard-tabs button,
  .tracking-tabs button {
    min-width: 0;
    padding: 0 8px;
    text-align: center;
  }

  .search-suggestions {
    left: 0;
    right: auto;
  }

  .featured-product-grid,
  .product-grid,
  .tier-grid,
  .blog-grid,
  .payment-grid,
  .provider-grid,
  .auth-grid,
  .admin-lock,
  .metric-row,
  .agent-code-card,
  .agent-payout-card,
  .admin-metric-grid,
  .admin-agent-card dl,
  .admin-agent-preview-panel,
  .admin-tracking-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shop-subheading {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .product-row-scroll {
    grid-auto-columns: minmax(218px, 78vw);
    gap: 14px;
    width: 100%;
    margin-right: 0;
    padding: 0 0 12px;
  }

  .product-row-shell {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    gap: 8px;
  }

  .product-row-shell .product-row-scroll {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .product-scroll-arrow {
    position: static;
    grid-row: 2;
    width: 42px;
    height: 42px;
    color: var(--inverse);
    text-shadow: none;
    font-size: 1.8rem;
    background: var(--brand);
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .product-scroll-left {
    grid-column: 1;
  }

  .product-scroll-right {
    grid-column: 3;
    justify-self: end;
  }

  .product-card,
  .tier-card,
  .payment-card,
  .auth-card,
  .dashboard-panel,
  .agent-code-card,
  .agent-payout-card {
    min-width: 0;
  }

  .auth-panel {
    padding: 24px;
  }

  .auth-visual {
    min-height: 280px;
  }

  .orchid-animation {
    width: min(70%, 260px);
  }

  .tier-featured {
    min-height: auto;
  }

  .agent-subscription-payment,
  .agent-application {
    gap: 22px;
    padding: 22px 0;
  }

  .application-form,
  .auth-form,
  .agent-code-generator,
  .cms-edit-form {
    gap: 14px;
  }

  .dashboard-status,
  .admin-topbar,
  .admin-section-heading,
  .admin-featured-heading,
  .admin-blog-editor-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .dashboard-status .button,
  .agent-payout-card .button,
  .admin-topbar .button,
  .admin-section-heading .button {
    width: 100%;
  }

  .activity-table {
    overflow: hidden;
  }

  .activity-table [role="row"] {
    grid-template-columns: 1fr;
  }

  .activity-table span {
    min-width: 0;
    border-right: 0;
  }

  .activity-table span:nth-child(n + 2) {
    border-top: 1px solid var(--line);
  }

  .admin-panel {
    margin: -54px -16px;
  }

  .admin-sidebar {
    padding: 18px 16px;
  }

  .admin-sidebar nav {
    grid-template-columns: 1fr;
  }

  .admin-main {
    padding: 22px 16px;
  }

  .admin-featured-tools,
  .admin-row-actions {
    flex-wrap: wrap;
  }

  .admin-product-image {
    min-height: 220px;
  }

  .admin-blog-layout,
  .admin-blog-options,
  .admin-product-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-drawer {
    inset: 0;
    display: flex;
    flex-direction: column;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    padding: 16px;
    border-left: 0;
  }

  .cart-header {
    flex: 0 0 auto;
  }

  .cart-items {
    flex: 1 1 auto;
    min-height: 120px;
    padding: 12px 0;
  }

  .cart-summary,
  .mpesa-box {
    flex: 0 0 auto;
  }

  .mpesa-box {
    gap: 9px;
    margin-top: 8px;
    padding: 10px 0 0;
  }

  .mpesa-box input {
    min-height: 42px;
  }

  .product-preview-dialog {
    max-height: calc(100svh - 28px);
    overflow: auto;
  }

  .site-footer {
    gap: 14px;
    padding: 28px 16px;
  }
}

@media (max-width: 760px) {
  .agent-section .tier-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .agent-section .tier-card,
  .agent-section .tier-card:last-child {
    gap: 8px;
    min-height: 0;
    padding: 12px 7px;
    border-top: 0;
    border-right: 1px solid var(--line);
  }

  .agent-section .tier-card:last-child {
    border-right: 0;
  }

  .agent-section .tier-featured {
    min-height: 0;
    margin: 0;
    padding-top: 12px;
    box-shadow: none;
  }

  .agent-section .tier-kicker,
  .agent-section .tier-commission,
  .agent-section .tier-card p,
  .agent-section .tier-card li,
  .agent-section .tier-card .button {
    font-size: 0.58rem;
    line-height: 1.25;
  }

  .agent-section .tier-card h3 {
    font-size: 0.98rem;
    line-height: 1.05;
  }

  .agent-section .tier-card h3 span {
    display: block;
    font-size: 0.55rem;
  }
}

@media (max-width: 980px) {
  .landing-chat-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    margin: -118px 20px 28px auto;
  }

  .landing-split-heading,
  .landing-collection-heading,
  .landing-story {
    grid-template-columns: 1fr;
  }

  .landing-split-heading p {
    text-align: left;
  }

  .landing-bundle-grid,
  .landing-bundle {
    grid-template-columns: 1fr;
  }

  .landing-bundle {
    min-height: 0;
  }

  .landing-bundle-image {
    min-height: 340px;
  }

  .landing-category-strip > div,
  .landing-community-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .announcement-bar {
    min-height: 32px;
    font-size: 0.62rem;
    text-align: center;
  }

  .landing-video-section {
    min-height: calc(100svh - 144px);
  }

  .landing-video-section::after,
  .orchid-hero-animation {
    height: calc(100svh - 144px);
    min-height: 600px;
  }

  .landing-hero-copy {
    min-height: calc(100svh - 144px);
    padding: 74px 20px 96px;
  }

  .landing-hero-copy h2 {
    font-size: clamp(3rem, 19vw, 5.2rem);
  }

  .landing-hero-copy > p:not(.landing-kicker) {
    font-size: 0.92rem;
  }

  .landing-chat-card {
    margin: -86px 16px 24px;
    padding: 18px;
  }

  .landing-live-button {
    right: 18px;
    bottom: 24px;
    width: 52px;
    height: 52px;
  }

  .landing-marquee span {
    padding-inline: 26px;
  }

  .landing-featured,
  .landing-story,
  .landing-category-strip,
  .landing-community {
    padding: 56px 16px;
  }

  .landing-bundle-image {
    min-height: 280px;
  }

  .landing-bundle-copy {
    padding: 20px 0 0;
  }

  .landing-product-row {
    grid-auto-columns: minmax(238px, 82vw);
  }

  .landing-category-tabs {
    padding-inline: 0;
  }

  .landing-category-strip > div,
  .landing-community-grid {
    grid-template-columns: 1fr;
  }
}

/* Final responsive compatibility layer. Keep this at the end so it wins over older page rules. */
html,
body {
  width: 100%;
  max-width: 100%;
}

main,
section,
article,
aside,
header,
footer,
div,
form {
  min-width: 0;
}

img,
video,
canvas,
svg {
  max-width: 100%;
}

.button,
.cart-button,
.segmented-control button,
.dashboard-tabs button,
.tracking-tabs button,
.landing-category-tabs a {
  white-space: normal;
  text-align: center;
}

.landing-video-section {
  display: block;
  overflow: visible;
}

.orchid-hero-animation {
  pointer-events: none;
  overflow: hidden;
}

.landing-product-row,
.product-row-scroll,
.nav-links,
.landing-category-tabs {
  max-width: 100%;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1180px) {
  .site-header {
    gap: 16px;
  }

  .nav-links {
    gap: 20px;
  }

  .landing-bundle {
    grid-template-columns: minmax(0, 1.65fr) minmax(170px, 0.9fr);
  }

  .landing-product-row {
    grid-auto-columns: minmax(270px, 40vw);
  }

  .blog-grid,
  .blog-suggestions > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 901px) {
  .auth-card,
  .admin-login-card {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(300px, 1fr);
  }

  .auth-visual {
    display: grid;
    min-height: 100%;
  }
}

@media (max-width: 900px) {
  .site-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: auto;
  }

  .brand-logo {
    width: clamp(150px, 36vw, 230px);
  }

  .header-actions {
    justify-self: end;
  }

  .nav-links {
    grid-column: 1 / -1;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .nav-links::-webkit-scrollbar {
    display: none;
  }

  .landing-hero-copy {
    max-width: min(100%, 680px);
    min-height: min(720px, calc(100svh - 130px));
    padding: 76px 24px 82px;
  }

  .landing-hero-copy h2 {
    font-size: clamp(3.2rem, 15vw, 7rem);
  }

  .landing-chat-card {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    margin: -64px 24px 28px;
  }

  .landing-live-button {
    right: 24px;
    bottom: 28px;
  }

  .landing-split-heading,
  .landing-collection-heading,
  .landing-story,
  .agent-code-card,
  .agent-payout-card,
  .agent-subscription-payment,
  .agent-application,
  .admin-topbar,
  .admin-section-heading,
  .admin-featured-heading,
  .admin-blog-editor-footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-split-heading p,
  .landing-collection-heading a {
    justify-self: start;
    text-align: left;
  }

  .landing-bundle-grid,
  .landing-bundle,
  .featured-product-grid,
  .payment-grid,
  .admin-lock,
  .cms-workspace,
  .admin-blog-layout,
  .admin-product-row,
  .blog-grid,
  .blog-suggestions > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-grid,
  .auth-card,
  .admin-login-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-card,
  .admin-login-card {
    min-height: 0;
  }

  .landing-bundle-image {
    min-height: 320px;
  }

  .landing-bundle-copy {
    padding: 22px;
  }

  .landing-product-row {
    grid-auto-columns: minmax(260px, 52vw);
  }

  .landing-category-strip > div,
  .landing-community-grid,
  .metric-row,
  .admin-metric-grid,
  .admin-tracking-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tier-grid,
  .agent-section .tier-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tier-card,
  .agent-section .tier-card,
  .agent-section .tier-card:last-child {
    border-right: 0;
    border-top: 1px solid var(--line);
  }

  .agent-section .tier-card,
  .agent-section .tier-card:last-child {
    padding: 22px;
  }

  .agent-section .tier-kicker,
  .agent-section .tier-commission,
  .agent-section .tier-card p,
  .agent-section .tier-card li,
  .agent-section .tier-card .button {
    font-size: 0.82rem;
  }

  .agent-section .tier-card h3 {
    font-size: 1.8rem;
  }
}

@media (max-width: 640px) {
  .announcement-bar {
    padding-inline: 12px;
    font-size: 0.62rem;
    line-height: 1.25;
  }

  .site-header {
    padding: 12px;
  }

  .brand-logo {
    width: min(54vw, 180px);
    height: 38px;
  }

  .header-actions {
    gap: 4px;
  }

  .icon-button,
  .cart-button {
    min-height: 38px;
  }

  .icon-button {
    width: 38px;
  }

  .cart-button {
    padding-inline: 8px;
  }

  .cart-button span {
    display: none;
  }

  .nav-links {
    gap: 14px;
    padding-bottom: 4px;
    font-size: 0.68rem;
  }

  .section {
    padding: 48px 14px;
  }

  .landing-video-section {
    min-height: auto;
  }

  .landing-video-section::after,
  .orchid-hero-animation {
    height: min(720px, calc(100svh - 112px));
    min-height: 560px;
  }

  .orchid-hero-svg {
    transform: scale(1.1) translateX(-7%);
  }

  .landing-hero-copy {
    min-height: min(720px, calc(100svh - 112px));
    padding: 58px 16px 82px;
  }

  .landing-kicker {
    max-width: 100%;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
  }

  .landing-hero-copy h2 {
    font-size: clamp(2.8rem, 18vw, 4.7rem);
    line-height: 0.9;
  }

  .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 32ch;
    font-size: 0.86rem;
    letter-spacing: 0.04em;
  }

  .landing-hero-button {
    width: 100%;
    min-width: 0;
  }

  .landing-chat-card {
    gap: 12px;
    margin: -44px 12px 20px;
    padding: 16px;
    border-radius: 8px;
  }

  .landing-live-button {
    width: 48px;
    height: 48px;
    right: 16px;
    bottom: 18px;
  }

  .landing-marquee span {
    padding: 13px 24px;
    font-size: 0.68rem;
  }

  .landing-marquee span::after {
    margin-left: 22px;
  }

  .landing-featured,
  .landing-story,
  .landing-category-strip,
  .landing-community {
    padding: 48px 14px;
  }

  .landing-split-heading {
    margin-bottom: 28px;
  }

  .landing-split-heading h2,
  .landing-collection-heading h2,
  .landing-story h2 {
    font-size: clamp(2.05rem, 13vw, 3.4rem);
    line-height: 0.98;
  }

  .landing-split-heading p {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
  }

  .landing-bundle-image {
    min-height: 240px;
  }

  .landing-bundle-copy {
    padding: 18px;
  }

  .landing-collection {
    padding: 42px 12px 50px;
  }

  .landing-collection-heading {
    padding-inline: 0;
  }

  .landing-category-tabs {
    align-items: stretch;
    padding: 18px 0 14px;
  }

  .landing-category-tabs a {
    min-width: max-content;
    padding-inline: 16px;
  }

  .landing-product-row {
    grid-auto-columns: minmax(224px, 82vw);
  }

  .landing-product-row .product-body {
    padding: 12px;
  }

  .landing-category-strip > div,
  .landing-community-grid,
  .metric-row,
  .admin-metric-grid,
  .admin-tracking-grid,
  .blog-suggestions > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-category-strip a {
    min-height: 76px;
  }

  .shop-toolbar,
  .application-form,
  .auth-form,
  .cms-edit-form,
  .agent-code-generator,
  .admin-sidebar nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .segmented-control,
  .dashboard-tabs,
  .tracking-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-row-shell {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
  }

  .product-row-scroll {
    grid-auto-columns: minmax(220px, 82vw);
  }

  .product-card {
    min-height: auto;
  }

  .product-buy-row,
  .dashboard-status,
  .admin-topbar,
  .admin-section-heading,
  .admin-featured-heading,
  .admin-blog-editor-footer,
  .site-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dashboard-status .button,
  .agent-payout-card .button,
  .admin-topbar .button,
  .admin-section-heading .button,
  .auth-form .button,
  .application-form .button,
  .checkout-button {
    width: 100%;
  }

  .auth-panel {
    padding: 20px;
  }

  .auth-visual {
    min-height: 220px;
  }

  .admin-panel {
    margin: -48px -14px;
  }

  .admin-main,
  .admin-sidebar {
    padding-inline: 14px;
  }

  .admin-product-image {
    min-height: 200px;
  }

  .activity-table [role="row"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .activity-table span {
    border-right: 0;
  }

  .activity-table span:nth-child(n + 2) {
    border-top: 1px solid var(--line);
  }

  .cart-drawer {
    width: 100vw;
    max-width: 100vw;
    padding: 14px;
  }

  .product-preview-overlay {
    padding: 12px;
  }
}

@media (max-width: 380px) {
  .brand-logo {
    width: 148px;
  }

  .header-actions {
    gap: 2px;
  }

  .icon-button,
  .cart-button {
    min-height: 36px;
  }

  .icon-button {
    width: 34px;
  }

  .cart-button strong {
    min-width: 20px;
    height: 20px;
    font-size: 0.7rem;
  }

  .landing-hero-copy h2 {
    font-size: 2.55rem;
  }

  .landing-product-row,
  .product-row-scroll {
    grid-auto-columns: minmax(204px, 86vw);
  }

  .segmented-control,
  .dashboard-tabs,
  .tracking-tabs {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Premium responsive typography safety system */
:root {
  --display-tight: clamp(0.94, 0.9 + 0.02vw, 1);
  --title-leading: clamp(0.94, 0.9 + 0.25vw, 1.08);
  --body-leading: clamp(1.45, 1.38 + 0.25vw, 1.75);
}

h1,
h2,
h3,
.landing-hero-copy h2,
.landing-split-heading h2,
.landing-collection-heading h2,
.landing-story h2,
.section-heading h2,
.admin-section-heading h2,
.admin-topbar h2,
.auth-card h3,
.tier-card h3,
.agent-code-card h3,
.dashboard-template-banner,
.blog-reader-main > h1,
.editorial-title-field input,
.editorial-live-preview h3 {
  max-width: min(100%, var(--heading-max, 14ch));
  line-height: var(--title-leading);
  letter-spacing: max(var(--heading-spacing, 0em), 0em);
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}

.section-heading h2,
.admin-section-heading h2,
.admin-topbar h2,
.blog-reader-main > h1 {
  --heading-max: 18ch;
}

.landing-hero-copy h2 {
  --heading-max: 9ch;
  font-size: clamp(3.3rem, 8.6vw, 8.4rem);
  line-height: 0.88;
}

.landing-split-heading h2,
.landing-collection-heading h2,
.landing-story h2 {
  --heading-max: 12ch;
  font-size: clamp(2.35rem, 5.6vw, 5rem);
}

.tier-card h3 {
  --heading-max: 9ch;
  font-size: clamp(2rem, 3.5vw, 3.4rem);
}

.auth-card h3 {
  --heading-max: 11ch;
  font-size: clamp(2rem, 4.2vw, 3.25rem);
}

.agent-code-card h3,
.dashboard-template-banner {
  --heading-max: 16ch;
  font-size: clamp(1.45rem, 3vw, 2.65rem);
  letter-spacing: 0.02em;
}

.editorial-title-field input,
.editorial-live-preview h3 {
  --heading-max: 12ch;
  font-size: clamp(2.35rem, 5.2vw, 5.1rem);
}

p,
li,
span,
dd,
dt,
label,
input,
textarea,
select,
button,
a {
  overflow-wrap: break-word;
  word-break: normal;
}

.product-body h3,
.landing-bundle-copy h3,
.admin-product-copy h3,
.admin-blog-folder-item strong,
.blog-suggestions strong,
.cart-line strong,
.admin-agent-card dd,
.admin-agent-preview-panel strong {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
}

.button,
.text-button,
.cart-button,
.nav-links a,
.landing-category-tabs a,
.segmented-control button,
.dashboard-tabs button,
.tracking-tabs button {
  min-width: 0;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-heading,
.admin-section-heading,
.admin-topbar,
.tier-card,
.product-card,
.payment-card,
.dashboard-panel,
.admin-agent-card,
.agent-code-card,
.agent-payout-card,
.live-purchase-box,
.agent-growth-panel {
  min-width: 0;
  overflow-wrap: anywhere;
}

.section-heading *,
.admin-section-heading *,
.admin-topbar *,
.tier-card *,
.product-card *,
.payment-card *,
.dashboard-panel *,
.admin-agent-card *,
.agent-code-card *,
.agent-payout-card *,
.live-purchase-box *,
.agent-growth-panel * {
  max-width: 100%;
}

.product-card,
.tier-card,
.payment-card,
.auth-card,
.dashboard-panel,
.admin-agent-card,
.editorial-card,
.editorial-canvas,
.landing-bundle,
.landing-category-strip a,
.cart-line {
  overflow: clip;
  overflow-clip-margin: 8px;
}

.type-fit {
  --fit-scale: 1;
  font-size: calc(var(--fit-base-size, 1em) * var(--fit-scale));
}

.type-fit[data-fit-lines="1"] {
  white-space: nowrap;
}

.type-fit.is-fitted {
  transition: font-size 120ms ease, line-height 120ms ease;
}

@supports (text-wrap: pretty) {
  p,
  li,
  .section-heading p,
  .landing-story p,
  .editorial-live-preview div {
    text-wrap: pretty;
  }
}

@media (max-width: 900px) {
  h1,
  h2,
  h3,
  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2 {
    --heading-max: 13ch;
    line-height: 1.02;
  }

  .landing-hero-copy h2 {
    font-size: clamp(3rem, 13vw, 6rem);
  }

  .landing-split-heading h2,
  .landing-collection-heading h2,
  .landing-story h2 {
    font-size: clamp(2.05rem, 8vw, 4rem);
  }
}

@media (max-width: 640px) {
  h1,
  h2,
  h3,
  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2,
  .auth-card h3,
  .agent-code-card h3,
  .dashboard-template-banner {
    --heading-max: 11ch;
    line-height: 1.04;
  }

  .landing-hero-copy h2 {
    font-size: clamp(2.75rem, 16vw, 4.25rem);
    line-height: 0.94;
  }

  .landing-split-heading h2,
  .landing-collection-heading h2,
  .landing-story h2,
  .editorial-title-field input,
  .editorial-live-preview h3 {
    font-size: clamp(1.9rem, 10vw, 3rem);
    line-height: 1.02;
  }

  .tier-card h3 {
    font-size: clamp(1.7rem, 9vw, 2.45rem);
  }

  .button,
  .text-button,
  .cart-button {
    letter-spacing: 0.02em;
  }
}

/* Editorial CMS studio */
.admin-blog-section {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--panel-soft) 82%, transparent), transparent 360px),
    var(--bg);
}

.editorial-workspace {
  display: grid;
  gap: 22px;
  font-family: var(--ui-font, var(--font-ui));
}

.editorial-topbar {
  position: sticky;
  top: 82px;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  background: color-mix(in srgb, var(--panel) 94%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(17, 17, 17, 0.07);
  backdrop-filter: blur(18px);
}

.editorial-topbar > div:first-child {
  display: grid;
  gap: 4px;
}

.editorial-kicker,
.editorial-panel-heading span,
.editorial-topbar strong,
.editorial-card label,
.editorial-insert-row span,
.editorial-live-preview > span,
.editorial-font-recents span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.editorial-topbar strong {
  color: #2f9d62;
  letter-spacing: 0;
}

.editorial-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.editorial-secondary {
  color: var(--ink);
  border-color: var(--line);
}

.editorial-shell {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) minmax(300px, 360px);
  gap: 20px;
  align-items: start;
}

.editorial-library,
.editorial-sidebar {
  position: sticky;
  top: 162px;
  display: grid;
  gap: 16px;
}

.editorial-panel,
.editorial-card,
.editorial-canvas {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 22px 70px rgba(17, 17, 17, 0.07);
}

body.dark-mode .editorial-panel,
body.dark-mode .editorial-card,
body.dark-mode .editorial-canvas,
body.dark-mode .editorial-topbar {
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
}

.editorial-panel,
.editorial-card {
  padding: 16px;
}

.editorial-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.editorial-panel-heading strong {
  font-size: 0.82rem;
  text-transform: uppercase;
}

.admin-blog-folder-list {
  padding: 0;
}

.admin-blog-folder-item {
  border-radius: 7px;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.admin-blog-folder-item:hover,
.admin-blog-folder-item:focus-visible {
  border-color: color-mix(in srgb, var(--brand) 52%, var(--line));
  box-shadow: 0 14px 32px rgba(17, 17, 17, 0.08);
  transform: translateY(-1px);
}

.editorial-skeleton {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.editorial-skeleton span {
  display: block;
  height: 12px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--panel-soft), color-mix(in srgb, var(--brand) 12%, var(--panel)), var(--panel-soft));
  background-size: 220% 100%;
  border-radius: 999px;
  animation: editorial-skeleton 1.8s ease-in-out infinite;
}

.editorial-skeleton span:first-child {
  width: 82%;
}

.editorial-skeleton span:nth-child(2) {
  width: 58%;
}

@keyframes editorial-skeleton {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -120% 0;
  }
}

.editorial-canvas {
  display: grid;
  gap: 20px;
  min-height: 900px;
  padding: clamp(24px, 4vw, 54px);
}

.editorial-title-field,
.editorial-subtitle-field {
  display: grid;
  gap: 8px;
}

.editorial-title-field span,
.editorial-subtitle-field span {
  color: var(--muted);
  font-family: var(--ui-font);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.editorial-title-field input,
.editorial-subtitle-field textarea,
.editorial-body-shell textarea {
  width: 100%;
  color: var(--ink);
  background: transparent;
  border: 0;
  outline: none;
}

.editorial-title-field input {
  min-height: 92px;
  font-family: var(--headline-font);
  font-size: clamp(2.6rem, 6vw, 5.8rem);
  font-weight: var(--article-weight);
  letter-spacing: var(--article-spacing);
  line-height: 0.96;
}

.editorial-subtitle-field textarea {
  min-height: 86px;
  color: var(--muted);
  font-family: var(--subtitle-font);
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.48;
  resize: vertical;
}

.editorial-insert-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.editorial-body-shell {
  position: relative;
  min-height: 470px;
  padding: 8px 0;
  border-radius: 8px;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.editorial-body-shell.is-dragging,
.editorial-featured-upload.is-dragging {
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand) 65%, transparent);
}

.editorial-body-shell textarea {
  min-height: 470px;
  font-family: var(--body-font);
  font-size: 1.12rem;
  line-height: var(--article-line-height);
  resize: vertical;
}

.editorial-live-preview {
  display: grid;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.editorial-live-preview article {
  display: grid;
  gap: 14px;
  padding: 22px;
  background: var(--panel-soft);
  border-radius: 8px;
}

.editorial-live-preview p {
  margin: 0;
  color: var(--brand);
  font-family: var(--ui-font);
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.editorial-live-preview h3 {
  font-family: var(--headline-font);
  font-size: clamp(1.9rem, 4vw, 3.8rem);
  font-weight: var(--article-weight);
  letter-spacing: var(--article-spacing);
}

.editorial-live-preview h4 {
  margin: 0;
  color: var(--muted);
  font-family: var(--subtitle-font);
  font-size: 1.18rem;
  line-height: 1.5;
}

.editorial-live-preview div {
  color: var(--ink);
  font-family: var(--body-font);
  line-height: var(--article-line-height);
  white-space: pre-line;
}

.editorial-card {
  display: grid;
  gap: 12px;
}

.editorial-card label {
  display: grid;
  gap: 7px;
  letter-spacing: 0.06em;
}

.editorial-card input,
.editorial-card select,
.editorial-card textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  color: var(--ink);
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 6px;
}

.editorial-card textarea {
  min-height: 86px;
  padding: 10px 11px;
  resize: vertical;
}

.editorial-featured-upload {
  position: relative;
  display: grid;
  gap: 12px;
  width: 100%;
  padding: 0;
  color: var(--ink);
  text-align: left;
  background: transparent;
  border: 0;
}

.editorial-featured-upload img {
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 16px 42px rgba(17, 17, 17, 0.12);
}

.editorial-featured-upload span {
  display: grid;
  place-items: center;
  min-height: 42px;
  color: var(--brand);
  border: 1px dashed color-mix(in srgb, var(--brand) 64%, var(--line));
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.editorial-font-card {
  gap: 14px;
}

.editorial-font-recents {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.editorial-font-recents span {
  flex: 0 0 100%;
}

.editorial-font-recents button {
  min-height: 32px;
  padding: 0 10px;
  color: var(--ink);
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 0.76rem;
  transition: transform 160ms ease, border-color 160ms ease;
}

.editorial-font-recents button:hover,
.editorial-font-recents button:focus-visible {
  border-color: var(--brand);
  transform: translateY(-1px);
}

.editorial-font-grid,
.editorial-type-controls {
  display: grid;
  gap: 10px;
}

.editorial-font-grid option {
  font-size: 1rem;
}

.editorial-footer {
  padding: 0 4px;
}

@media (max-width: 1240px) {
  .editorial-shell {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
  }

  .editorial-library {
    position: static;
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  .editorial-topbar,
  .editorial-actions,
  .editorial-insert-row {
    align-items: stretch;
    flex-direction: column;
  }

  .editorial-actions .button {
    width: 100%;
  }

  .editorial-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .editorial-library,
  .editorial-sidebar,
  .editorial-topbar {
    position: static;
  }

  .editorial-canvas {
    min-height: 0;
    padding: 24px 18px;
  }

  .editorial-title-field input {
    min-height: 76px;
    font-size: clamp(2.15rem, 13vw, 4.2rem);
  }
}

/* Wix-inspired blog composer */
.admin-panel:has(.admin-blog-section:not(.is-hidden)) {
  grid-template-columns: 1fr;
}

.admin-panel:has(.admin-blog-section:not(.is-hidden)) .admin-sidebar,
.admin-panel:has(.admin-blog-section:not(.is-hidden)) .admin-topbar,
.admin-blog-section > .admin-section-heading {
  display: none;
}

.admin-panel:has(.admin-blog-section:not(.is-hidden)) .admin-main {
  padding: 0;
}

.admin-blog-section {
  min-height: calc(100vh - 64px);
  padding: 0;
  background: #ffffff;
}

.blog-compose-studio {
  min-height: calc(100vh - 64px);
  gap: 0;
  color: #06133a;
  background: #ffffff;
  font-family: var(--font-ui);
}

.compose-header {
  position: sticky;
  top: 0;
  z-index: 24;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  padding: 0 28px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #e6eaf2;
  backdrop-filter: blur(18px);
}

.compose-back,
.compose-header-actions,
.compose-toolbar,
.compose-rail button,
.compose-body-field {
  display: flex;
  align-items: center;
}

.compose-back {
  gap: 10px;
  min-height: 40px;
  padding: 0;
  color: #06133a;
  background: transparent;
  border: 0;
  font-size: 1rem;
}

.compose-back svg,
.compose-icon-button svg,
.compose-rail svg,
.compose-toolbar svg,
.compose-expand svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.compose-header-actions {
  gap: 12px;
}

.compose-header-actions > span {
  width: 1px;
  height: 36px;
  background: #e2e6ee;
}

.compose-icon-button,
.compose-save,
.compose-publish {
  min-height: 40px;
  color: #526071;
  background: transparent;
  border: 0;
  font-weight: 700;
}

.compose-icon-button {
  display: grid;
  place-items: center;
  width: 40px;
  padding: 0;
  border-radius: 999px;
}

.compose-more {
  color: #526071;
  border: 1px solid #dfe4ed;
}

.compose-save {
  min-width: 92px;
  border-left: 1px solid #e2e6ee;
  border-right: 1px solid #e2e6ee;
}

.compose-publish {
  min-width: 138px;
  padding: 0 28px;
  color: #ffffff;
  background: #06133a;
  border-radius: 999px;
  font-size: 1rem;
}

.compose-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: calc(100vh - 126px);
}

.blog-compose-studio.is-drawer-open .compose-frame {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.compose-rail {
  display: none;
}

.compose-rail button {
  flex-direction: column;
  gap: 7px;
  width: 88px;
  min-height: 66px;
  color: #06133a;
  background: transparent;
  border: 0;
  font-size: 0.92rem;
}

.compose-rail svg {
  width: 38px;
  height: 38px;
  padding: 9px;
  color: #06133a;
  background: #ffffff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
}

.compose-main {
  position: relative;
  min-width: 0;
  background: #ffffff;
}

.compose-toolbar {
  position: sticky;
  top: 62px;
  z-index: 18;
  gap: 16px;
  min-height: 74px;
  padding: 0 clamp(18px, 5vw, 80px);
  overflow-x: auto;
  color: #526071;
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #dfe5ee;
}

.compose-toolbar button,
.compose-toolbar select {
  flex: 0 0 auto;
  min-height: 34px;
  color: #526071;
  background: transparent;
  border: 0;
  font-size: 1rem;
  opacity: 1;
}

.compose-toolbar select {
  padding-right: 10px;
}

.compose-font-search {
  flex: 0 0 min(310px, 52vw);
  min-height: 38px;
  padding: 0 12px;
  color: #06133a;
  background: #f8fafc;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  font: inherit;
}

.compose-font-count {
  flex: 0 0 auto;
  color: #7c8798;
  font-size: 0.78rem;
  font-weight: 900;
}

.compose-toolbar .compose-ai {
  color: #2f73ff;
  font-weight: 800;
}

.visual-article-editor {
  min-height: calc(100vh - 210px);
  padding: 28px clamp(16px, 4vw, 58px) 120px;
  background: #ffffff;
}

.visual-edit-lock {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.visual-edit-lock span {
  padding: 7px 12px;
  color: #647086;
  background: #f7f9fc;
  border: 1px solid #e0e6f0;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
}

.visual-article-shell {
  display: grid;
  gap: 18px;
  max-width: 1080px;
  margin: 0 auto;
}

.visual-field,
.visual-meta label,
.visual-body-source,
.visual-caption-input {
  display: grid;
  gap: 6px;
  color: #7a8494;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-field input,
.visual-meta input,
.visual-title-input,
.visual-subtitle-input,
.visual-body-source textarea,
.visual-caption-input {
  width: 100%;
  color: #06133a;
  background: transparent;
  border: 1px solid transparent;
  outline: 0;
}

.visual-field input {
  width: fit-content;
  color: #d90000;
  font-size: 0.82rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-title-input {
  max-width: 930px;
  min-height: 140px;
  font-family: var(--headline-font, var(--font-editorial));
  font-size: clamp(2.2rem, 5.4vw, 5.8rem);
  font-weight: var(--article-weight, 700);
  line-height: 0.94;
  resize: vertical;
}

.visual-subtitle-input {
  max-width: 840px;
  color: #6c7483;
  font-family: var(--subtitle-font, var(--font-ui));
  font-size: clamp(1.2rem, 2.2vw, 1.75rem);
  line-height: 1.45;
  resize: vertical;
}

.visual-meta {
  align-items: end;
}

.visual-meta label {
  min-width: min(220px, 100%);
}

.visual-featured-image {
  display: grid;
  gap: 8px;
  margin: 0;
}

.visual-featured-image button,
.visual-image-select {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 1px solid transparent;
}

.visual-featured-image img {
  width: 100%;
  max-height: 590px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.visual-featured-image figcaption,
.visual-inline-image figcaption {
  color: #7a8494;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-body-preview {
  display: grid;
  gap: 4px;
  max-width: 760px;
  color: #06133a;
  font-family: var(--body-font, var(--font-ui));
  font-size: 1.08rem;
  line-height: var(--article-line-height, 1.86);
}

.visual-paragraph-row {
  display: grid;
  gap: 10px;
}

.visual-paragraph-row p {
  margin: 0 0 18px;
}

.visual-insert-image {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-self: start;
  min-height: 34px;
  padding: 0 11px;
  color: #2f73ff;
  background: #eef5ff;
  border: 1px dashed #b9d0ff;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 900;
}

.visual-insert-image svg,
.visual-delete-image svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.visual-inline-image {
  position: relative;
  display: grid;
  gap: 8px;
  margin: 18px 0 24px;
}

.visual-inline-image img {
  width: min(620px, 100%);
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.visual-caption-input {
  max-width: 620px;
  min-height: 38px;
  padding: 0 10px;
  border-color: #e0e6f0;
  text-transform: none;
}

.visual-delete-image {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #d90000;
  background: #fff;
  border: 1px solid #f1b3b3;
  border-radius: 999px;
}

.visual-body-source {
  max-width: 760px;
  padding-top: 22px;
  border-top: 1px solid #e6eaf2;
}

.visual-body-source textarea {
  min-height: 180px;
  padding: 14px;
  color: #273244;
  background: #fbfcfe;
  border-color: #dfe5ee;
  font-family: var(--body-font, var(--font-ui));
  font-size: 1rem;
  line-height: 1.65;
  resize: vertical;
  text-transform: none;
}

.blog-compose-studio:not(.is-direct-editing) .visual-article-shell input[readonly],
.blog-compose-studio:not(.is-direct-editing) .visual-article-shell textarea[readonly] {
  cursor: default;
}

.blog-compose-studio.is-direct-editing .visual-article-shell input,
.blog-compose-studio.is-direct-editing .visual-article-shell textarea,
.visual-featured-image button:focus-visible,
.visual-image-select:focus-visible,
.visual-featured-image button.is-selected,
.visual-image-select.is-selected {
  border-color: #2f73ff;
  box-shadow: 0 0 0 3px rgba(47, 115, 255, 0.12);
}

[data-body-paragraph][contenteditable="true"] {
  padding: 8px 10px;
  border: 1px solid #2f73ff;
  border-radius: 8px;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(47, 115, 255, 0.08);
}

.visual-related-list,
.visual-related-option {
  display: grid;
  gap: 10px;
}

.visual-related-option {
  grid-template-columns: auto 54px minmax(0, 1fr);
  align-items: center;
  padding: 8px;
  border: 1px solid #e0e6f0;
  border-radius: 8px;
}

.visual-related-option img {
  width: 54px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.visual-related-option span {
  display: grid;
  gap: 3px;
}

.visual-related-option small {
  color: #d90000;
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.visual-related-option strong {
  color: #06133a;
  font-size: 0.84rem;
  line-height: 1.2;
}

.compose-page {
  position: relative;
  display: grid;
  gap: 26px;
  width: min(780px, calc(100% - 48px));
  min-height: calc(100vh - 210px);
  margin: 0 auto;
  padding: 42px 0 120px;
  background: #ffffff;
}

.compose-expand {
  position: fixed;
  top: 152px;
  right: 32px;
  z-index: 10;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  color: #06133a;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(19, 30, 55, 0.12);
}

.compose-title-input,
.compose-subtitle-input,
.compose-body-field textarea {
  width: 100%;
  color: #06133a;
  background: transparent;
  border: 0;
  outline: none;
}

.compose-title-input {
  min-height: 84px;
  color: #9e9e9e;
  font-family: var(--headline-font, var(--font-editorial));
  font-size: clamp(3rem, 5vw, 3.35rem);
  font-weight: 400;
  line-height: 1.08;
}

.compose-title-input::placeholder,
.compose-body-field textarea::placeholder,
.compose-subtitle-input::placeholder {
  color: #9ca5b3;
  opacity: 1;
}

.compose-body-field {
  align-items: flex-start;
  gap: 28px;
}

.compose-body-field > button {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  color: #2f73ff;
  background: #eef5ff;
  border: 0;
  border-radius: 7px;
  font-size: 1.35rem;
  line-height: 1;
}

.compose-body-field textarea {
  min-height: 360px;
  color: #596273;
  font-family: var(--body-font, var(--font-ui));
  font-size: 1.25rem;
  line-height: var(--article-line-height, 1.72);
  resize: vertical;
}

.compose-subtitle-input {
  min-height: 70px;
  color: #7b8494;
  font-family: var(--subtitle-font, var(--font-ui));
  font-size: 1.08rem;
  line-height: 1.5;
  resize: vertical;
}

.compose-drawer {
  display: none;
}

.blog-compose-studio.is-drawer-open .compose-drawer {
  position: sticky;
  top: 136px;
  display: grid;
  gap: 14px;
  align-self: start;
  max-height: calc(100vh - 150px);
  overflow: auto;
  padding: 18px;
  background: #ffffff;
  border-left: 1px solid #dfe5ee;
}

.blog-layout-card p {
  margin: 0;
  color: #526071;
  font-size: 0.92rem;
  line-height: 1.55;
}

.blog-compose-studio .editorial-footer {
  position: fixed;
  right: 24px;
  bottom: 18px;
  z-index: 20;
  display: flex;
  gap: 10px;
  padding: 8px 12px;
  color: #8b93a3;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e4e8ef;
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(19, 30, 55, 0.08);
}

.blog-compose-studio .editorial-footer span {
  color: #8b93a3;
  font-size: 0.76rem;
}

body.dark-mode .blog-compose-studio,
body.dark-mode .blog-compose-studio *,
body.dark-mode .admin-blog-section,
body.dark-mode .compose-header,
body.dark-mode .compose-rail,
body.dark-mode .compose-main,
body.dark-mode .compose-toolbar,
body.dark-mode .compose-page {
  background: #ffffff;
}

body.dark-mode .blog-compose-studio,
body.dark-mode .blog-compose-studio input,
body.dark-mode .blog-compose-studio textarea,
body.dark-mode .blog-compose-studio select,
body.dark-mode .blog-compose-studio button {
  color: #06133a;
}

body.dark-mode .compose-toolbar button,
body.dark-mode .compose-toolbar select,
body.dark-mode .compose-icon-button,
body.dark-mode .compose-save {
  color: #526071;
}

body.dark-mode .compose-publish {
  color: #ffffff;
  background: #06133a;
}

@media (max-width: 980px) {
  .compose-frame {
    grid-template-columns: minmax(0, 1fr);
  }

  .compose-toolbar {
    padding: 0 18px;
  }

  .compose-header {
    padding: 0 14px;
  }

  .compose-save {
    display: none;
  }
}

@media (max-width: 680px) {
  .compose-header {
    align-items: stretch;
    height: auto;
    padding: 10px 12px;
  }

  .compose-header-actions {
    gap: 6px;
  }

  .compose-publish {
    min-width: 104px;
    padding: 0 16px;
  }

  .compose-frame {
    grid-template-columns: 1fr;
  }

  .compose-rail {
    display: none;
  }

  .compose-toolbar {
    top: 106px;
  }

  .compose-page {
    width: calc(100% - 32px);
    padding-top: 28px;
  }

  .compose-body-field {
    gap: 12px;
  }

  .compose-title-input {
    font-size: 2.65rem;
  }

  .compose-expand {
    display: none;
  }
}

/* Final blog layout override: keep the reference-style journal layout intact after legacy responsive rules. */
.blog-grid {
  grid-template-columns: 1fr;
}

.blog-lead-card,
.blog-list-card {
  background: transparent;
  box-shadow: none;
}

@media (min-width: 901px) {
  .blog-lead-card {
    grid-template-columns: minmax(280px, 0.58fr) minmax(0, 1fr);
  }

  .blog-list-card {
    grid-template-columns: minmax(170px, 260px) minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .blog-lead-card,
  .blog-list-card,
  .blog-suggestions > div {
    grid-template-columns: 1fr;
  }
}

/* Sitewide text alignment and wrapping correction */
:root {
  --section-title-max: min(100%, 1200px);
}

h1,
h2,
h3,
.landing-hero-copy h2,
.landing-split-heading h2,
.landing-collection-heading h2,
.landing-story h2,
.section-heading h2,
.admin-section-heading h2,
.admin-topbar h2,
.auth-card h3,
.tier-card h3,
.agent-code-card h3,
.blog-reader-main > h1,
.product-body h3,
.landing-bundle-copy h3 {
  max-width: var(--section-title-max);
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  text-wrap: balance;
}

.landing-split-heading,
.landing-collection-heading,
.section-heading,
.admin-section-heading,
.admin-topbar {
  justify-items: center;
  text-align: center;
}

.landing-split-heading,
.landing-collection-heading {
  grid-template-columns: minmax(0, 1fr);
  justify-content: center;
  gap: 16px;
}

.landing-split-heading h2,
.landing-collection-heading h2 {
  width: 100%;
  font-size: clamp(2.25rem, 7.4vw, 5.3rem);
  line-height: 0.98;
  white-space: normal;
}

.landing-split-heading p,
.landing-collection-heading a {
  justify-self: center;
  max-width: min(100%, 760px);
  text-align: center;
}

.section-heading h2,
.admin-section-heading h2,
.admin-topbar h2 {
  width: min(100%, 1050px);
  font-size: clamp(2rem, 4.8vw, 4.4rem);
  line-height: 1.02;
}

.section-heading p:not(.eyebrow),
.admin-section-heading p:not(.eyebrow) {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.shop-toolbar {
  justify-content: center;
  grid-template-columns: minmax(220px, auto) minmax(260px, 420px) minmax(180px, 260px);
}

.product-row-header,
.dashboard-status,
.cart-header,
.cart-summary {
  justify-content: center;
  text-align: center;
}

p,
li,
span,
label,
button,
a,
strong {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.product-body p,
.landing-bundle-copy p,
.blog-excerpt,
.blog-reader-body,
.visual-body-preview {
  overflow-wrap: break-word;
  word-break: normal;
}

.button,
.text-button,
.cart-button,
.nav-links a,
.landing-category-tabs a,
.segmented-control button,
.dashboard-tabs button,
.tracking-tabs button {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .landing-split-heading h2,
  .landing-collection-heading h2,
  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2 {
    font-size: clamp(1.9rem, 8.8vw, 3.8rem);
    line-height: 1.04;
  }

  .shop-toolbar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
  }
}

@media (max-width: 520px) {
  .landing-split-heading h2,
  .landing-collection-heading h2,
  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2 {
    font-size: clamp(1.65rem, 10vw, 2.8rem);
  }

  .button,
  .text-button,
  .cart-button,
  .nav-links a,
  .segmented-control button {
    font-size: clamp(0.76rem, 3.6vw, 0.95rem);
  }
}

/* Public page heading polish */
#shop .section-heading,
#creators .section-heading,
#payments .section-heading,
#dashboard .section-heading {
  max-width: none;
  margin-inline: auto;
  text-align: center;
  justify-items: center;
}

#shop .section-heading .eyebrow {
  display: none;
}

#shop .section-heading h2,
#creators .section-heading h2,
#payments .section-heading h2,
#dashboard .section-heading h2,
.admin-topbar h2,
.admin-section-heading h2 {
  width: 100%;
  max-width: 100%;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
  text-wrap: balance;
}

#shop .section-heading h2 {
  font-size: clamp(2.25rem, 7.2vw, 5.4rem);
}

#creators .section-heading h2 {
  font-size: clamp(1.45rem, 4.6vw, 4.4rem);
  line-height: 0.98;
}

#payments .section-heading h2,
#dashboard .section-heading h2 {
  font-size: clamp(1.8rem, 5vw, 4rem);
}

#shop .section-heading p:not(.eyebrow),
#creators .section-heading p:not(.eyebrow),
#payments .section-heading p:not(.eyebrow),
#dashboard .section-heading p:not(.eyebrow) {
  max-width: 900px;
  margin-inline: auto;
  color: var(--brand);
  font-size: clamp(0.92rem, 1.6vw, 1.25rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-align: center;
}

#shop.shop-section {
  padding-top: clamp(42px, 7vw, 96px);
}

#shop .section-heading {
  margin-bottom: clamp(34px, 5vw, 72px);
  padding: 0;
  border: 0;
}

#shop .section-heading h2 {
  width: min(100%, 980px);
  font-size: clamp(2.7rem, 5.4vw, 5.6rem);
  line-height: 0.95;
  letter-spacing: 0.02em;
}

#shop .section-heading p:not(.eyebrow) {
  color: var(--brand);
  font-size: clamp(0.95rem, 1.7vw, 1.55rem);
  font-weight: 900;
  letter-spacing: 0.08em;
}

#shop .shop-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.25fr) minmax(220px, 0.7fr);
  gap: clamp(18px, 2.4vw, 38px);
  align-items: center;
  margin: 0 calc(var(--section-pad) * -1) 34px;
  padding: 24px var(--section-pad);
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, 0.04), transparent 28%),
    #050505;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

#shop .segmented-control {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-height: 62px;
  padding: 8px;
  background: color-mix(in srgb, var(--paper) 8%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
}

#shop .shop-filter-menu,
.cms-page-mirror .shop-filter-menu {
  display: contents;
}

#shop .shop-filter-toggle,
.cms-page-mirror .shop-filter-toggle {
  display: none;
}

#shop .segmented-control button {
  min-height: 48px;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 900;
  border-radius: 6px;
}

#shop .segmented-control button.is-active {
  color: #ffffff;
  background: var(--brand);
}

#shop .search-field,
#shop .sort-field {
  min-width: 0;
  gap: 0;
}

#shop .search-field > span,
#shop .sort-field > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

#shop .search-field input,
#shop .sort-field select {
  min-height: 64px;
  padding: 0 24px;
  color: #ffffff;
  background: color-mix(in srgb, var(--paper) 8%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 0.98rem;
  font-weight: 800;
}

#shop .search-field input {
  padding-left: 54px;
  padding-right: 82px;
  background-image: radial-gradient(circle at 26px 50%, transparent 8px, currentColor 9px, currentColor 10px, transparent 11px);
  background-repeat: no-repeat;
}

#shop .ai-search-toggle {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 3;
  display: grid;
  place-items: center;
  min-width: 56px;
  height: 48px;
  color: #ffffff;
  background: var(--brand);
  border: 1px solid var(--brand);
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#shop .ai-search-toggle.is-active {
  color: var(--brand);
  background: #ffffff;
  border-color: #ffffff;
}

#shop .search-field::after {
  content: "";
  position: absolute;
  left: 35px;
  top: 39px;
  width: 12px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: left center;
}

#shop .sort-field select {
  appearance: auto;
}

@media (max-width: 900px) {
  .agent-my-shop-heading,
  .agent-my-shop-grid,
  .agent-my-shop-grid-inner,
  .agent-my-shop-import {
    grid-template-columns: 1fr;
  }

  .agent-my-shop-heading {
    align-items: start;
    flex-direction: column;
  }

  #shop .shop-toolbar {
    grid-template-columns: 1fr;
    margin-inline: calc(var(--section-pad) * -1);
    padding-block: 18px;
  }
}

@media (max-width: 520px) {
  #shop .segmented-control {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.admin-topbar,
.admin-section-heading {
  justify-content: center;
  text-align: center;
}

.admin-topbar p,
.admin-section-heading p:not(.eyebrow) {
  max-width: 860px;
  margin-inline: auto;
  color: var(--brand);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-align: center;
}

@media (max-width: 760px) {
  #shop .section-heading h2,
  #creators .section-heading h2,
  #payments .section-heading h2,
  #dashboard .section-heading h2,
  .admin-topbar h2,
  .admin-section-heading h2 {
    font-size: clamp(1.45rem, 8.5vw, 2.9rem);
  }
}

/* Final responsive typography guard: keep long text inside its own box. */
h1,
h2,
h3,
.section-heading h2,
.admin-section-heading h2,
.admin-topbar h2,
.landing-split-heading h2,
.landing-collection-heading h2,
.landing-story h2,
.auth-card h3,
.tier-card h3,
.product-body h3,
.dashboard-panel h3,
.live-purchase-box h3,
.agent-growth-panel h3,
.agent-access-code-card h3 {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
  text-wrap: balance;
}

#shop .section-heading h2,
#creators .section-heading h2,
#payments .section-heading h2,
#dashboard .section-heading h2 {
  display: block;
  width: min(100%, 1180px);
  margin-inline: auto;
  font-size: clamp(1.35rem, 4.2vw, 4.25rem);
  line-height: 1;
}

#creators .section-heading h2 {
  font-size: clamp(1.25rem, 3.8vw, 3.8rem);
}

.section-heading p:not(.eyebrow),
.admin-section-heading p:not(.eyebrow),
.admin-topbar p,
.tier-card p,
.product-body p,
.dashboard-panel p,
.live-purchase-box p,
.agent-growth-panel p {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.button,
.text-button,
.cart-button,
.segmented-control button,
.dashboard-tabs button,
.tracking-tabs button,
.copy-code-button {
  max-width: 100%;
}

/* Landing hero final fit: keep the bloom visible and the first screen clean. */
.landing-video-section {
  overflow: hidden;
}

.landing-hero-copy {
  min-height: calc(100svh - 116px);
  padding-bottom: clamp(132px, 17vh, 190px);
}

.landing-hero-copy h2 {
  max-width: min(100%, 7.8ch);
  font-size: clamp(3.4rem, 7.4vw, 6.4rem);
  line-height: 0.86;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.landing-hero-copy > p:not(.landing-kicker) {
  max-width: 34rem;
  font-size: clamp(0.95rem, 1.28vw, 1.16rem);
  line-height: 1.34;
}

.landing-marquee {
  z-index: 3;
  margin-top: 0;
  background: #050505;
}

.landing-marquee span {
  padding-block: 19px;
}

@media (max-width: 760px) {
  .landing-video-section {
    min-height: auto;
  }

  .landing-video-section::after,
  .orchid-hero-animation {
    height: min(680px, calc(100svh - 104px));
    min-height: 500px;
  }

  .orchid-hero-svg {
    transform: scale(1.08) translateX(-5%);
  }

  .landing-hero-copy {
    min-height: min(680px, calc(100svh - 104px));
    max-width: 100%;
    align-content: start;
    padding: clamp(42px, 8vh, 68px) 18px 126px;
  }

  .landing-kicker {
    margin-bottom: 12px;
    padding: 4px 9px;
    font-size: 0.58rem;
    letter-spacing: 0.08em;
  }

  .landing-hero-copy h2 {
    max-width: 100%;
    font-size: clamp(3.1rem, 13.5vw, 5.15rem);
    line-height: 0.88;
    white-space: nowrap !important;
  }

  .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 30rem;
    margin-top: 18px;
    font-size: clamp(0.72rem, 3.15vw, 0.92rem);
    letter-spacing: 0.045em;
    line-height: 1.42;
  }

  .landing-hero-button {
    width: fit-content;
    min-width: 0;
    min-height: 48px;
    margin-top: 26px;
    padding-inline: 22px;
    font-size: 0.74rem;
  }

  .landing-marquee {
    margin-top: 0;
  }

  .landing-marquee span {
    padding: 14px 24px 15px;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
  }
}

@media (max-width: 430px) {
  .landing-video-section::after,
  .orchid-hero-animation {
    height: min(620px, calc(100svh - 96px));
    min-height: 480px;
  }

  .landing-hero-copy {
    min-height: min(620px, calc(100svh - 96px));
    padding: 38px 16px 118px;
  }

  .landing-hero-copy h2 {
    font-size: clamp(2.65rem, 13vw, 3.55rem);
  }

  .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 24rem;
    font-size: 0.68rem;
    letter-spacing: 0.035em;
  }

  .landing-hero-button {
    min-height: 44px;
    padding-inline: 18px;
    font-size: 0.68rem;
  }

  .landing-marquee {
    margin-top: 0;
  }

.landing-marquee span {
    padding-inline: 18px;
    font-size: 0.56rem;
  }
}

.orchid-chat-widget {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 90;
  font-family: inherit;
}

.orchid-chat-button {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 3rem;
  padding: 0.65rem 0.9rem;
  border: 1px solid rgba(0, 107, 79, 0.55);
  border-radius: 999px;
  background: #050505;
  color: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.orchid-chat-button span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #006b4f;
  font-weight: 900;
}

.orchid-chat-button strong {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.orchid-chat-panel {
  position: absolute;
  right: 0;
  bottom: 3.9rem;
  width: min(92vw, 390px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(5, 5, 5, 0.97);
  color: #fff;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.orchid-chat-header,
.orchid-chat-form {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.orchid-chat-header {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.orchid-chat-header h2 {
  margin: 0;
  font-size: 1.2rem;
}

.orchid-chat-messages {
  display: grid;
  gap: 0.75rem;
  max-height: 320px;
  padding: 1rem;
  overflow: auto;
}

.orchid-chat-message {
  width: fit-content;
  max-width: 88%;
  margin: 0;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.92rem;
  line-height: 1.45;
}

.orchid-chat-message a {
  color: var(--brand);
  font-weight: 900;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.orchid-chat-message.is-user {
  justify-self: end;
  background: rgba(0, 107, 79, 0.22);
}

.orchid-chat-form {
  border-top: 1px solid rgba(255, 255, 255, 0.11);
  border-bottom: 0;
}

.orchid-chat-form select,
.orchid-chat-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  background: #090909;
  color: #fff;
  padding: 0.75rem;
  font: inherit;
}

.orchid-assistant-admin-shell {
  display: grid;
  gap: 1rem;
}

.orchid-assistant-settings {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
}

.orchid-assistant-card {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.035);
}

.orchid-assistant-card label {
  display: grid;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.orchid-assistant-card input,
.orchid-assistant-card textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  background: #070707;
  color: #fff;
  padding: 0.75rem;
  font: inherit;
  text-transform: none;
}

.orchid-assistant-log {
  display: grid;
  gap: 0.25rem;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.86rem;
}

.orchid-assistant-hierarchy,
.orchid-assistant-os,
.orchid-assistant-module-registry,
.orchid-assistant-permission-matrix {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background:
    radial-gradient(circle at top left, rgba(0, 128, 96, 0.14), transparent 34rem),
    rgba(255, 255, 255, 0.028);
}

.orchid-assistant-module-heading,
.owner-tali-module-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.orchid-assistant-module-heading h3,
.orchid-assistant-module-group h4,
.orchid-assistant-hierarchy-tier h4,
.orchid-assistant-permission-card h4,
.owner-tali-module-head h3 {
  margin: 0;
  color: #ffffff;
}

.orchid-assistant-module-heading p,
.orchid-assistant-hierarchy-tier p,
.orchid-assistant-permission-card p,
.owner-tali-module-head p,
.owner-tali-module-list span {
  color: rgba(255, 255, 255, 0.68);
}

.orchid-assistant-flow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}

.orchid-assistant-flow span {
  position: relative;
  min-height: 54px;
  padding: 0.65rem;
  border: 1px solid rgba(0, 128, 96, 0.34);
  border-radius: 10px;
  background: rgba(0, 128, 96, 0.1);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.orchid-assistant-flow span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.42rem;
  width: 0.32rem;
  height: 0.32rem;
  border-top: 2px solid var(--brand);
  border-right: 2px solid var(--brand);
  transform: translateY(-50%) rotate(45deg);
}

.orchid-assistant-hierarchy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.orchid-assistant-hierarchy-tier {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.orchid-assistant-hierarchy-tier > span {
  width: fit-content;
  padding: 0.25rem 0.55rem;
  color: var(--brand);
  border: 1px solid rgba(0, 128, 96, 0.34);
  border-radius: 999px;
  background: rgba(0, 128, 96, 0.1);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.orchid-assistant-hierarchy-tier p,
.orchid-assistant-hierarchy-tier small {
  margin: 0;
  line-height: 1.5;
}

.orchid-assistant-hierarchy-tier small {
  color: rgba(255, 255, 255, 0.58);
}

.orchid-assistant-os {
  overflow: hidden;
}

.orchid-assistant-os-flow {
  display: flex;
  gap: 0.45rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scrollbar-width: thin;
}

.orchid-assistant-os-flow span {
  flex: 0 0 auto;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(0, 128, 96, 0.34);
  border-radius: 999px;
  background: rgba(0, 128, 96, 0.1);
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.orchid-assistant-os-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.orchid-assistant-os-card,
.orchid-assistant-os-registry {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

.orchid-assistant-os-card h4,
.orchid-assistant-os-registry h4 {
  margin: 0;
  color: #ffffff;
}

.orchid-assistant-os-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.5;
}

.orchid-assistant-os-registry > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.orchid-assistant-os-registry span {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
  padding: 0.7rem;
  border: 1px solid rgba(0, 128, 96, 0.24);
  border-radius: 8px;
  background: rgba(0, 128, 96, 0.08);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.orchid-assistant-os-registry strong {
  color: #ffffff;
}

.orchid-assistant-module-count {
  min-width: 86px;
  padding: 0.8rem;
  text-align: center;
  border: 1px solid rgba(0, 128, 96, 0.35);
  border-radius: 9px;
  background: rgba(0, 128, 96, 0.12);
}

.orchid-assistant-module-count strong {
  display: block;
  color: #ffffff;
  font-size: 1.9rem;
  line-height: 1;
}

.orchid-assistant-module-count span {
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.orchid-assistant-module-group {
  display: grid;
  gap: 0.75rem;
}

.orchid-assistant-module-grid,
.orchid-assistant-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.orchid-assistant-module-card,
.orchid-assistant-permission-card {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.orchid-assistant-module-card {
  border-left: 3px solid rgba(0, 128, 96, 0.7);
}

.orchid-assistant-module-card.is-medium {
  border-left-color: #d7a43d;
}

.orchid-assistant-module-card.is-protected {
  border-left-color: #6aa6ff;
}

.orchid-assistant-module-card.is-critical {
  border-left-color: #ff6b6b;
}

.orchid-assistant-module-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.orchid-assistant-module-card-head span {
  color: var(--brand);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.orchid-assistant-module-card-head em {
  font-style: normal;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.orchid-assistant-module-card h5 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
}

.orchid-assistant-module-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.5;
}

.orchid-assistant-module-card dl {
  display: grid;
  gap: 0.4rem;
  margin: 0;
}

.orchid-assistant-module-card dl div {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  gap: 0.5rem;
}

.orchid-assistant-module-card dt {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.orchid-assistant-module-card dd {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  overflow-wrap: anywhere;
}

.orchid-assistant-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.orchid-assistant-chip-row span {
  padding: 0.32rem 0.55rem;
  color: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 128, 96, 0.35);
  border-radius: 999px;
  background: rgba(0, 128, 96, 0.12);
  font-size: 0.7rem;
  font-weight: 850;
}

.orchid-assistant-module-card small {
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.45;
}

.orchid-assistant-permission-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
}

.orchid-assistant-permission-card > div:first-child span {
  padding: 0.24rem 0.52rem;
  color: var(--brand);
  border: 1px solid rgba(0, 128, 96, 0.32);
  border-radius: 999px;
  background: rgba(0, 128, 96, 0.1);
  font-size: 0.68rem;
  font-weight: 900;
}

.owner-tali-module-summary {
  display: grid;
  gap: 1rem;
}

.owner-tali-module-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
}

.owner-tali-module-list span {
  display: grid;
  gap: 0.2rem;
  padding: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.76rem;
}

.owner-tali-module-list strong {
  color: #ffffff;
  font-size: 0.84rem;
}

.orchid-assistant-journal-card {
  margin-top: 18px;
}

.tali-journal-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.tali-journal-status-grid article {
  min-height: 96px;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel-soft) 88%, var(--brand));
}

.tali-journal-status-grid span,
.tali-journal-form-grid label {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tali-journal-status-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font-size: clamp(0.86rem, 1.4vw, 1rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.tali-journal-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tali-journal-form-grid label {
  display: grid;
  gap: 8px;
}

.tali-journal-form-grid input,
.tali-journal-form-grid select,
.tali-journal-form-grid textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 12px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
}

.tali-journal-form-grid input[type="checkbox"] {
  width: 24px;
  min-height: 24px;
  accent-color: var(--brand);
}

.tali-journal-sources {
  grid-column: 1 / -1;
}

.tali-journal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tali-journal-run-log {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.tali-journal-run-log span {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 86%, var(--brand));
}

.tali-journal-run-log strong {
  color: var(--ink);
}

@media (max-width: 760px) {
  .orchid-chat-widget {
    right: 0.75rem;
    bottom: 0.75rem;
  }

  .orchid-chat-panel {
    width: calc(100vw - 1.5rem);
  }

  .my-shop-public-preview-collections {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .my-shop-public-preview-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .orchid-assistant-settings {
    grid-template-columns: 1fr;
  }

  .orchid-assistant-module-heading,
  .owner-tali-module-head {
    display: grid;
  }

  .orchid-assistant-module-grid,
  .orchid-assistant-hierarchy-grid,
  .orchid-assistant-permission-grid,
  .orchid-assistant-os-grid,
  .orchid-assistant-os-registry > div,
  .owner-tali-module-list,
  .tali-journal-status-grid,
  .tali-journal-form-grid {
    grid-template-columns: 1fr;
  }

  .orchid-assistant-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .orchid-assistant-flow span:not(:last-child)::after {
    display: none;
  }
}

/* Creator dashboard parity: live dashboard and CMS mirror use the same page language. */
.agent-dashboard {
  width: min(100%, 1320px);
  margin-inline: auto;
}

.agent-dashboard-tabs {
  display: flex;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  margin: 18px 0 24px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}

.agent-dashboard-tabs button {
  min-height: 48px;
  padding: 0 22px;
  color: rgba(255, 255, 255, 0.74);
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-dashboard-tabs button:last-child {
  border-right: 0;
}

.agent-dashboard-tabs button.is-active {
  color: #ffffff;
  background: var(--brand);
}

.live-agent-page-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.dashboard-logout-button {
  min-height: 38px;
  padding: 0 16px;
  font-size: 0.7rem;
  border-radius: 999px;
}

.brand-dashboard-hero .copy-code-button {
  min-height: 38px;
  padding: 0 16px;
  font-size: 0.7rem;
  border-radius: 999px;
}

.agent-code-card {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  padding: clamp(22px, 4vw, 42px);
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.045), transparent 34%),
    #0a0a0a;
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 12px;
}

.agent-code-card.has-code {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.36fr);
  align-items: center;
}

.agent-code-card.has-code h3,
.agent-access-code-card h3 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  text-wrap: nowrap;
}

.agent-code-card h3 {
  width: auto;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 4.4rem);
  line-height: 0.95;
  letter-spacing: 0.02em;
  border-bottom: 0;
}

.agent-code-card.has-code h3 {
  width: fit-content;
  color: var(--brand);
  font-size: clamp(2.9rem, 7vw, 6rem);
  letter-spacing: 0.08em;
  border-bottom: 3px solid var(--brand);
}

.agent-code-card p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.72);
}

.agent-code-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.agent-code-generator {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.28fr);
  gap: 14px;
  align-items: end;
}

.agent-code-generator label {
  display: grid;
  gap: 10px;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agent-code-generator input {
  min-height: 52px;
  color: #ffffff;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.agent-code-generator .button {
  min-height: 58px;
}

.agent-dashboard-grid {
  grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
}

.live-purchase-box,
.agent-dashboard-grid .dashboard-panel,
.agent-payout-card,
.agent-growth-panel {
  background: #0a0a0a;
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}

.metric-row {
  border-color: rgba(255, 255, 255, 0.16);
}

.metric-row div {
  background: transparent;
}

.agent-access-code-card h3 {
  display: inline-block;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .agent-dashboard-tabs,
  .agent-dashboard-page-switch {
    width: 100%;
  }

  .agent-dashboard-tabs button,
  .agent-dashboard-page-switch button {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: 10px;
  }

  .agent-code-card.has-code,
  .agent-dashboard-grid,
  .agent-code-generator {
    grid-template-columns: minmax(0, 1fr);
  }

  .agent-code-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .agent-code-card h3 {
    font-size: clamp(1.55rem, 9vw, 2.8rem);
  }

  .agent-code-card.has-code h3,
  .agent-access-code-card h3 {
    font-size: clamp(2.1rem, 13vw, 3.7rem);
  }
}

/* Hard live/CMS dashboard alignment overrides. */
.agent-dashboard-live .agent-dashboard-code-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(18px, 4vw, 48px) !important;
  min-height: 0 !important;
  padding: clamp(28px, 5vw, 58px) !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.04), transparent 34%),
    #0b0b0b !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
}

.agent-dashboard-live .agent-dashboard-code-card h3 {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2.1rem, 5vw, 4.7rem) !important;
  line-height: 0.94 !important;
  letter-spacing: 0.02em !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  border-bottom: 0 !important;
}

.agent-dashboard-live .agent-dashboard-code-card.has-code h3 {
  display: inline-block !important;
  width: fit-content !important;
  color: var(--brand) !important;
  font-size: clamp(2.7rem, 7vw, 6rem) !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  border-bottom: 3px solid var(--brand) !important;
}

.agent-dashboard-live .agent-code-actions {
  position: static !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-self: center !important;
}

.agent-dashboard-live .agent-code-generator {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.25fr) !important;
  gap: 14px !important;
}

.agent-dashboard-live .agent-code-generator .button {
  width: auto !important;
  min-height: 58px !important;
}

.agent-dashboard-live .agent-dashboard-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.36fr) minmax(0, 1fr) !important;
  gap: 18px !important;
}

.agent-access-code-card {
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.72fr) !important;
}

.agent-access-code-card h3 {
  max-width: none !important;
  width: max-content !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  font-size: clamp(2.8rem, 4.9vw, 4.6rem) !important;
  letter-spacing: 0.055em !important;
}

.package-dashboard-stage .agent-access-code-card {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.75fr) !important;
}

.package-dashboard-stage .agent-access-code-card h3 {
  font-size: clamp(3rem, 4.8vw, 4.5rem) !important;
  line-height: 0.95 !important;
}

.cms-dashboard-card-switch {
  margin-top: 24px;
}

.cms-dashboard-card-switch button {
  min-height: 42px;
  padding-inline: 16px;
  font-size: 0.68rem;
}

@media (max-width: 900px) {
  .agent-dashboard-live .agent-dashboard-code-card,
  .agent-dashboard-live .agent-dashboard-grid,
  .agent-dashboard-live .agent-code-generator,
  .agent-access-code-card,
  .package-dashboard-stage .agent-access-code-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .agent-dashboard-live .agent-code-actions {
    justify-content: flex-start !important;
  }
}

/* Shared live + CMS creator dashboard editor surface. Keep every creator dashboard edit mirrored. */
.agent-dashboard .agent-code-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: clamp(18px, 4vw, 48px) !important;
  align-items: center !important;
  padding: clamp(28px, 5vw, 58px) !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.04), transparent 34%),
    #0b0b0b !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
}

.agent-dashboard .agent-code-card h3 {
  max-width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2rem, 5vw, 4.7rem) !important;
  line-height: 0.94 !important;
  letter-spacing: 0.02em !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  border-bottom: 0 !important;
}

.agent-dashboard .agent-code-card.has-code h3 {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: var(--brand) !important;
  font-size: clamp(2.7rem, 7vw, 6rem) !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
  border-bottom: 3px solid var(--brand) !important;
}

.agent-dashboard .agent-code-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.agent-dashboard .agent-code-generator {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.25fr) !important;
  gap: 14px !important;
}

.agent-dashboard .agent-code-generator .button {
  width: auto !important;
  min-height: 58px !important;
}

.agent-dashboard .agent-dashboard-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.36fr) minmax(0, 1fr) !important;
  gap: 18px !important;
}

@media (max-width: 900px) {
  .agent-dashboard .agent-code-card,
  .agent-dashboard .agent-code-generator,
  .agent-dashboard .agent-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .agent-dashboard .agent-code-actions {
    justify-content: flex-start !important;
  }
}

.cms-agent-dashboard-editor .dashboard-template-canvas {
  gap: 18px;
  padding: clamp(18px, 3vw, 34px);
}

.cms-agent-dashboard-editor .dashboard-status,
.cms-agent-dashboard-editor .agent-dashboard-tabs,
.cms-agent-dashboard-editor .agent-code-card,
.cms-agent-dashboard-editor .agent-dashboard-grid {
  width: 100%;
}

.cms-agent-dashboard-editor .agent-code-topline strong,
.cms-agent-dashboard-editor .agent-code-card h3 {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

.live-agent-page-switch-row {
  margin: 10px 0 24px;
  padding-inline: 0;
}

.live-agent-page-switch-row::before,
.live-agent-page-switch-row::after {
  width: calc(50% - 230px);
  background: var(--line);
}

@media (max-width: 900px) {
  .agent-flow-page-switch-row {
    padding: 14px 20px 22px;
  }

  .agent-flow-page-switch-row::before,
  .agent-flow-page-switch-row::after,
  .live-agent-page-switch-row::before,
  .live-agent-page-switch-row::after {
    display: none;
  }
}

/* Compact mobile shop grid. */
@media (max-width: 820px) {
  #shop.shop-section {
    gap: 22px;
  }

  #shop .product-grid {
    gap: 24px !important;
  }

  #shop .featured-products,
  #shop .shop-audience-browser,
  #shop .shop-audience-row {
    gap: 12px !important;
  }

  #shop .featured-product-grid,
  #shop .product-row-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    touch-action: auto !important;
  }

  #shop .product-row-shell,
  #shop .product-row-shell .product-row-scroll {
    display: block !important;
  }

  #shop .product-scroll-arrow {
    display: none !important;
  }

  #shop .product-row-scroll .product-card,
  #shop .featured-product-grid .product-card {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 7px !important;
    scroll-snap-align: none !important;
  }

  #shop .product-visual {
    aspect-ratio: 1 / 1.12 !important;
    min-height: 0 !important;
  }

  #shop .product-visual img,
  #shop .product-preview-trigger img {
    object-fit: contain !important;
    padding: 5px !important;
  }

  #shop .product-image-toggle {
    bottom: 6px !important;
    gap: 4px !important;
  }

  #shop .product-image-toggle button {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
  }

  #shop .product-body {
    gap: 6px !important;
    padding-top: 8px !important;
  }

  #shop .product-body h3 {
    font-size: clamp(0.76rem, 3.2vw, 0.94rem) !important;
    line-height: 1.12 !important;
    min-height: 2.2em;
  }

  #shop .product-body p {
    display: none !important;
  }

  #shop .product-buy-row {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 7px !important;
    align-items: stretch !important;
  }

  #shop .product-buy-row strong {
    font-size: clamp(0.76rem, 3vw, 0.9rem) !important;
    line-height: 1.1 !important;
  }

  #shop .product-buy-row .button {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    font-size: 0.68rem !important;
  }

  .admin-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .admin-featured-tile summary {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 44px;
    padding: 7px !important;
  }

  .admin-featured-tile img {
    width: 100% !important;
    aspect-ratio: 1 / 1.1 !important;
    object-fit: contain !important;
    background: var(--panel-soft);
  }
}

@media (min-width: 560px) and (max-width: 820px) {
  #shop .featured-product-grid,
  #shop .product-row-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Shared live + CMS My Shop dashboard layout. */
.agent-dashboard-live .live-agent-page-switch-row {
  justify-items: start;
  margin: 0 0 28px;
  padding: 0;
}

.agent-dashboard-live .live-agent-page-switch-row::before,
.agent-dashboard-live .live-agent-page-switch-row::after {
  display: none;
}

.agent-dashboard-live #agent-my-shop-panel,
.cms-my-shop-preview .agent-my-shop {
  gap: 18px;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading,
.cms-my-shop-preview .agent-my-shop-heading,
.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import,
.cms-my-shop-preview .agent-my-shop-import,
.agent-my-shop-catalogue-panel {
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.04), transparent 34%),
    #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading,
.cms-my-shop-preview .agent-my-shop-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(18px, 4vw, 48px);
  min-height: 170px;
  padding: clamp(28px, 4vw, 44px);
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading .eyebrow,
.cms-my-shop-preview .agent-my-shop-heading .eyebrow,
.agent-my-shop-catalogue-copy .eyebrow {
  color: var(--brand);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading h3,
.cms-my-shop-preview .agent-my-shop-heading h3 {
  max-width: 100%;
  margin: 22px 0 14px;
  font-size: clamp(2rem, 4.2vw, 3.45rem);
  line-height: 0.98;
  letter-spacing: 0.02em;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading p:not(.eyebrow),
.cms-my-shop-preview .agent-my-shop-heading p:not(.eyebrow),
.agent-my-shop-catalogue-copy p:not(.eyebrow),
.agent-my-shop-empty p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: clamp(0.98rem, 1.45vw, 1.14rem);
}

.agent-my-shop-code-action,
.agent-my-shop-import .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 58px;
  padding-inline: 28px;
  white-space: nowrap;
}

.agent-my-shop-code-action:disabled {
  opacity: 1;
  cursor: default;
}

.agent-my-shop-code-action svg,
.agent-my-shop-import .button svg,
.agent-my-shop-empty svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import,
.cms-my-shop-preview .agent-my-shop-import {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: clamp(24px, 3vw, 36px);
}

.agent-my-shop-manual-fields {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding-top: 10px;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import label,
.cms-my-shop-preview .agent-my-shop-import label {
  color: #ffffff;
  font-size: 0.88rem;
  letter-spacing: 0;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import input,
.cms-my-shop-preview .agent-my-shop-import input {
  min-height: 60px;
  margin-top: 16px;
  padding-inline: 18px;
  color: #ffffff;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
}

.agent-my-shop-manual-fields input {
  min-height: 46px !important;
  margin-top: 8px !important;
  font-size: 0.88rem !important;
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import input::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

.agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import .form-note,
.cms-my-shop-preview .agent-my-shop-import .form-note {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.98rem;
}

.agent-my-shop-catalogue-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 56px);
  align-items: center;
  padding: clamp(28px, 4vw, 44px);
}

.agent-my-shop-catalogue-panel.is-compact {
  grid-template-columns: minmax(220px, 0.7fr) minmax(220px, 0.45fr);
  gap: 18px;
  padding: clamp(16px, 2vw, 24px);
}

.agent-my-shop-catalogue-copy h3 {
  margin: 18px 0 14px;
  font-size: clamp(1.35rem, 2.3vw, 1.9rem);
  line-height: 1.08;
}

.agent-my-shop-catalogue-panel.is-compact .agent-my-shop-catalogue-copy h3 {
  margin: 8px 0 8px;
  font-size: clamp(1.08rem, 1.8vw, 1.42rem);
}

.agent-my-shop-grid-inner.is-empty {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.agent-my-shop-empty {
  display: grid;
  place-items: center;
  min-height: 170px;
  padding: 28px;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, 0.26);
}

.agent-my-shop-empty.is-summary {
  min-height: 96px;
  grid-template-columns: auto minmax(0, 1fr);
  place-items: center start;
  column-gap: 14px;
  padding: 16px 18px;
  text-align: left;
}

.agent-my-shop-empty span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 14px;
  color: var(--brand);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}

.agent-my-shop-empty.is-summary span {
  width: 42px;
  height: 42px;
  margin-bottom: 0;
}

.agent-my-shop-empty.is-summary p {
  grid-column: 2;
  font-size: 0.78rem;
}

.agent-my-shop-empty strong {
  color: #ffffff;
  font-size: 0.96rem;
  text-transform: uppercase;
}

.agent-shop-clicks {
  display: inline-block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cms-my-shop-preview .agent-access-intro,
.cms-my-shop-preview > .agent-access-code-actions {
  display: none;
}

.cms-my-shop-preview-lite {
  display: grid;
  gap: 18px;
  padding: clamp(18px, 3vw, 28px);
  background: #090909;
}

.cms-my-shop-preview-lite .agent-my-shop {
  display: grid;
  gap: 18px;
}

.cms-my-shop-preview-lite .agent-dashboard-page-switch {
  width: min(100%, 320px);
}

.cms-my-shop-preview-lite .cms-my-shop-static-products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
}

@media (max-width: 760px) {
  .agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading,
  .cms-my-shop-preview .agent-my-shop-heading,
  .agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import,
  .cms-my-shop-preview .agent-my-shop-import,
  .agent-my-shop-manual-fields,
  .agent-my-shop-catalogue-panel,
  .agent-my-shop-settings,
  .agent-my-shop-settings-body,
  .agent-my-shop-settings-form,
  .brand-hero,
  .brand-dashboard-hero,
  .brand-info-grid,
  .brand-auth-card,
  .brand-auth-card .auth-form,
  .brand-metric-grid,
  .cms-mirror-toolbar,
  .cms-page-fields,
  .cms-product-live-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .agent-my-shop-code-action,
  .agent-my-shop-import .button {
    width: 100%;
    white-space: normal;
  }

  .agent-dashboard-live .live-agent-page-switch-row {
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 18px;
  }

  .dashboard-logout-button {
    width: fit-content;
  }

  .agent-my-shop-collection-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cms-my-shop-preview-lite .cms-my-shop-static-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agent-my-shop-collection-row .agent-my-shop-category-card[open] .agent-my-shop-collection-summary {
    width: 100%;
  }
}

/* Creator dashboard top arrangement shared by live and CMS. */
.agent-dashboard-live,
.package-dashboard-stage {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.045), transparent 34%),
    #090909;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
}

.agent-dashboard-live {
  padding: clamp(18px, 3vw, 28px);
}

.package-dashboard-stage {
  padding: 0;
}

.agent-dashboard-live .live-agent-page-switch-row,
.dashboard-surface-flow-shell .agent-flow-page-switch-row {
  justify-items: center !important;
  margin: 0 !important;
  padding: clamp(34px, 5vw, 56px) 0 clamp(18px, 3vw, 28px) !important;
}

.agent-dashboard-live .live-agent-page-switch-row::before,
.agent-dashboard-live .live-agent-page-switch-row::after,
.dashboard-surface-flow-shell .agent-flow-page-switch-row::before,
.dashboard-surface-flow-shell .agent-flow-page-switch-row::after {
  display: none !important;
}

.dashboard-surface-flow-shell {
  position: relative;
  border-bottom: 0;
}

.agent-dashboard-editor-action {
  position: absolute;
  z-index: 2;
  top: clamp(16px, 2.5vw, 28px);
  right: clamp(16px, 2.5vw, 28px);
  display: flex;
  justify-content: flex-end;
}

.agent-dashboard-editor-action .button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding-inline: 18px;
  font-size: 0.72rem;
}

.agent-dashboard-editor-action svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.agent-dashboard-live .agent-dashboard-page-switch,
.dashboard-surface-flow-shell .agent-dashboard-page-switch {
  min-width: min(100%, 276px);
}

.agent-dashboard-live .agent-dashboard-page-switch button,
.dashboard-surface-flow-shell .agent-dashboard-page-switch button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding-inline: 18px;
}

.package-dashboard-stage .dashboard-template-canvas {
  background: transparent;
  border: 0;
  border-radius: 0;
}

@media (max-width: 700px) {
  .agent-dashboard-editor-action {
    position: static;
    padding: 16px 16px 0;
  }

  .agent-dashboard-editor-action .button {
    width: 100%;
    justify-content: center;
  }

  .agent-dashboard-live .live-agent-page-switch-row,
  .dashboard-surface-flow-shell .agent-flow-page-switch-row {
    padding-top: 18px !important;
  }
}

/* Shop CMS editor dashboard. */
.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) {
  margin: -78px -4vw;
  color: #ffffff;
  background: #050505;
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-sidebar {
  background: #060606;
  border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-logo {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 22px 0 34px;
  color: #ffffff;
  text-transform: uppercase;
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-logo span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #ffffff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-sidebar nav a {
  min-height: 44px;
  color: rgba(255, 255, 255, 0.86);
  background: transparent;
  border: 0;
  border-radius: 6px;
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-sidebar nav a.is-active,
.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-sidebar nav a:hover {
  color: #ffffff;
  background: linear-gradient(90deg, rgba(227, 0, 0, 0.55), rgba(227, 0, 0, 0.16));
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-main {
  gap: 18px;
  padding: clamp(24px, 3vw, 46px);
  background:
    radial-gradient(circle at 78% 5%, rgba(255, 255, 255, 0.035), transparent 32%),
    #050505;
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-topbar {
  align-items: end;
  color: #ffffff;
  border-bottom: 0;
}

.admin-panel:has([data-admin-view-panel="shop"]:not(.is-hidden)) .admin-topbar h2 {
  margin: 8px 0;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.25rem, 4vw, 3.65rem);
  letter-spacing: 0;
  text-transform: none;
}

.shop-cms-top-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.cms-global-toolbar {
  position: sticky;
  top: 0;
  z-index: 35;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px;
  background: linear-gradient(180deg, #141414, #050505);
  border: 1px solid rgba(0, 107, 79, 0.35);
  border-radius: 0;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
}

.cms-global-toolbar.is-hidden {
  display: none !important;
}

.cms-toolbar-selection {
  min-height: 32px;
  max-width: 180px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  font-size: 0.68rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cms-toolbar-panel,
.cms-toolbar-actions {
  display: none;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.cms-global-toolbar.is-empty-mode .cms-toolbar-empty,
.cms-global-toolbar.is-text-mode .cms-toolbar-text,
.cms-global-toolbar.is-object-mode .cms-toolbar-object,
.cms-global-toolbar .cms-toolbar-actions {
  display: flex;
}

.cms-toolbar-empty {
  min-height: 30px;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.62);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.cms-global-toolbar select,
.cms-global-toolbar input,
.cms-global-toolbar label {
  min-height: 30px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 3px;
  font-size: 0.72rem;
  font-weight: 800;
}

.cms-global-toolbar select,
.cms-global-toolbar input {
  padding: 4px 7px;
}

.cms-global-toolbar input[type="number"] {
  width: 66px;
}

.cms-global-toolbar input[type="color"] {
  width: 38px;
  padding: 2px;
  border-radius: 6px;
  cursor: pointer;
}

.cms-global-toolbar label {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  padding: 0 6px;
}

.cms-color-box {
  padding-right: 3px !important;
}

.cms-color-box input[type="color"] {
  width: 30px;
  height: 24px;
  margin-left: 2px;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.cms-global-toolbar .cms-font-size-slider {
  gap: 8px;
  min-width: 170px;
}

.cms-global-toolbar input[type="range"] {
  width: 92px;
  accent-color: var(--brand);
}

.cms-global-toolbar output {
  min-width: 24px;
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 900;
}

.cms-global-toolbar .copy-code-button,
.cms-global-toolbar .button {
  min-height: 30px;
  padding: 0 9px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: 3px;
  font-size: 0.68rem;
}

.cms-global-toolbar .copy-code-button:hover,
.cms-global-toolbar .button:hover,
.cms-global-toolbar .copy-code-button.is-active {
  color: #ffffff;
  background: var(--brand);
  border-color: var(--brand);
}

.cms-global-toolbar [disabled] {
  opacity: 0.42;
  cursor: not-allowed;
}

.shop-cms-top-actions .copy-code-button,
.shop-cms-top-actions .button {
  min-height: 48px;
  padding-inline: 26px;
}

.shop-cms-top-actions.cms-global-toolbar .copy-code-button,
.shop-cms-top-actions.cms-global-toolbar .button {
  min-height: 30px;
  padding: 0 9px;
}

.shop-cms-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.shop-cms-editor > .shop-cms-identity,
.shop-cms-editor > .shop-cms-summary {
  display: none !important;
}

.cms-page-mirror .product-scroll-arrow,
.cms-page-mirror .product-preview-arrow,
.shop-cms-selected-media .admin-image-arrow {
  display: none !important;
}

.shop-cms-card {
  min-width: 0;
  padding: clamp(18px, 2vw, 24px);
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.04), transparent 32%),
    #0b0b0b;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
}

.shop-cms-card-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.shop-cms-card-heading > span {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

.shop-cms-card-heading svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.shop-cms-card-heading h3 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
}

.shop-cms-card-heading p,
.shop-cms-store-form label,
.shop-cms-product-fields label {
  color: rgba(255, 255, 255, 0.68);
}

.shop-cms-store-form {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.shop-cms-store-form input,
.shop-cms-store-form textarea,
.shop-cms-product-fields input,
.shop-cms-product-fields textarea,
.shop-cms-product-fields select,
.shop-cms-filter-row input,
.shop-cms-filter-row select {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
}

.shop-cms-selected-product {
  display: grid;
  grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.shop-cms-selected-media {
  position: relative;
  display: grid;
  gap: 10px;
}

.shop-cms-selected-media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
}

.shop-cms-product-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.shop-cms-product-fields .cms-wide-field {
  grid-column: 1 / -1;
}

.shop-cms-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.shop-cms-summary-grid article {
  display: grid;
  gap: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
}

.shop-cms-summary-grid span,
.shop-cms-product-table [role="columnheader"] {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  text-transform: uppercase;
}

.shop-cms-summary-grid strong {
  color: #ffffff;
  font-size: 1.85rem;
}

.shop-cms-summary-grid small {
  color: var(--brand);
  font-weight: 900;
}

.shop-cms-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
}

.shop-cms-status span {
  padding: 6px 14px;
  color: #ffffff;
  background: rgba(16, 138, 54, 0.45);
  border-radius: 999px;
}

.shop-cms-products {
  grid-column: 1 / -1;
}

.shop-cms-products-heading,
.shop-cms-filter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.shop-cms-products-heading > div:last-child {
  display: flex;
  gap: 10px;
}

.shop-cms-filter-row {
  margin: 18px 0 12px;
}

.shop-cms-filter-row input {
  min-width: min(320px, 100%);
}

.shop-cms-product-table {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
}

.shop-cms-product-table [role="row"],
.shop-cms-product-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) minmax(110px, 0.8fr) minmax(90px, 0.6fr) minmax(90px, 0.6fr) minmax(110px, 0.7fr) 44px;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 14px;
  color: #ffffff;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.shop-cms-product-row:hover,
.shop-cms-product-row.is-active {
  background: rgba(255, 255, 255, 0.055);
}

.shop-cms-product-row span:first-child {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.shop-cms-product-row img {
  grid-row: span 2;
  width: 42px;
  aspect-ratio: 1;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}

.shop-cms-product-row small {
  color: rgba(255, 255, 255, 0.58);
}

.shop-cms-product-row em {
  width: fit-content;
  padding: 4px 10px;
  color: #7cf0a3;
  font-style: normal;
  font-weight: 900;
  background: rgba(23, 118, 46, 0.28);
  border-radius: 999px;
}

.shop-cms-auto-note {
  margin-top: 14px;
  padding: 14px;
  color: rgba(255, 255, 255, 0.68);
  background: rgba(227, 0, 0, 0.08);
  border: 1px solid rgba(227, 0, 0, 0.22);
  border-radius: 6px;
}

@media (max-width: 980px) {
  .shop-cms-editor,
  .shop-cms-selected-product {
    grid-template-columns: minmax(0, 1fr);
  }

  .shop-cms-product-table {
    overflow-x: auto;
  }

  .shop-cms-product-table [role="row"],
  .shop-cms-product-row {
    min-width: 820px;
  }
}

/* Final alignment system: keep text intentional across live pages and CMS. */
.section-heading,
.admin-section-heading,
.admin-topbar,
.shop-subheading,
.product-body,
.blog-grid article,
.blog-reader-body,
.auth-card,
.dashboard-panel,
.agent-my-shop-heading,
.agent-my-shop-import,
.agent-my-shop-catalogue-panel,
.brand-dashboard-panel,
.cms-card,
.cms-panel,
.cms-page-mirror,
.shop-cms-products-heading,
.shop-cms-product-row,
.form-row,
form label {
  text-align: left;
}

.section-heading,
.admin-section-heading,
.admin-topbar {
  align-items: start;
  justify-items: start;
  margin-inline: 0;
}

.section-heading h1,
.section-heading h2,
.section-heading h3,
.admin-section-heading h1,
.admin-section-heading h2,
.admin-section-heading h3,
.admin-topbar h2,
.product-body h3,
.dashboard-panel h3,
.auth-card h3,
.cms-card h3,
.brand-dashboard-panel h3 {
  margin-top: 0;
  text-align: inherit;
}

.section-heading p:not(.eyebrow),
.admin-section-heading p:not(.eyebrow),
.admin-topbar p,
.dashboard-panel p,
.auth-card p,
.cms-card p,
.brand-dashboard-panel p {
  margin-left: 0;
  margin-right: 0;
  text-align: inherit;
}

#home .landing-hero-copy,
#creators .agent-auth-layout .agent-auth-copy,
#brands .brand-auth-layout .brand-auth-copy,
.compact-login-heading,
.empty-state,
.cart-empty {
  text-align: center;
}

#home .landing-hero-copy {
  align-items: center;
}

#shop .section-heading,
#creators .section-heading,
#payments .section-heading,
#dashboard .section-heading,
.admin-blog-section > .admin-section-heading {
  margin-inline: auto;
  text-align: center;
  justify-items: center;
}

#shop .section-heading p:not(.eyebrow),
#creators .section-heading p:not(.eyebrow),
#payments .section-heading p:not(.eyebrow),
#dashboard .section-heading p:not(.eyebrow),
.admin-blog-section > .admin-section-heading p:not(.eyebrow) {
  margin-inline: auto;
  text-align: center;
}

.product-body,
.product-buy-row,
.product-meta,
.product-card .badge-row,
.cms-product-live-grid .product-body {
  text-align: left;
}

.product-buy-row {
  align-items: center;
}

.product-body h3,
.product-body p {
  margin-left: 0;
  margin-right: 0;
}

.blog-reader-body,
.blog-reader-body p,
.blog-reader-body li {
  text-align: left;
}

input,
select,
textarea,
label {
  text-align: left;
}

/* Urgent mobile pass: compact shop products without touching desktop. */
@media (max-width: 820px) {
  main section,
  .shop-section,
  .agent-section,
  .brand-section,
  .dashboard-section,
  .payments-section {
    padding-left: clamp(12px, 4vw, 18px);
    padding-right: clamp(12px, 4vw, 18px);
  }

  #shop.shop-section {
    padding-top: 34px;
    gap: 16px;
  }

  #shop .section-heading {
    margin-bottom: 20px;
    gap: 8px;
  }

  #shop .section-heading h2,
  #creators .section-heading h2,
  #payments .section-heading h2,
  #dashboard .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2 {
    font-size: clamp(1.55rem, 7vw, 2.45rem) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
  }

  #shop .section-heading p:not(.eyebrow),
  #creators .section-heading p:not(.eyebrow),
  #payments .section-heading p:not(.eyebrow),
  #dashboard .section-heading p:not(.eyebrow),
  .section-heading p:not(.eyebrow),
  .admin-section-heading p:not(.eyebrow) {
    font-size: clamp(0.76rem, 3.2vw, 0.92rem) !important;
    line-height: 1.35 !important;
    letter-spacing: 0.03em !important;
  }

  #shop .shop-toolbar {
    gap: 10px !important;
    margin-bottom: 18px !important;
    padding: 12px clamp(12px, 4vw, 18px) !important;
  }

  #shop .segmented-control {
    min-height: 0 !important;
    padding: 5px !important;
  }

  #shop .segmented-control button {
    min-height: 36px !important;
    padding: 0 8px !important;
    font-size: 0.66rem !important;
  }

  #shop .search-field input,
  #shop .sort-field select {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 0.78rem !important;
  }

  #shop .search-field input {
    padding-left: 34px !important;
    padding-right: 52px !important;
    background-image: radial-gradient(circle at 18px 50%, transparent 6px, currentColor 7px, currentColor 8px, transparent 9px);
  }

  #shop .search-field::after {
    left: 26px !important;
    top: 30px !important;
    width: 9px !important;
  }

  #shop .ai-search-toggle {
    top: 5px !important;
    right: 5px !important;
    min-width: 38px !important;
    height: 34px !important;
    font-size: 0.66rem !important;
  }

  #shop .product-grid,
  #shop .featured-products,
  #shop .shop-audience-browser,
  #shop .shop-audience-columns,
  #shop .shop-audience-row {
    gap: 12px !important;
  }

  #shop .featured-product-grid,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  #shop .product-row-shell {
    display: block !important;
  }

  #shop .product-scroll-arrow {
    display: none !important;
  }

  #shop .product-row-scroll .product-card,
  #shop .featured-product-grid .product-card,
  .cms-product-live-grid .product-card {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 6px !important;
  }

  #shop .product-visual,
  .cms-product-live-grid .product-visual {
    aspect-ratio: 1 / 1.06 !important;
  }

  #shop .product-visual img,
  #shop .product-preview-trigger img,
  .cms-product-live-grid .product-visual img {
    object-fit: contain !important;
    padding: 4px !important;
  }

  #shop .product-body,
  .cms-product-live-grid .product-body {
    gap: 5px !important;
    padding-top: 7px !important;
  }

  #shop .product-body h3,
  .cms-product-live-grid .product-body h3 {
    min-height: 2.2em !important;
    font-size: clamp(0.68rem, 3vw, 0.86rem) !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
  }

  #shop .product-body p,
  .cms-product-live-grid .product-body p {
    display: none !important;
  }

  #shop .product-buy-row,
  .cms-product-live-grid .product-buy-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-top: 4px !important;
  }

  #shop .product-buy-row strong,
  .cms-product-live-grid .product-buy-row strong {
    font-size: clamp(0.72rem, 2.8vw, 0.86rem) !important;
    line-height: 1.1 !important;
  }

  #shop .product-buy-row .button,
  .cms-product-live-grid .product-buy-row .button {
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.06em !important;
  }

  #shop .product-image-toggle {
    left: 7px !important;
    bottom: 7px !important;
  }

  #shop .product-image-toggle button {
    width: 7px !important;
    min-width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
  }

  #shop .shop-subheading {
    align-items: start;
    gap: 4px;
  }

  #shop .shop-subheading strong {
    font-size: 0.76rem;
  }

  #shop .shop-subheading span {
    font-size: 0.62rem;
  }
}

@media (min-width: 560px) and (max-width: 820px) {
  #shop .featured-product-grid,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  #shop .shop-toolbar {
    margin-inline: -12px !important;
  }

  #shop .featured-product-grid,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid {
    gap: 8px !important;
  }

  #shop .product-row-scroll .product-card,
  #shop .featured-product-grid .product-card,
  .cms-product-live-grid .product-card {
    padding: 5px !important;
  }
}

/* Smart layout alignment pass: reduce wasted side space without flattening intent. */
:root {
  --site-gutter: clamp(16px, 3.2vw, 56px);
  --site-gutter-tight: clamp(12px, 2vw, 28px);
  --content-wide: min(100%, 1480px);
  --content-reading: min(100%, 860px);
}

.section,
.landing-featured,
.landing-story,
.landing-category-strip,
.landing-community,
.shop-section,
.agent-section,
.brands-section,
.payments-section,
.dashboard-section,
.domain-section,
.blog-section {
  padding-left: var(--site-gutter);
  padding-right: var(--site-gutter);
}

.section > *,
.shop-section > *,
.agent-section > *,
.brands-section > *,
.payments-section > *,
.dashboard-section > *,
.domain-section > *,
.blog-section > *,
.landing-featured > *,
.landing-story > *,
.landing-category-strip > *,
.landing-community > * {
  max-width: var(--content-wide);
}

#shop.shop-section,
#creators.agent-section,
#brands.brands-section,
#admin.admin-section {
  width: 100%;
}

#shop .shop-toolbar,
#shop .product-grid,
#shop .section-heading,
#creators .agent-auth-card,
#brands .brand-auth-card,
#brands .brand-dashboard-hero,
.dashboard-grid,
.payment-grid,
.provider-grid,
.blog-grid {
  width: 100%;
  max-width: var(--content-wide);
  margin-left: auto;
  margin-right: auto;
}

#shop .section-heading,
#creators .section-heading,
#brands .section-heading,
#payments .section-heading,
#dashboard .section-heading {
  padding-left: 0;
  padding-right: 0;
}

.blog-reader-body,
.blog-reader-main > p,
.article-body,
.visual-body-preview {
  max-width: var(--content-reading);
  margin-left: auto;
  margin-right: auto;
}

.admin-main {
  min-width: 0;
}

.admin-content-section:not(.admin-blog-section),
.cms-editor-stack,
.cms-page-mirror,
.cms-live-shop-frame {
  width: 100%;
}

.cms-page-mirror,
.cms-live-shop-frame,
.cms-page-mirror .shop-toolbar,
.cms-page-mirror .product-grid {
  max-width: none;
}

.cms-mirror-toolbar,
.shop-cms-card,
.admin-section-heading,
.admin-topbar {
  width: 100%;
}

.cms-page-mirror [data-cms-object][style*="text-align: center"],
.cms-page-mirror [data-cms-object][style*="text-align:center"] {
  justify-items: center;
}

.cms-page-mirror [data-cms-object][style*="text-align: right"],
.cms-page-mirror [data-cms-object][style*="text-align:right"] {
  justify-items: end;
}

@media (max-width: 900px) {
  :root {
    --site-gutter: clamp(14px, 4vw, 24px);
  }

  .section,
  .landing-featured,
  .landing-story,
  .landing-category-strip,
  .landing-community,
  .shop-section,
  .agent-section,
  .brands-section,
  .payments-section,
  .dashboard-section,
  .domain-section,
  .blog-section {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }
}

@media (max-width: 520px) {
  :root {
    --site-gutter: 14px;
  }

  .cms-mirror-toolbar,
  .shop-cms-card {
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }
}

/* Final responsive adaptation layer: keep live + CMS mobile proportional. */
@media (max-width: 980px) {
  .landing-split-heading,
  .landing-collection-heading,
  .landing-story,
  .brand-auth-card,
  .public-access-card,
  .agent-dashboard .agent-code-card,
  .agent-dashboard .agent-code-generator,
  .agent-dashboard .agent-dashboard-grid,
  .brand-dashboard-grid,
  .dashboard-grid,
  .payment-grid,
  .provider-grid,
  .cms-mirror-toolbar,
  .shop-cms-products-heading,
  .shop-cms-filter-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .admin-panel {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .admin-sidebar {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  .admin-sidebar nav {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
  }

  .admin-sidebar nav a {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
  }

  .admin-main {
    padding-inline: var(--site-gutter) !important;
  }
}

@media (max-width: 820px) {
  html {
    font-size: 15px;
  }

  body {
    line-height: 1.42;
  }

  .site-header {
    min-height: 68px;
    gap: 10px;
    padding: 10px var(--site-gutter);
  }

  .brand-logo {
    max-width: min(150px, 34vw);
  }

  .nav-links {
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .nav-links::-webkit-scrollbar {
    display: none;
  }

  .nav-links a {
    font-size: 0.72rem;
    white-space: nowrap;
  }

  .landing-video-section {
    min-height: auto !important;
    padding-bottom: 0 !important;
  }

  .landing-video-section::after,
  .orchid-hero-animation {
    height: clamp(420px, 72svh, 620px) !important;
    min-height: 0 !important;
  }

  .landing-hero-copy {
    min-height: clamp(420px, 72svh, 620px) !important;
    padding: clamp(46px, 8vw, 72px) var(--site-gutter) clamp(78px, 16vw, 120px) !important;
    align-items: start !important;
    text-align: left !important;
  }

  .landing-hero-copy h2 {
    max-width: 8ch !important;
    font-size: clamp(2.65rem, 15vw, 5.1rem) !important;
    line-height: 0.86 !important;
  }

  .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 31rem !important;
    font-size: clamp(0.78rem, 3.4vw, 0.98rem) !important;
    line-height: 1.32 !important;
    letter-spacing: 0.04em !important;
  }

  .landing-featured,
  .landing-story,
  .landing-category-strip,
  .landing-community,
  .section,
  .shop-section,
  .agent-section,
  .brands-section,
  .payments-section,
  .dashboard-section,
  .domain-section,
  .blog-section {
    padding-top: clamp(34px, 8vw, 54px) !important;
    padding-bottom: clamp(38px, 9vw, 62px) !important;
  }

  .section-heading,
  .admin-section-heading,
  .admin-topbar,
  .landing-split-heading,
  .landing-collection-heading {
    gap: 10px !important;
    margin-bottom: clamp(16px, 5vw, 26px) !important;
  }

  .section-heading h2,
  .admin-section-heading h2,
  .admin-topbar h2,
  .landing-split-heading h2,
  .landing-collection-heading h2,
  .landing-story h2,
  .auth-title-stack,
  .brand-dashboard-hero h2 {
    font-size: clamp(1.55rem, 8.2vw, 2.8rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  .section-heading p:not(.eyebrow),
  .admin-section-heading p:not(.eyebrow),
  .admin-topbar p,
  .landing-split-heading p,
  .landing-story p,
  .auth-card p,
  .dashboard-panel p,
  .brand-dashboard-hero p {
    font-size: clamp(0.78rem, 3.4vw, 0.98rem) !important;
    line-height: 1.38 !important;
    letter-spacing: 0.02em !important;
  }

  #shop .shop-toolbar,
  .cms-page-mirror .shop-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-inline: calc(var(--site-gutter) * -1) !important;
    padding: 10px var(--site-gutter) !important;
  }

  #shop .segmented-control,
  .cms-page-mirror .segmented-control {
    position: relative;
    grid-template-columns: minmax(96px, 1fr) 44px !important;
    width: min(100%, 360px);
    overflow: visible;
  }

  #shop .segmented-control button,
  .cms-page-mirror .segmented-control button {
    min-height: 34px !important;
    padding-inline: 4px !important;
    font-size: clamp(0.54rem, 2.3vw, 0.68rem) !important;
  }

  #shop .shop-filter-toggle,
  .cms-page-mirror .shop-filter-toggle {
    display: grid !important;
    place-items: center;
  }

  #shop .shop-filter-toggle svg,
  .cms-page-mirror .shop-filter-toggle svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }

  #shop .shop-filter-menu,
  .cms-page-mirror .shop-filter-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 20;
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: min(100%, 360px);
    padding: 8px;
    background: #050505;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  }

  #shop .shop-filter-menu.is-open,
  .cms-page-mirror .shop-filter-menu.is-open {
    display: grid;
  }

  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid,
  .cms-shop-live-mirror .product-row-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    gap: clamp(8px, 2.4vw, 12px) !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  #shop .product-row-scroll .product-card,
  #shop .featured-product-grid .product-card,
  .cms-product-live-grid .product-card {
    min-width: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 5px !important;
  }

  #shop .product-visual,
  .cms-product-live-grid .product-visual {
    aspect-ratio: 1 / 1.04 !important;
  }

  #shop .product-body,
  .cms-product-live-grid .product-body {
    gap: 5px !important;
    padding-top: 6px !important;
  }

  #shop .product-body h3,
  .cms-product-live-grid .product-body h3 {
    min-height: 2.15em !important;
    font-size: clamp(0.66rem, 2.8vw, 0.84rem) !important;
    line-height: 1.08 !important;
  }

  #shop .product-buy-row,
  .cms-product-live-grid .product-buy-row {
    gap: 5px !important;
    margin-top: 2px !important;
  }

  #shop .product-buy-row .button,
  .cms-product-live-grid .product-buy-row .button {
    min-height: 32px !important;
  }

  .auth-card,
  .brand-dashboard-hero,
  .dashboard-panel,
  .agent-my-shop-heading,
  .agent-my-shop-import,
  .cms-mirror-toolbar,
  .shop-cms-card,
  .cms-page-fields {
    padding: clamp(16px, 4vw, 24px) !important;
  }

  .cms-shop-live-mirror.is-mobile-preview {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
  }
}

@media (min-width: 560px) and (max-width: 820px) {
  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid,
  .cms-shop-live-mirror .product-row-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  html {
    font-size: 14px;
  }

  .announcement-bar {
    min-height: 28px;
    padding-block: 5px;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  .site-header {
    min-height: 58px;
  }

  .header-actions {
    gap: 6px;
  }

  .icon-button,
  .cart-button {
    min-width: 34px !important;
    min-height: 34px !important;
  }

  .landing-kicker {
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  .landing-hero-button,
  .button,
  .copy-code-button {
    min-height: 38px;
    padding-inline: 14px;
    font-size: 0.68rem;
  }

  #shop .search-field input,
  #shop .sort-field select,
  .cms-page-mirror .search-field input,
  .cms-page-mirror .sort-field select {
    min-height: 40px !important;
    font-size: 0.72rem !important;
  }

  .product-image-toggle {
    display: none !important;
  }

  .blog-grid,
  .payment-grid,
  .provider-grid,
  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .cms-global-toolbar {
    gap: 5px !important;
    padding: 6px !important;
  }

  .cms-global-toolbar .copy-code-button,
  .cms-global-toolbar .button,
  .cms-global-toolbar select,
  .cms-global-toolbar input,
  .cms-global-toolbar label {
    min-height: 28px !important;
    font-size: 0.62rem !important;
  }
}

/* Home hero/streak sync: keep the full orchid roots visible before the live ad board on live and CMS. */
.landing-video-section,
.cms-home-live-preview {
  --orchid-hero-gap: clamp(76px, 9vh, 118px);
  --orchid-hero-stage: calc(100svh - 116px + var(--orchid-hero-gap));
  min-height: var(--orchid-hero-stage) !important;
}

.landing-video-section::after,
.orchid-hero-animation,
.cms-home-live-preview .cms-home-animation {
  height: var(--orchid-hero-stage) !important;
}

.landing-hero-copy,
.cms-home-live-preview .landing-hero-copy {
  min-height: var(--orchid-hero-stage) !important;
}

.cms-home-live-preview .landing-hero-copy h2 {
  max-width: min(100%, 7.8ch);
  font-size: clamp(3.4rem, 7.4cqw, 6.4rem);
  line-height: 0.86;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
  max-width: 34rem;
  font-size: clamp(0.95rem, 1.28vw, 1.16rem);
  line-height: 1.34;
}

.landing-marquee,
.cms-home-live-preview .landing-marquee {
  margin-top: 0 !important;
}

@media (max-width: 820px) {
  .landing-video-section,
  .cms-home-live-preview {
    --orchid-hero-gap: clamp(62px, 11vw, 94px);
    --orchid-hero-stage: clamp(520px, 82svh, 740px);
  }

  .cms-home-live-preview .landing-hero-copy h2 {
    max-width: 100%;
    font-size: clamp(3.1rem, 13.5vw, 5.15rem);
    line-height: 0.88;
    white-space: nowrap !important;
  }

  .cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 30rem;
    margin-top: 18px;
    font-size: clamp(0.72rem, 3.15vw, 0.92rem);
    letter-spacing: 0.045em;
    line-height: 1.42;
  }
}

@media (max-width: 430px) {
  .cms-home-live-preview .landing-hero-copy h2 {
    font-size: clamp(2.65rem, 13vw, 3.55rem);
  }

  .cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 24rem;
    font-size: 0.68rem;
    letter-spacing: 0.035em;
  }
}

/* Emerald contrast guard: brand surfaces keep text readable automatically. */
.announcement-bar,
.button-dark,
.button-light:hover,
.copy-code-button.is-active,
.segmented-control button.is-active,
.dashboard-tabs button.is-active,
.tracking-tabs button.is-active,
.product-badge,
.cms-global-toolbar .copy-code-button:hover,
.cms-global-toolbar .button:hover,
.cms-global-toolbar .copy-code-button.is-active,
[style*="background:#006b4f"],
[style*="background: #006b4f"],
[style*="background:rgb(0, 107, 79)"],
[style*="background: rgb(0, 107, 79)"] {
  color: var(--brand-contrast) !important;
}

.button-light,
.copy-code-button,
.text-button,
[style*="background:#ffffff"],
[style*="background: #ffffff"] {
  color: inherit;
}

/* Requested cleanup: public/CMS page banners should not occupy whole screens. */
#dashboard .compact-login-heading h2,
#shop .section-heading,
#blog .section-heading,
.cms-page-mirror .section-heading.compact-login-heading {
  display: none !important;
}

#dashboard .compact-login-heading {
  min-height: 0;
  margin: 0 auto 18px;
  padding: 0;
  border: 0;
}

.creator-auth-toggle {
  width: fit-content;
  margin-inline: auto;
}

.creator-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.creator-landing-shell {
  display: grid;
  gap: clamp(14px, 2.4vw, 24px);
  width: min(100%, 1400px);
  margin: 0 auto;
}

.creator-landing-hero,
.creator-landing-band,
.creator-landing-faq,
.creator-final-cta {
  border: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.1), transparent 38%),
    rgba(255, 255, 255, 0.02);
}

.creator-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.58fr);
  align-items: center;
  min-height: clamp(460px, 58vh, 620px);
}

.creator-landing-copy {
  display: grid;
  align-content: center;
  gap: clamp(14px, 2vw, 22px);
  padding: clamp(28px, 4.8vw, 58px);
}

.creator-landing-copy h2 {
  max-width: 12ch;
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(3rem, 6vw, 6.6rem);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.creator-landing-copy > p:not(.eyebrow) {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(0.95rem, 1.1vw, 1.08rem);
  line-height: 1.45;
}

.creator-landing-actions .button {
  min-width: min(100%, 180px);
}

.creator-landing-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100%;
  padding: clamp(22px, 4vw, 46px);
  overflow: hidden;
  border-left: 1px solid var(--line);
  background:
    linear-gradient(160deg, rgba(0, 133, 98, 0.12), rgba(255, 255, 255, 0.02) 38%, transparent 72%),
    radial-gradient(circle at 70% 18%, rgba(255, 255, 255, 0.12), transparent 30%);
}

.creator-preview-phone {
  position: relative;
  z-index: 1;
  width: min(100%, 300px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #050505;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

.creator-preview-phone img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  filter: grayscale(1);
}

.creator-preview-top,
.creator-preview-product {
  display: grid;
  gap: 5px;
  padding: 12px;
}

.creator-preview-top {
  grid-template-columns: 1fr auto;
  align-items: center;
  border-bottom: 1px solid var(--line);
}

.creator-preview-top span,
.creator-preview-product span,
.creator-preview-product small,
.creator-preview-card span {
  color: var(--muted);
  font-family: var(--display-font);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.creator-preview-top strong,
.creator-preview-product strong,
.creator-preview-card strong {
  font-family: var(--display-font);
  font-size: 1.05rem;
  text-transform: uppercase;
}

.creator-preview-product span {
  color: var(--brand);
}

.creator-preview-card {
  position: absolute;
  right: clamp(18px, 5vw, 72px);
  bottom: clamp(24px, 7vw, 88px);
  z-index: 2;
  display: grid;
  gap: 6px;
  width: min(74%, 220px);
  padding: 14px;
  border: 1px solid rgba(0, 133, 98, 0.45);
  background: rgba(0, 0, 0, 0.74);
  backdrop-filter: blur(14px);
}

.brand-auth-drawer {
  width: min(100%, 880px);
  margin: clamp(14px, 2.4vw, 24px) auto 0;
  scroll-margin-top: 108px;
}

.brand-auth-drawer .auth-visual {
  min-height: clamp(230px, 26vw, 360px);
}

.brand-preview-board {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  width: min(100%, 360px);
  padding: clamp(16px, 2.4vw, 22px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #050505;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

.brand-preview-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 10px;
}

.brand-preview-top span,
.brand-preview-top strong,
.brand-preview-metrics span {
  font-family: var(--display-font);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.brand-preview-top strong,
.brand-preview-metrics strong {
  color: var(--brand);
}

.brand-preview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.brand-preview-metrics article {
  display: grid;
  gap: 4px;
  min-height: 64px;
  padding: 10px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
}

.brand-preview-metrics strong {
  font-family: var(--display-font);
  font-size: clamp(0.95rem, 1.4vw, 1.2rem);
  text-transform: uppercase;
}

.brand-preview-metrics span {
  color: var(--muted);
}

.brand-preview-board img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  filter: grayscale(1);
}

.brand-preview-card {
  right: auto;
  left: clamp(18px, 5vw, 72px);
}

.registered-brand-showcase {
  display: grid;
  gap: clamp(14px, 2vw, 22px);
  overflow: hidden;
  padding: clamp(12px, 2vw, 18px) 0 clamp(18px, 3vw, 28px);
}

.brand-category-tabs {
  display: flex;
  align-items: center;
  gap: clamp(12px, 4vw, 84px);
  overflow-x: auto;
  padding: 0 clamp(12px, 2vw, 18px);
  scrollbar-width: none;
}

.brand-category-tabs::-webkit-scrollbar {
  display: none;
}

.brand-category-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 8px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  font: 700 clamp(0.9rem, 1.3vw, 1.15rem) var(--serif-font);
  cursor: pointer;
}

.brand-category-tabs button.is-active {
  border-color: currentColor;
  background: rgba(255, 255, 255, 0.04);
}

.registered-brand-track-shell {
  overflow: hidden;
  width: 100%;
}

.registered-brand-track {
  display: flex;
  width: max-content;
  gap: 12px;
  padding: 0 clamp(12px, 2vw, 18px);
  animation: registeredBrandScroll 38s linear infinite;
  will-change: transform;
}

.registered-brand-track:hover,
.registered-brand-track.is-paused {
  animation-play-state: paused;
}

.registered-brand-card {
  position: relative;
  flex: 0 0 clamp(190px, 22vw, 315px);
  display: grid;
  align-content: end;
  min-height: clamp(210px, 26vw, 330px);
  overflow: hidden;
  padding: 16px;
  border: 1px solid var(--line);
  color: #fff;
  text-decoration: none;
  background: #101010;
}

.registered-brand-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.04);
  opacity: 0.82;
  transition: transform 700ms ease, opacity 300ms ease;
}

.registered-brand-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.72));
}

.registered-brand-card span,
.registered-brand-card strong,
.registered-brand-card small {
  position: relative;
  z-index: 1;
}

.registered-brand-card span,
.registered-brand-card small {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--display-font);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.registered-brand-card strong {
  max-width: 10ch;
  font-family: var(--serif-font);
  font-size: clamp(1.6rem, 3.2vw, 3.2rem);
  line-height: 0.95;
  text-transform: uppercase;
  text-wrap: balance;
}

.registered-brand-card:hover img {
  opacity: 0.96;
  transform: scale(1.04);
}

.registered-brand-card.is-empty,
.registered-brand-card.is-loading {
  min-height: 170px;
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.12), transparent),
    rgba(255, 255, 255, 0.03);
}

.registered-brand-card.is-empty::after,
.registered-brand-card.is-loading::after {
  content: none;
}

@keyframes registeredBrandScroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.creator-proof-grid,
.creator-step-grid,
.creator-tool-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.creator-proof-grid article,
.creator-step-grid article,
.creator-tool-grid article {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.02);
  padding: clamp(14px, 1.8vw, 20px);
}

.creator-proof-grid strong {
  display: block;
  font-family: var(--display-font);
  font-size: clamp(1.02rem, 1.6vw, 1.42rem);
  text-transform: uppercase;
}

.creator-proof-grid span,
.creator-step-grid p,
.creator-tool-grid p,
.creator-landing-faq p {
  color: var(--muted);
}

.creator-landing-band,
.creator-landing-faq,
.creator-final-cta {
  padding: clamp(20px, 3.2vw, 36px);
}

.creator-landing-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(14px, 2.2vw, 24px);
}

.creator-landing-heading h3,
.creator-landing-faq h3,
.creator-final-cta h3 {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(1.7rem, 3vw, 3.2rem);
  line-height: 0.98;
  text-transform: uppercase;
}

.creator-step-grid span {
  color: var(--brand);
  font-family: var(--display-font);
  font-weight: 900;
}

.creator-step-grid h4,
.creator-tool-grid h4 {
  margin: 10px 0 8px;
  font-family: var(--display-font);
  font-size: clamp(0.95rem, 1.2vw, 1.12rem);
  text-transform: uppercase;
}

.creator-step-grid p,
.creator-tool-grid p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.45;
}

.creator-landing-copy h2,
.creator-landing-heading h3,
.creator-landing-copy > p,
.creator-proof-grid strong,
.creator-proof-grid span,
.creator-step-grid h4,
.creator-step-grid p,
.brand-preview-top strong,
.brand-preview-metrics strong {
  hyphens: none;
  overflow-wrap: normal;
  text-wrap: balance;
  word-break: normal;
}

.creator-landing-faq {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(320px, 1fr);
  gap: clamp(20px, 4vw, 58px);
}

.creator-faq-list {
  display: grid;
  gap: 10px;
}

.creator-faq-list details {
  border: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.18);
  padding: 16px 18px;
}

.creator-faq-list summary {
  cursor: pointer;
  font-family: var(--display-font);
  font-weight: 900;
  text-transform: uppercase;
}

.creator-faq-list p {
  margin: 12px 0 0;
  line-height: 1.45;
}

.creator-final-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

@media (max-width: 980px) {
  .creator-landing-hero,
  .creator-landing-faq {
    grid-template-columns: 1fr;
  }

  .creator-landing-hero {
    min-height: 0;
  }

  .creator-landing-preview {
    min-height: 360px;
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .creator-proof-grid,
  .creator-step-grid,
  .creator-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .registered-brand-card {
    flex-basis: clamp(170px, 42vw, 240px);
    min-height: clamp(190px, 46vw, 260px);
  }

  .creator-landing-heading,
  .creator-final-cta {
    display: grid;
  }
}

@media (max-width: 640px) {
  .creator-landing-shell {
    gap: 14px;
  }

  .creator-landing-copy {
    padding: 28px 18px;
  }

  .creator-landing-copy h2 {
    max-width: 11ch;
    font-size: clamp(2.15rem, 11vw, 3.1rem);
  }

  .creator-landing-copy > p:not(.eyebrow) {
    font-size: 0.92rem;
  }

  .creator-landing-preview {
    min-height: 280px;
    padding: 16px;
  }

  .creator-preview-phone {
    width: min(78vw, 220px);
  }

  .creator-preview-phone img {
    aspect-ratio: 1 / 1.08;
  }

  .creator-preview-top,
  .creator-preview-product {
    padding: 10px;
  }

  .creator-preview-card {
    right: 12px;
    bottom: 14px;
    width: min(68%, 210px);
    padding: 12px;
  }

  .creator-proof-grid,
  .creator-step-grid,
  .creator-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .brand-category-tabs {
    gap: 8px;
    padding-inline: 4px;
  }

  .brand-category-tabs button {
    min-height: 34px;
    padding: 6px 14px;
    font-size: 0.86rem;
  }

  .registered-brand-track {
    gap: 8px;
    padding-inline: 4px;
    animation-duration: 32s;
  }

  .registered-brand-card {
    flex-basis: 42vw;
    min-height: 180px;
    padding: 10px;
  }

  .registered-brand-card strong {
    font-size: clamp(1.1rem, 6vw, 1.8rem);
  }

  .creator-proof-grid article,
  .creator-step-grid article,
  .creator-tool-grid article,
  .creator-landing-band,
  .creator-landing-faq,
  .creator-final-cta {
    padding: 12px;
  }

  .creator-proof-grid strong {
    font-size: 0.98rem;
  }

  .creator-proof-grid span,
  .creator-step-grid p,
  .creator-tool-grid p,
  .creator-landing-faq p {
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .creator-landing-heading h3,
  .creator-landing-faq h3,
  .creator-final-cta h3 {
    font-size: clamp(1.75rem, 9vw, 2.45rem);
  }

  .creator-step-grid h4,
  .creator-tool-grid h4 {
    font-size: 0.86rem;
  }
}

.compact-login-heading .creator-access-actions {
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .creator-access-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .creator-access-actions .button {
    width: 100%;
  }
}

body:not(.creator-auth-open) #dashboard [data-auth-grid] {
  display: none !important;
}

.auth-form.is-collapsed {
  display: none !important;
}

.brand-auth-card .auth-visual {
  min-height: clamp(300px, 42vw, 520px);
}

.brand-auth-card .orchid-animation {
  min-height: 100%;
  align-content: center;
}

.brand-auth-card .orchid-animation svg {
  width: min(100%, 420px);
  height: auto;
  max-height: 520px;
  object-fit: contain;
}

/* Creator dashboard: remove the big empty left gutter and keep panels even. */
.agent-dashboard-live {
  max-width: min(100%, 1180px);
}

.agent-dashboard-grid {
  grid-template-columns: minmax(240px, 0.28fr) minmax(0, 1fr);
  gap: clamp(14px, 2vw, 22px);
}

.live-purchase-box,
.agent-dashboard-grid .dashboard-panel,
.agent-payout-card,
.agent-growth-panel {
  min-height: 0;
}

.agent-dashboard-grid .dashboard-panel {
  display: grid;
  gap: 16px;
}

.agent-growth-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.activity-table {
  margin-top: 0;
}

/* Light mode contrast guard for dark-auth/dashboard surfaces. */
body:not(.dark-mode) .auth-card,
body:not(.dark-mode) .brand-auth-card,
body:not(.dark-mode) .dashboard-panel,
body:not(.dark-mode) .agent-payout-card,
body:not(.dark-mode) .agent-growth-panel,
body:not(.dark-mode) .live-purchase-box,
body:not(.dark-mode) .agent-my-shop-heading,
body:not(.dark-mode) .agent-my-shop-import,
body:not(.dark-mode) .brand-dashboard-card,
body:not(.dark-mode) .brand-list article,
body:not(.dark-mode) .security-settings-card,
body:not(.dark-mode) .security-status-card {
  color: var(--ink);
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) .creator-landing-hero,
body:not(.dark-mode) .creator-landing-band,
body:not(.dark-mode) .creator-landing-faq,
body:not(.dark-mode) .creator-final-cta,
body:not(.dark-mode) .creator-proof-grid article,
body:not(.dark-mode) .creator-step-grid article,
body:not(.dark-mode) .creator-tool-grid article {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.08), transparent 40%),
    #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) .creator-landing-preview,
body:not(.dark-mode) .creator-preview-card,
body:not(.dark-mode) .brand-preview-board,
body:not(.dark-mode) .brand-preview-metrics article,
body:not(.dark-mode) .creator-faq-list details {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) .creator-preview-phone {
  color: #ffffff;
}

body:not(.dark-mode) .brand-preview-board {
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.12);
}

body:not(.dark-mode) .brand-category-tabs button {
  color: #111;
}

body:not(.dark-mode) .brand-category-tabs button.is-active {
  background: rgba(0, 0, 0, 0.04);
}

body:not(.dark-mode) .registered-brand-card.is-empty,
body:not(.dark-mode) .registered-brand-card.is-loading {
  color: #111;
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.08), transparent 40%),
    #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
}

/* Global light-mode surface rule: white surfaces, black text, Orchid green actions. */
body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(
  .page-section,
  .section-shell,
  .panel,
  .card,
  .surface,
  .dashboard-shell,
  .dashboard-panel,
  .workspace-shell,
  .workspace-panel,
  .cms-shell,
  .cms-card,
  .admin-card,
  .brand-dashboard-card,
  .agent-my-shop-shell,
  .agent-my-shop-import,
  .agent-my-shop-products,
  .collection-card,
  .product-card,
  .auth-card,
  .modal-content,
  .cart-drawer,
  .site-footer
) {
  background-color: #ffffff;
  color: #111111;
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) :is(input, textarea, select) {
  background-color: #ffffff;
  color: #111111;
  border-color: rgba(0, 0, 0, 0.2);
}

body:not(.dark-mode) .registered-brand-card.is-empty span,
body:not(.dark-mode) .registered-brand-card.is-empty small,
body:not(.dark-mode) .registered-brand-card.is-loading span,
body:not(.dark-mode) .registered-brand-card.is-loading small {
  color: rgba(0, 0, 0, 0.62);
}

body:not(.dark-mode) .discover-section {
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 8%, rgba(0, 133, 98, 0.12), transparent 30%),
    #f7f7f2;
}

body:not(.dark-mode) .discover-hero,
body:not(.dark-mode) .discover-toolbar,
body:not(.dark-mode) .discover-section-block,
body:not(.dark-mode) .discover-product-card,
body:not(.dark-mode) .discover-creator-card,
body:not(.dark-mode) .discover-collection-card,
body:not(.dark-mode) .discover-brand-card,
body:not(.dark-mode) .discover-vibe-card {
  color: var(--ink);
  background:
    linear-gradient(135deg, rgba(0, 133, 98, 0.08), transparent 40%),
    #ffffff;
  border-color: rgba(0, 0, 0, 0.14);
}

body:not(.dark-mode) .discover-hero-panel article {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.84);
}

body:not(.dark-mode) .discover-filter-row button,
body:not(.dark-mode) .discover-save-button,
body:not(.dark-mode) .discover-product-media-frame,
body:not(.dark-mode) .discover-product-media-frame img {
  color: var(--ink);
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.16);
}

body:not(.dark-mode) .discover-filter-row button.is-active,
body:not(.dark-mode) .discover-save-button.is-saved {
  color: var(--brand-contrast);
  background: var(--brand);
}

body:not(.dark-mode) .auth-card p,
body:not(.dark-mode) .brand-auth-card p,
body:not(.dark-mode) .dashboard-panel p,
body:not(.dark-mode) .agent-my-shop-heading p,
body:not(.dark-mode) .brand-dashboard-card p,
body:not(.dark-mode) .brand-list p,
body:not(.dark-mode) .security-settings-card p,
body:not(.dark-mode) .security-status-card p {
  color: #202020;
}

body:not(.dark-mode) .auth-brand-lockup strong,
body:not(.dark-mode) .auth-title-stack,
body:not(.dark-mode) .agent-dashboard-tabs button,
body:not(.dark-mode) .agent-code-card h3,
body:not(.dark-mode) .agent-code-generator label,
body:not(.dark-mode) .agent-growth-panel h3,
body:not(.dark-mode) .activity-table,
body:not(.dark-mode) .brand-dashboard-hero h2 {
  color: var(--ink);
}

body:not(.dark-mode) input,
body:not(.dark-mode) textarea,
body:not(.dark-mode) select {
  color: var(--ink);
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.18);
}

/* Small live product/creator activity notifications. */
.live-notification-stack {
  position: fixed;
  left: max(12px, env(safe-area-inset-left));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 120;
  display: grid;
  gap: 8px;
  width: min(292px, calc(100vw - 24px));
  pointer-events: none;
}

.live-notification {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 18px;
  gap: 8px;
  align-items: center;
  min-height: 58px;
  padding: 8px;
  color: #ffffff;
  background: rgba(5, 5, 5, 0.94);
  border: 1px solid rgba(0, 107, 79, 0.45);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
  opacity: 0;
  pointer-events: auto;
  transform: translate(-10px, 10px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.live-notification.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}

.live-notification img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 6px;
}

.live-notification strong,
.live-notification span,
.live-notification small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-notification strong {
  font-size: 0.72rem;
  line-height: 1.1;
}

.live-notification span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.65rem;
  line-height: 1.15;
}

.live-notification small {
  color: var(--brand);
  font-size: 0.58rem;
  font-weight: 900;
  text-transform: uppercase;
}

.live-notification button {
  width: 18px;
  height: 18px;
  padding: 0;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  border: 0;
  font-size: 1rem;
  line-height: 1;
}

@media (max-width: 900px) {
  .agent-dashboard-grid,
  .agent-growth-grid,
  .auth-grid.is-login-popup .auth-card,
  .brand-auth-card.auth-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .auth-grid.is-login-popup .auth-visual {
    min-height: 260px;
  }
}

@media (max-width: 620px) {
  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    gap: 10px !important;
    width: 100% !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  #shop .product-row-shell {
    display: block !important;
  }

  #shop .product-row-scroll .product-card:nth-child(n + 19) {
    display: none !important;
  }

  #shop .product-row-scroll .product-card,
  #shop .featured-product-grid .product-card {
    min-height: 0 !important;
    padding: 0 !important;
  }

  #shop .product-visual {
    aspect-ratio: 4 / 5 !important;
    min-height: 148px !important;
  }

  .product-card-compact .product-body {
    padding: 9px 0 0 !important;
  }

  .product-card-compact .product-body h3 {
    font-size: 0.82rem !important;
  }

  .product-card-compact .product-body p {
    display: none;
  }

  .product-card-compact .product-buy-row {
    gap: 6px;
  }

  .product-card-compact .product-buy-row strong,
  .product-card-compact .product-buy-row .button {
    font-size: 0.68rem !important;
  }

  .live-notification-stack {
    width: min(248px, calc(100vw - 20px));
    gap: 6px;
  }

  .live-notification {
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    min-height: 48px;
    padding: 6px;
  }

  .live-notification img {
    width: 34px;
    height: 34px;
  }
}

/* Home/CMS hero parity guard: both surfaces use a protected left text lane. */
#home .landing-hero-copy,
.cms-home-live-preview .landing-hero-copy {
  justify-items: start !important;
  align-items: center !important;
  text-align: left !important;
}

#home .landing-hero-copy {
  width: min(54vw, 760px) !important;
  max-width: min(54vw, 760px) !important;
}

.cms-home-live-preview .landing-hero-copy {
  width: min(54cqw, 760px) !important;
  max-width: min(54cqw, 760px) !important;
}

#home .landing-hero-copy h2 {
  max-width: min(100%, 7.8ch) !important;
  font-size: clamp(3.4rem, 7.4vw, 6.4rem) !important;
  line-height: 0.86 !important;
}

.cms-home-live-preview .landing-hero-copy h2 {
  max-width: min(100%, 7.8ch) !important;
  font-size: clamp(3.4rem, 7.4cqw, 6.4rem) !important;
  line-height: 0.86 !important;
}

#home .landing-hero-copy > p:not(.landing-kicker),
.cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
  text-align: left !important;
}

@media (max-width: 760px) {
  #home .landing-hero-copy,
  .cms-home-live-preview .landing-hero-copy {
    width: min(66vw, 30rem) !important;
    max-width: min(66vw, 30rem) !important;
  }

  #home .landing-hero-copy h2,
  .cms-home-live-preview .landing-hero-copy h2 {
    font-size: clamp(2.2rem, 10vw, 4rem) !important;
    white-space: normal !important;
  }

  #home .landing-hero-copy > p:not(.landing-kicker),
  .cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 100% !important;
    font-size: clamp(0.66rem, 2.8vw, 0.88rem) !important;
  }

  #home .orchid-hero-svg,
  .cms-home-live-preview .orchid-hero-svg {
    transform: translateX(18%) scale(1.02) !important;
    transform-origin: center;
  }
}

@media (max-width: 430px) {
  #home .landing-hero-copy,
  .cms-home-live-preview .landing-hero-copy {
    width: min(62vw, 22rem) !important;
    max-width: min(62vw, 22rem) !important;
  }

  #home .landing-hero-copy h2,
  .cms-home-live-preview .landing-hero-copy h2 {
    font-size: clamp(1.85rem, 9vw, 3.1rem) !important;
  }
}

/* Orchid motion layer: text reveals, premium buttons, and product image depth. */
body.orchid-motion-ready [data-orchid-animate] {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--orchid-motion-delay, 0ms);
  will-change: opacity, transform;
}

body.orchid-motion-ready [data-orchid-animate].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.orchid-motion-ready [data-orchid-animate="text"] {
  transform: translate3d(0, 22px, 0);
}

body.orchid-motion-ready [data-orchid-animate="card"] {
  transform: translate3d(0, 24px, 0) scale(0.985);
}

body.orchid-motion-ready [data-orchid-animate="card"].is-visible {
  transform: translate3d(0, 0, 0) scale(1);
}

.button,
.copy-code-button,
.icon-button,
.cart-button {
  position: relative;
  overflow: hidden;
  transition:
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms ease,
    background-color 220ms ease,
    color 220ms ease,
    box-shadow 220ms ease;
}

.button::after,
.copy-code-button:not(.is-loading):not(.is-result)::after {
  content: "";
  position: absolute;
  inset: -2px -45%;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 18%, rgba(255, 255, 255, 0.14) 48%, transparent 72%);
  opacity: 0;
  transform: translate3d(-45%, 0, 0) skewX(-14deg);
  transition: opacity 220ms ease, transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
}

.button:hover::after,
.button:focus-visible::after,
.copy-code-button:not(.is-loading):not(.is-result):hover::after,
.copy-code-button:not(.is-loading):not(.is-result):focus-visible::after {
  opacity: 0.75;
  transform: translate3d(45%, 0, 0) skewX(-14deg);
}

.product-card,
.agent-shop-card,
.public-creator-product,
.brand-dashboard-card {
  transition:
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 260ms ease,
    box-shadow 260ms ease;
}

.product-card:hover,
.agent-shop-card:hover,
.public-creator-product:hover,
.brand-dashboard-card:hover {
  transform: translate3d(0, -4px, 0);
  border-color: rgba(0, 130, 93, 0.46);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
}

.product-visual img,
.agent-shop-media img,
.shared-shop-media img,
.public-creator-media img,
.agent-shop-card > img {
  transition: transform 640ms cubic-bezier(0.22, 1, 0.36, 1), filter 640ms ease;
}

.product-card:hover .product-visual img,
.agent-shop-card:hover .agent-shop-media img,
.public-creator-product:hover .public-creator-media img,
.shared-shop-card:hover .shared-shop-media img {
  transform: scale(1.035);
  filter: contrast(1.04);
}

@media (prefers-reduced-motion: reduce) {
  body.orchid-motion-ready [data-orchid-animate],
  .button,
  .copy-code-button,
  .icon-button,
  .cart-button,
  .product-card,
  .agent-shop-card,
  .public-creator-product,
  .brand-dashboard-card,
  .product-visual img,
  .agent-shop-media img,
  .shared-shop-media img,
  .public-creator-media img,
  .agent-shop-card > img {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* Final mobile commerce compaction: live pages and CMS previews share the same card rhythm. */
@media (max-width: 820px) {
  .section,
  .shop-section,
  .agent-section,
  .brands-section,
  .payments-section,
  .dashboard-section,
  .domain-section {
    gap: clamp(14px, 4vw, 22px) !important;
  }

  .product-card,
  .agent-shop-card,
  .public-creator-product,
  .brand-dashboard-card,
  .dashboard-panel,
  .payment-card,
  .provider-grid article,
  .blog-grid article,
  .cms-card {
    min-height: 0 !important;
    border-radius: 8px !important;
  }

  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid,
  .cms-shop-live-mirror .product-row-scroll,
  .agent-my-shop-collection-products,
  .public-creator-collection-products,
  .public-creator-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: initial !important;
    gap: clamp(8px, 2.5vw, 12px) !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  .agent-my-shop-collection-row,
  .public-creator-storefront {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, 3vw, 14px) !important;
  }

  .agent-my-shop-collection-row.is-collection-open,
  .public-creator-storefront.is-collection-open {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .agent-my-shop-collection-summary {
    gap: 7px !important;
  }

  .agent-my-shop-collection-summary img {
    aspect-ratio: 1 / 1.02 !important;
  }

  .agent-my-shop-collection-summary span {
    font-size: clamp(0.7rem, 2.6vw, 0.84rem) !important;
    line-height: 1.12 !important;
  }

  .agent-my-shop-collection-summary strong {
    font-size: clamp(0.56rem, 2.1vw, 0.66rem) !important;
  }

  #shop .product-card,
  .cms-product-live-grid .product-card,
  .agent-shop-card,
  .public-creator-product {
    gap: 7px !important;
    padding: 7px !important;
  }

  #shop .product-visual,
  .cms-product-live-grid .product-visual,
  .agent-shop-media,
  .shared-shop-media,
  .public-creator-media,
  .agent-shop-card > img {
    aspect-ratio: 1 / 1.02 !important;
    min-height: 0 !important;
  }

  #shop .product-visual img,
  #shop .product-preview-trigger img,
  .cms-product-live-grid .product-visual img,
  .agent-shop-media img,
  .shared-shop-media img,
  .public-creator-media img,
  .agent-shop-card > img {
    object-fit: contain !important;
    padding: 3px !important;
  }

  #shop .product-body,
  .cms-product-live-grid .product-body {
    gap: 4px !important;
    padding-top: 5px !important;
  }

  #shop .product-body h3,
  .cms-product-live-grid .product-body h3,
  .agent-shop-card h4,
  .public-creator-product h4 {
    min-height: 0 !important;
    font-size: clamp(0.68rem, 2.8vw, 0.86rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  #shop .product-body p,
  .cms-product-live-grid .product-body p,
  .agent-shop-card p,
  .public-creator-product p {
    font-size: clamp(0.66rem, 2.5vw, 0.78rem) !important;
    line-height: 1.28 !important;
  }

  .agent-shop-brand,
  .agent-shop-card span,
  .public-creator-product span,
  .shared-shop-kicker {
    font-size: clamp(0.56rem, 2vw, 0.68rem) !important;
    line-height: 1.15 !important;
  }

  .agent-shop-price,
  .public-creator-product .agent-shop-price,
  .public-linked-product .agent-shop-price {
    margin: 2px 0 4px !important;
    font-size: clamp(0.98rem, 4vw, 1.35rem) !important;
    line-height: 1.03 !important;
  }

  .agent-shop-actions {
    gap: 6px !important;
    margin-top: 6px !important;
  }

  .agent-shop-actions .button,
  .agent-shop-actions .copy-code-button,
  .public-creator-product .button,
  .public-creator-product .copy-code-button,
  #shop .product-buy-row .button,
  .cms-product-live-grid .product-buy-row .button {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: clamp(0.56rem, 2.2vw, 0.68rem) !important;
    letter-spacing: 0.06em !important;
  }

  .agent-dashboard-grid,
  .brand-dashboard-grid,
  .metric-row,
  .payment-grid,
  .provider-grid,
  .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(8px, 2.6vw, 12px) !important;
  }

  .dashboard-panel,
  .payment-card,
  .brand-dashboard-card {
    padding: clamp(12px, 3.4vw, 18px) !important;
  }

  .metric-row div {
    min-height: 0 !important;
    padding: 12px !important;
  }

  .metric-row strong,
  .dashboard-panel strong,
  .brand-dashboard-card strong {
    font-size: clamp(1rem, 4.8vw, 1.45rem) !important;
    line-height: 1.05 !important;
  }

  .auth-grid,
  .auth-grid.is-login-popup,
  .brand-auth-card.auth-card,
  .agent-dashboard .agent-dashboard-grid,
  .agent-dashboard-live .agent-dashboard-grid {
    gap: clamp(12px, 4vw, 18px) !important;
  }

  .auth-card,
  .brand-auth-card,
  .onboarding-auth-card {
    padding: clamp(16px, 4vw, 22px) !important;
  }

  .public-creator-hero,
  .public-linked-product,
  .shared-shop-card,
  .agent-my-shop-heading,
  .agent-my-shop-import,
  .agent-my-shop-settings {
    padding: clamp(14px, 4vw, 22px) !important;
  }

  .public-creator-hero h2,
  .public-linked-product h3,
  .shared-shop-card h2 {
    font-size: clamp(1.45rem, 8vw, 2.7rem) !important;
    line-height: 0.98 !important;
  }

  .product-detail-dialog,
  .product-detail-dialog.is-partner-detail {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, calc(100vw - 16px)) !important;
    max-height: calc(100svh - 18px) !important;
    overflow: auto !important;
  }

  .product-detail-dialog.is-partner-detail .product-detail-copy {
    gap: 10px !important;
    padding: clamp(14px, 4vw, 20px) !important;
  }

  .product-detail-dialog.is-partner-detail .product-detail-copy h3 {
    font-size: clamp(1.25rem, 7vw, 2.1rem) !important;
    line-height: 1.02 !important;
  }

  .product-detail-dialog.is-partner-detail .product-detail-action {
    min-height: 44px !important;
  }
}

@media (min-width: 560px) and (max-width: 820px) {
  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid,
  .cms-shop-live-mirror .product-row-scroll,
  .agent-my-shop-collection-products,
  .public-creator-collection-products,
  .public-creator-grid,
  .agent-my-shop-collection-row,
  .public-creator-storefront {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  #shop .featured-product-grid,
  #shop .product-row-scroll,
  #shop .product-row-shell .product-row-scroll,
  .cms-product-live-grid,
  .cms-shop-live-mirror .product-row-scroll,
  .agent-my-shop-collection-products,
  .public-creator-collection-products,
  .public-creator-grid {
    gap: 7px !important;
  }

  .agent-my-shop-collection-row,
  .public-creator-storefront {
    gap: 9px !important;
  }

  .agent-dashboard-grid,
  .brand-dashboard-grid,
  .metric-row,
  .payment-grid,
  .provider-grid,
  .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .payment-card p,
  .dashboard-panel p,
  .brand-dashboard-card p {
    font-size: 0.72rem !important;
  }
}

@media (max-width: 620px) {
  .creator-dashboard-profile-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .creator-dashboard-profile-stats {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .agent-my-shop-collection-products,
  .public-creator-collection-products,
  .public-creator-storefront.is-collection-open .public-creator-collection-products,
  .agent-my-shop-collection-row.is-collection-open .agent-my-shop-collection-products {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .agent-my-shop-collection-products .agent-shop-card,
  .public-creator-collection-products .public-creator-product {
    width: min(100%, 390px) !important;
    margin-inline: auto !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  .agent-my-shop-collection-products .agent-shop-media,
  .public-creator-collection-products .public-creator-media,
  .agent-my-shop-collection-products .agent-shop-card > img,
  .public-creator-collection-products .public-creator-product > img {
    aspect-ratio: 1 / 1.08 !important;
  }

  .agent-my-shop-collection-products .agent-shop-price,
  .public-creator-collection-products .agent-shop-price {
    margin: 4px 0 6px !important;
    font-size: clamp(1.4rem, 8vw, 2rem) !important;
  }

  .agent-my-shop-collection-products .agent-shop-card h4,
  .public-creator-collection-products .public-creator-product h4 {
    font-size: clamp(0.9rem, 4.3vw, 1.1rem) !important;
    line-height: 1.16 !important;
  }

  .agent-my-shop-collection-products .agent-shop-actions .button,
  .agent-my-shop-collection-products .agent-shop-actions .copy-code-button,
  .public-creator-collection-products .button,
  .public-creator-collection-products .copy-code-button {
    flex: 1 1 132px !important;
    min-height: 42px !important;
    font-size: 0.7rem !important;
  }
}

.cms-shop-live-mirror.is-mobile-preview .featured-product-grid,
.cms-shop-live-mirror.is-mobile-preview .product-row-scroll,
.cms-shop-live-mirror.is-mobile-preview .product-row-shell .product-row-scroll,
.cms-shop-live-mirror.is-mobile-preview .cms-product-live-grid,
.cms-page-mirror.is-mobile-preview .agent-my-shop-collection-products,
.cms-page-mirror.is-mobile-preview .public-creator-collection-products,
.cms-page-mirror.is-mobile-preview .public-creator-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-columns: initial !important;
  gap: 8px !important;
  overflow: visible !important;
}

.cms-page-mirror.is-mobile-preview .agent-my-shop-collection-row,
.cms-page-mirror.is-mobile-preview .public-creator-storefront {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

/* Light mode polish: remove leftover black blocks and keep commerce controls legible. */
body:not(.dark-mode) {
  --light-surface: #ffffff;
  --light-surface-soft: #f6f6f3;
  --light-line: rgba(17, 17, 17, 0.16);
  --light-ink: #111111;
  --light-muted: #3f3f3f;
}

body:not(.dark-mode) .button-dark,
body:not(.dark-mode) .checkout-button,
body:not(.dark-mode) .agent-my-shop-import .button,
body:not(.dark-mode) .agent-code-generator .button,
body:not(.dark-mode) .auth-form .button:not(.google-login-button),
body:not(.dark-mode) .application-form .button,
body:not(.dark-mode) .cms-global-toolbar .button,
body:not(.dark-mode) .shop-cms-top-actions .button,
body:not(.dark-mode) .orchid-chat-form .button {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  box-shadow: 0 10px 24px rgba(0, 130, 93, 0.16);
}

body:not(.dark-mode) .button-light,
body:not(.dark-mode) .copy-code-button,
body:not(.dark-mode) .text-button,
body:not(.dark-mode) .dashboard-logout-button,
body:not(.dark-mode) .agent-dashboard-tabs button,
body:not(.dark-mode) .dashboard-tabs button,
body:not(.dark-mode) .tracking-tabs button,
body:not(.dark-mode) .segmented-control button,
body:not(.dark-mode) .brand-dashboard-tabs button,
body:not(.dark-mode) .cms-global-toolbar .copy-code-button,
body:not(.dark-mode) .shop-cms-top-actions .copy-code-button {
  color: var(--light-ink) !important;
  background: var(--light-surface) !important;
  border-color: var(--light-line) !important;
}

body:not(.dark-mode) .button-light:hover,
body:not(.dark-mode) .copy-code-button:hover,
body:not(.dark-mode) .text-button:hover,
body:not(.dark-mode) .dashboard-tabs button.is-active,
body:not(.dark-mode) .tracking-tabs button.is-active,
body:not(.dark-mode) .segmented-control button.is-active,
body:not(.dark-mode) .agent-dashboard-tabs button.is-active,
body:not(.dark-mode) .brand-dashboard-tabs button.is-active,
body:not(.dark-mode) .cms-global-toolbar .copy-code-button.is-active {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) .icon-button,
body:not(.dark-mode) .cart-button,
body:not(.dark-mode) .account-menu,
body:not(.dark-mode) .shop-filter-menu,
body:not(.dark-mode) .search-suggestions,
body:not(.dark-mode) .orchid-chat-button,
body:not(.dark-mode) .orchid-chat-panel,
body:not(.dark-mode) .orchid-chat-message,
body:not(.dark-mode) .orchid-assistant-card,
body:not(.dark-mode) .orchid-assistant-module-registry,
body:not(.dark-mode) .orchid-assistant-permission-matrix,
body:not(.dark-mode) .orchid-assistant-module-card,
body:not(.dark-mode) .orchid-assistant-permission-card,
body:not(.dark-mode) .orchid-assistant-admin-shell,
body:not(.dark-mode) .tali-journal-status-grid article,
body:not(.dark-mode) .tali-journal-run-log span,
body:not(.dark-mode) .auth-panel,
body:not(.dark-mode) .agent-my-shop-settings,
body:not(.dark-mode) .agent-shop-card,
body:not(.dark-mode) .public-creator-product,
body:not(.dark-mode) .public-creator-hero,
body:not(.dark-mode) .public-linked-product,
body:not(.dark-mode) .shared-shop-card,
body:not(.dark-mode) .brand-dashboard-hero,
body:not(.dark-mode) .brand-dashboard-card,
body:not(.dark-mode) .cms-page-mirror,
body:not(.dark-mode) .cms-live-shop-frame,
body:not(.dark-mode) .shop-cms-card,
body:not(.dark-mode) .cms-mirror-toolbar,
body:not(.dark-mode) .cms-page-fields {
  color: var(--light-ink) !important;
  background: var(--light-surface) !important;
  border-color: var(--light-line) !important;
}

body:not(.dark-mode) .orchid-chat-button {
  box-shadow: 0 16px 38px rgba(17, 17, 17, 0.16);
}

body:not(.dark-mode) .orchid-chat-button span {
  color: #ffffff !important;
  background: var(--brand) !important;
}

body:not(.dark-mode) .orchid-chat-message.is-user {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) .orchid-chat-header,
body:not(.dark-mode) .orchid-chat-form,
body:not(.dark-mode) .orchid-assistant-log,
body:not(.dark-mode) .orchid-assistant-module-count,
body:not(.dark-mode) .orchid-assistant-chip-row span,
body:not(.dark-mode) .orchid-assistant-flow span,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier,
body:not(.dark-mode) .orchid-assistant-os-card,
body:not(.dark-mode) .orchid-assistant-os-flow span,
body:not(.dark-mode) .orchid-assistant-os-registry,
body:not(.dark-mode) .orchid-assistant-os-registry span,
body:not(.dark-mode) .owner-tali-module-list span,
body:not(.dark-mode) .tali-journal-status-grid article,
body:not(.dark-mode) .tali-journal-run-log span,
body:not(.dark-mode) .agent-dashboard-tabs,
body:not(.dark-mode) .brand-dashboard-tabs {
  border-color: var(--light-line) !important;
}

body:not(.dark-mode) .orchid-chat-form select,
body:not(.dark-mode) .orchid-chat-form textarea,
body:not(.dark-mode) .orchid-assistant-card input,
body:not(.dark-mode) .orchid-assistant-card textarea,
body:not(.dark-mode) .orchid-assistant-card select,
body:not(.dark-mode) .tali-journal-form-grid input,
body:not(.dark-mode) .tali-journal-form-grid select,
body:not(.dark-mode) .tali-journal-form-grid textarea,
body:not(.dark-mode) .agent-my-shop-settings-form input,
body:not(.dark-mode) .agent-my-shop-settings-form select,
body:not(.dark-mode) .agent-my-shop-manual-fields input,
body:not(.dark-mode) .agent-my-shop-manual-fields textarea,
body:not(.dark-mode) .agent-my-shop-manual-fields select {
  color: var(--light-ink) !important;
  background: var(--light-surface-soft) !important;
  border-color: var(--light-line) !important;
}

body:not(.dark-mode) .orchid-chat-form select::placeholder,
body:not(.dark-mode) .orchid-chat-form textarea::placeholder,
body:not(.dark-mode) input::placeholder,
body:not(.dark-mode) textarea::placeholder {
  color: rgba(17, 17, 17, 0.5) !important;
}

body:not(.dark-mode) .auth-card p,
body:not(.dark-mode) .brand-auth-card p,
body:not(.dark-mode) .dashboard-panel p,
body:not(.dark-mode) .brand-dashboard-card p,
body:not(.dark-mode) .agent-shop-card p,
body:not(.dark-mode) .public-creator-product p,
body:not(.dark-mode) .public-creator-hero p,
body:not(.dark-mode) .public-linked-product p,
body:not(.dark-mode) .shared-shop-card p,
body:not(.dark-mode) .orchid-chat-message,
body:not(.dark-mode) .orchid-assistant-card label,
body:not(.dark-mode) .orchid-assistant-module-heading p,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier p,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier small,
body:not(.dark-mode) .orchid-assistant-os-card p,
body:not(.dark-mode) .orchid-assistant-os-registry span,
body:not(.dark-mode) .orchid-assistant-module-card p,
body:not(.dark-mode) .orchid-assistant-module-card small,
body:not(.dark-mode) .orchid-assistant-module-card dd,
body:not(.dark-mode) .orchid-assistant-module-card-head em,
body:not(.dark-mode) .orchid-assistant-permission-card p,
body:not(.dark-mode) .owner-tali-module-head p,
body:not(.dark-mode) .owner-tali-module-list span,
body:not(.dark-mode) .agent-my-shop-settings-form label,
body:not(.dark-mode) .agent-my-shop-manual-fields label {
  color: var(--light-muted) !important;
}

body:not(.dark-mode) .agent-shop-price,
body:not(.dark-mode) .public-creator-product .agent-shop-price,
body:not(.dark-mode) .public-linked-product .agent-shop-price,
body:not(.dark-mode) .auth-title-stack,
body:not(.dark-mode) .brand-dashboard-hero h2,
body:not(.dark-mode) .public-creator-hero h2,
body:not(.dark-mode) .public-linked-product h3,
body:not(.dark-mode) .shared-shop-card h2,
body:not(.dark-mode) .agent-shop-card h4,
body:not(.dark-mode) .public-creator-product h4,
body:not(.dark-mode) .orchid-chat-header h2,
body:not(.dark-mode) .orchid-assistant-module-heading h3,
body:not(.dark-mode) .orchid-assistant-module-group h4,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier h4,
body:not(.dark-mode) .orchid-assistant-os-card h4,
body:not(.dark-mode) .orchid-assistant-os-registry h4,
body:not(.dark-mode) .orchid-assistant-os-registry strong,
body:not(.dark-mode) .orchid-assistant-module-card h5,
body:not(.dark-mode) .orchid-assistant-permission-card h4,
body:not(.dark-mode) .owner-tali-module-head h3,
body:not(.dark-mode) .owner-tali-module-list strong {
  color: var(--light-ink) !important;
}

body:not(.dark-mode) .orchid-assistant-module-card dt {
  color: rgba(17, 17, 17, 0.52) !important;
}

body:not(.dark-mode) .orchid-assistant-chip-row span,
body:not(.dark-mode) .orchid-assistant-flow span,
body:not(.dark-mode) .orchid-assistant-os-flow span,
body:not(.dark-mode) .orchid-assistant-os-registry span,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier > span,
body:not(.dark-mode) .orchid-assistant-module-count {
  background: rgba(0, 128, 96, 0.08) !important;
}

body:not(.dark-mode) .orchid-assistant-flow span,
body:not(.dark-mode) .orchid-assistant-os-flow span {
  color: var(--light-ink) !important;
}

body:not(.dark-mode) .orchid-assistant-hierarchy,
body:not(.dark-mode) .orchid-assistant-os,
body:not(.dark-mode) .orchid-assistant-os-card,
body:not(.dark-mode) .orchid-assistant-os-registry,
body:not(.dark-mode) .orchid-assistant-hierarchy-tier {
  background:
    radial-gradient(circle at top left, rgba(0, 128, 96, 0.08), transparent 28rem),
    rgba(255, 255, 255, 0.86) !important;
}

body:not(.dark-mode) .agent-shop-media,
body:not(.dark-mode) .shared-shop-media,
body:not(.dark-mode) .public-creator-media,
body:not(.dark-mode) .product-visual {
  background: #f1f1ee !important;
}

body:not(.dark-mode) .agent-shop-media-dots,
body:not(.dark-mode) .shared-shop-media-dots,
body:not(.dark-mode) .public-creator-media-dots {
  background: rgba(17, 17, 17, 0.58) !important;
}

body:not(.dark-mode) .product-detail-dialog,
body:not(.dark-mode) .product-detail-dialog.is-partner-detail {
  color: var(--light-ink) !important;
  background: var(--light-surface) !important;
  border-color: var(--light-line) !important;
}

body:not(.dark-mode) .product-detail-dialog.is-partner-detail .product-detail-copy h3,
body:not(.dark-mode) .product-detail-dialog.is-partner-detail .product-detail-price-row strong {
  color: var(--light-ink) !important;
}

/* Phone-only home hero refinement: shorter animation tab, smaller orchid, lower copy. */
@media (max-width: 760px) {
  #home.landing-video-section,
  .cms-home-live-preview {
    --orchid-hero-stage: clamp(390px, 62svh, 520px) !important;
    min-height: var(--orchid-hero-stage) !important;
    overflow: hidden !important;
  }

  #home.landing-video-section::after,
  #home .orchid-hero-animation,
  .cms-home-live-preview .cms-home-animation {
    height: var(--orchid-hero-stage) !important;
    min-height: 0 !important;
  }

  #home .orchid-hero-svg,
  .cms-home-live-preview .orchid-hero-svg {
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  #home .orchid-growth,
  .cms-home-live-preview .orchid-growth {
    transform: translate(190px, 112px) scale(0.6) !important;
    transform-box: view-box;
    transform-origin: 720px 690px;
  }

  #home .landing-hero-copy,
  .cms-home-live-preview .landing-hero-copy {
    align-content: end !important;
    align-items: end !important;
    justify-items: start !important;
    width: min(70vw, 23rem) !important;
    max-width: min(70vw, 23rem) !important;
    min-height: var(--orchid-hero-stage) !important;
    padding: 88px 16px 34px !important;
    text-align: left !important;
  }

  #home .landing-kicker,
  .cms-home-live-preview .landing-kicker {
    margin-bottom: 8px !important;
    padding: 4px 9px !important;
    font-size: clamp(0.52rem, 2.2vw, 0.62rem) !important;
    letter-spacing: 0.12em !important;
  }

  #home .landing-hero-copy h2,
  .cms-home-live-preview .landing-hero-copy h2 {
    max-width: 8ch !important;
    font-size: clamp(2rem, 10vw, 3.15rem) !important;
    line-height: 0.88 !important;
  }

  #home .landing-hero-copy > p:not(.landing-kicker),
  .cms-home-live-preview .landing-hero-copy > p:not(.landing-kicker) {
    max-width: 20rem !important;
    margin-top: 10px !important;
    font-size: clamp(0.62rem, 2.7vw, 0.78rem) !important;
    line-height: 1.28 !important;
    letter-spacing: 0.035em !important;
  }

  #home .landing-hero-button,
  .cms-home-live-preview .landing-hero-button {
    min-width: 0 !important;
    min-height: 38px !important;
    margin-top: 14px !important;
    padding-inline: 14px !important;
    font-size: 0.62rem !important;
  }
}

@media (max-width: 430px) {
  #home.landing-video-section,
  .cms-home-live-preview {
    --orchid-hero-stage: clamp(360px, 58svh, 460px) !important;
  }

  #home .orchid-growth,
  .cms-home-live-preview .orchid-growth {
    transform: translate(224px, 124px) scale(0.54) !important;
  }

  #home .landing-hero-copy,
  .cms-home-live-preview .landing-hero-copy {
    width: min(68vw, 20rem) !important;
    max-width: min(68vw, 20rem) !important;
    padding: 76px 14px 28px !important;
  }
}

/* Full light-mode inversion pass: black surfaces become white, white marks become black, Orchid green stays green. */
body:not(.dark-mode) {
  --bg: #ffffff;
  --ink: #050505;
  --muted: #262626;
  --line: rgba(5, 5, 5, 0.16);
  --panel: #ffffff;
  --panel-soft: #f6f6f2;
  --inverse: #050505;
  --light-surface: #ffffff;
  --light-surface-soft: #f6f6f2;
  --light-line: rgba(5, 5, 5, 0.16);
  --light-ink: #050505;
  --light-muted: #262626;
  background: #ffffff !important;
  color: #050505 !important;
}

body:not(.dark-mode) .site-header {
  color: #050505 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: rgba(5, 5, 5, 0.14) !important;
}

body:not(.dark-mode) .site-header .brand-logo,
body:not(.dark-mode) .brand-logo {
  filter: brightness(0) saturate(100%) !important;
}

body:not(.dark-mode) .nav-links,
body:not(.dark-mode) .nav-links a,
body:not(.dark-mode) .header-actions {
  color: #050505 !important;
}

body:not(.dark-mode) :where(
  .landing-video-section,
  .landing-marquee,
  .landing-featured,
  .landing-story,
  .landing-collection,
  .landing-category-strip,
  .landing-community,
  .section,
  .shop-section,
  .agent-section,
  .brands-section,
  .payments-section,
  .dashboard-section,
  .domain-section,
  .blog-section,
  .discover-section,
  .admin-section,
  .admin-shell,
  .admin-main,
  .admin-sidebar,
  .admin-topbar
) {
  color: #050505 !important;
  background: #ffffff !important;
}

body:not(.dark-mode) :where(
  .landing-bundle,
  .landing-chat-card,
  .landing-category-tabs a,
  .landing-category-strip a,
  .landing-category-strip > div,
  .landing-community-grid,
  .product-card,
  .tier-card,
  .blog-grid article,
  .payment-card,
  .provider-grid article,
  .auth-card,
  .auth-panel,
  .auth-visual,
  .dashboard-panel,
  .agent-payout-card,
  .agent-growth-panel,
  .live-purchase-box,
  .agent-my-shop-heading,
  .agent-my-shop-import,
  .agent-my-shop-settings,
  .agent-shop-card,
  .public-creator-product,
  .public-creator-hero,
  .public-linked-product,
  .shared-shop-card,
  .creator-landing-hero,
  .creator-landing-band,
  .creator-landing-faq,
  .creator-final-cta,
  .creator-proof-grid article,
  .creator-step-grid article,
  .creator-tool-grid article,
  .creator-landing-preview,
  .creator-preview-card,
  .creator-preview-phone,
  .brand-preview-board,
  .brand-preview-metrics article,
  .brand-dashboard-hero,
  .brand-dashboard-card,
  .brand-list article,
  .registered-brand-card,
  .security-settings-card,
  .security-status-card,
  .cms-page-mirror,
  .cms-live-shop-frame,
  .shop-cms-card,
  .cms-mirror-toolbar,
  .cms-page-fields,
  .cms-global-toolbar,
  .account-menu,
  .shop-filter-menu,
  .search-suggestions,
  .product-detail-dialog,
  .cart-panel,
  .orchid-chat-button,
  .orchid-chat-panel,
  .orchid-chat-message,
  .orchid-assistant-card,
  .orchid-assistant-admin-shell
) {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.16) !important;
}

body:not(.dark-mode) :where(
  .landing-hero-copy,
  .landing-featured,
  .landing-story,
  .landing-bundle-copy,
  .landing-collection,
  .landing-category-strip,
  .landing-community,
  .section-heading,
  .product-body,
  .auth-card,
  .dashboard-panel,
  .agent-my-shop-heading,
  .agent-my-shop-import,
  .agent-my-shop-settings,
  .agent-shop-card,
  .public-creator-product,
  .public-creator-hero,
  .public-linked-product,
  .shared-shop-card,
  .brand-dashboard-hero,
  .brand-dashboard-card,
  .creator-landing-hero,
  .creator-landing-band,
  .discover-section,
  .cms-page-mirror,
  .cms-live-shop-frame,
  .admin-shell,
  .orchid-chat-panel,
  .orchid-assistant-admin-shell
) :where(h1, h2, h3, h4, h5, p, span, strong, small, label, a, button, li, summary, th, td) {
  color: #050505 !important;
}

body:not(.dark-mode) :where(
  .eyebrow,
  .landing-kicker,
  .landing-bundle-copy span,
  .agent-shop-brand,
  .shared-shop-kicker,
  .registered-brand-card strong,
  .discover-status,
  [data-feedback="success"]
) {
  color: var(--brand) !important;
}

body:not(.dark-mode) :where(
  .button-dark,
  .checkout-button,
  .application-form .button,
  .auth-form .button:not(.google-login-button),
  .agent-my-shop-import .button,
  .agent-code-generator .button,
  .cms-global-toolbar .button,
  .shop-cms-top-actions .button,
  .orchid-chat-form .button,
  .segmented-control button.is-active,
  .dashboard-tabs button.is-active,
  .tracking-tabs button.is-active,
  .agent-dashboard-tabs button.is-active,
  .brand-dashboard-tabs button.is-active,
  .landing-category-tabs a.is-active,
  .landing-category-tabs a:hover,
  .landing-category-tabs a:focus-visible,
  .discover-filter-row button.is-active,
  .discover-save-button.is-saved
) {
  color: var(--brand-contrast) !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) :where(
  .button-light,
  .copy-code-button,
  .text-button,
  .dashboard-logout-button,
  .icon-button,
  .cart-button,
  .agent-dashboard-tabs button,
  .dashboard-tabs button,
  .tracking-tabs button,
  .segmented-control button,
  .brand-dashboard-tabs button,
  .brand-category-tabs button,
  .cms-global-toolbar .copy-code-button,
  .shop-cms-top-actions .copy-code-button
) {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.18) !important;
}

body:not(.dark-mode) :where(
  .copy-code-button.is-active,
  .button-dark,
  .checkout-button,
  .application-form .button,
  .auth-form .button:not(.google-login-button),
  .agent-my-shop-import .button,
  .agent-code-generator .button,
  .cms-global-toolbar .button,
  .shop-cms-top-actions .button,
  .orchid-chat-form .button,
  .segmented-control button.is-active,
  .dashboard-tabs button.is-active,
  .tracking-tabs button.is-active,
  .agent-dashboard-tabs button.is-active,
  .brand-dashboard-tabs button.is-active,
  .brand-category-tabs button.is-active,
  .landing-category-tabs a.is-active,
  .landing-category-tabs a:hover,
  .landing-category-tabs a:focus-visible,
  .discover-filter-row button.is-active,
  .discover-save-button.is-saved
) {
  color: var(--brand-contrast) !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) :where(input, textarea, select) {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.18) !important;
}

body:not(.dark-mode) :where(input, textarea)::placeholder {
  color: rgba(5, 5, 5, 0.5) !important;
}

body:not(.dark-mode) .announcement-bar,
body:not(.dark-mode) .landing-live-button,
body:not(.dark-mode) .orchid-chat-button span,
body:not(.dark-mode) .orchid-chat-message.is-user,
body:not(.dark-mode) .product-badge,
body:not(.dark-mode) [style*="background:#006b4f"],
body:not(.dark-mode) [style*="background: #006b4f"],
body:not(.dark-mode) [style*="background:rgb(0, 107, 79)"],
body:not(.dark-mode) [style*="background: rgb(0, 107, 79)"] {
  color: var(--brand-contrast) !important;
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) .landing-video-section::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.2) 54%, rgba(255, 255, 255, 0.74)) !important;
}

body:not(.dark-mode) .orchid-sky,
body:not(.dark-mode) .cms-home-animation .orchid-sky {
  fill: #ffffff !important;
}

body:not(.dark-mode) .orchid-hill,
body:not(.dark-mode) .cms-home-animation .orchid-hill {
  fill: #eeeeea !important;
}

body:not(.dark-mode) .hill-two,
body:not(.dark-mode) .cms-home-animation .hill-two {
  fill: #e2e2dc !important;
}

body:not(.dark-mode) .orchid-ground,
body:not(.dark-mode) .cms-home-animation .orchid-ground {
  fill: #ffffff !important;
}

body:not(.dark-mode) .orchid-sun {
  opacity: 0.22 !important;
}

body:not(.dark-mode) .grass path,
body:not(.dark-mode) .root,
body:not(.dark-mode) .hero-stem,
body:not(.dark-mode) .orchid-stem {
  stroke: #050505 !important;
}

body:not(.dark-mode) .seed-shell {
  fill: #ffffff !important;
  stroke: #050505 !important;
}

body:not(.dark-mode) .hero-leaf,
body:not(.dark-mode) .orchid-leaf {
  fill: rgba(5, 5, 5, 0.08) !important;
  stroke: #050505 !important;
}

body:not(.dark-mode) .hero-petal,
body:not(.dark-mode) .falling-petal,
body:not(.dark-mode) .orchid-petal {
  fill: rgba(5, 5, 5, 0.88) !important;
  stroke: #050505 !important;
  filter: drop-shadow(0 10px 14px rgba(5, 5, 5, 0.12)) !important;
}

body:not(.dark-mode) .hero-orchid-core,
body:not(.dark-mode) .orchid-core {
  fill: var(--brand) !important;
  stroke: #ffffff !important;
}

body:not(.dark-mode) .hero-orchid-mark {
  stroke: #ffffff !important;
}

body:not(.dark-mode) .orchid-line {
  stroke: var(--brand) !important;
}

body:not(.dark-mode) .auth-visual::before,
body:not(.dark-mode) .auth-visual::after {
  border-color: rgba(5, 5, 5, 0.14) !important;
}

body:not(.dark-mode) .product-visual,
body:not(.dark-mode) .agent-shop-media,
body:not(.dark-mode) .shared-shop-media,
body:not(.dark-mode) .public-creator-media,
body:not(.dark-mode) .discover-product-media-frame {
  background: #f4f4f0 !important;
}

/* Final light-mode surface guard for late commerce/auth rules. */
body:not(.dark-mode) #shop .shop-toolbar,
body:not(.dark-mode) .cms-page-mirror .shop-toolbar {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.16) !important;
}

body:not(.dark-mode) #shop .segmented-control,
body:not(.dark-mode) .cms-page-mirror .segmented-control,
body:not(.dark-mode) #shop .search-field input,
body:not(.dark-mode) #shop .sort-field select,
body:not(.dark-mode) .cms-page-mirror .search-field input,
body:not(.dark-mode) .cms-page-mirror .sort-field select {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.18) !important;
}

body:not(.dark-mode) #shop .segmented-control button:not(.is-active),
body:not(.dark-mode) .cms-page-mirror .segmented-control button:not(.is-active) {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.18) !important;
}

body:not(.dark-mode) #shop .segmented-control button.is-active,
body:not(.dark-mode) .cms-page-mirror .segmented-control button.is-active,
body:not(.dark-mode) #shop .ai-search-toggle,
body:not(.dark-mode) .cms-page-mirror .ai-search-toggle {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) .auth-grid.is-login-popup {
  background: rgba(255, 255, 255, 0.92) !important;
}

body:not(.dark-mode) .auth-grid.is-login-popup .auth-card,
body:not(.dark-mode) .auth-grid.is-login-popup .auth-panel,
body:not(.dark-mode) .auth-grid.is-login-popup .auth-visual {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.16) !important;
}

body:not(.dark-mode) .auth-grid.is-login-popup .auth-form input,
body:not(.dark-mode) .auth-grid.is-login-popup .auth-form select,
body:not(.dark-mode) .auth-grid.is-login-popup .auth-form textarea {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.2) !important;
}

body:not(.dark-mode) .creator-dashboard-profile-card {
  color: #050505 !important;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.08), transparent 48%),
    #ffffff !important;
  border-color: rgba(0, 107, 79, 0.24) !important;
}

body:not(.dark-mode) .creator-dashboard-profile-main h3,
body:not(.dark-mode) .creator-dashboard-profile-stats strong {
  color: #050505 !important;
}

body:not(.dark-mode) .creator-dashboard-profile-main span,
body:not(.dark-mode) .creator-dashboard-profile-stats span {
  color: rgba(5, 5, 5, 0.62) !important;
}

body:not(.dark-mode) .creator-dashboard-profile-stats article {
  background: rgba(5, 5, 5, 0.035) !important;
  border-color: rgba(5, 5, 5, 0.1) !important;
}

/* Creator identity, tier progress, and final dashboard polish. */
.creator-dashboard-profile-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: clamp(14px, 2vw, 22px);
  align-items: center;
  margin: 0 0 16px;
  padding: clamp(16px, 2.4vw, 24px);
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.18), transparent 44%),
    #0b0b0b;
  border: 1px solid rgba(0, 107, 79, 0.34);
  border-radius: 10px;
}

.creator-dashboard-profile-card:empty {
  display: none;
}

.creator-dashboard-profile-card > img {
  width: clamp(68px, 8vw, 92px);
  height: clamp(68px, 8vw, 92px);
  object-fit: cover;
  border: 1px solid rgba(0, 130, 93, 0.55);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
}

.creator-dashboard-profile-main {
  min-width: 0;
}

.creator-dashboard-profile-main h3 {
  margin: 4px 0 6px;
  font-size: clamp(1.35rem, 3vw, 2.4rem);
  line-height: 0.95;
  text-transform: uppercase;
}

.creator-dashboard-profile-main span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.creator-dashboard-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(72px, 1fr));
  gap: 8px;
}

.creator-dashboard-profile-stats article {
  display: grid;
  gap: 4px;
  justify-items: center;
  min-height: 72px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.creator-dashboard-profile-stats strong {
  color: #ffffff;
  font-size: clamp(1.2rem, 2.8vw, 1.8rem);
  line-height: 1;
}

.creator-dashboard-profile-stats span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.creator-profile-preview,
.public-creator-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.creator-profile-preview img,
.public-creator-profile img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border: 1px solid rgba(0, 107, 79, 0.35);
  border-radius: 50%;
  background: var(--panel-soft);
}

.creator-profile-preview div,
.public-creator-profile div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: center;
}

.creator-profile-preview strong,
.public-creator-profile strong {
  flex: 1 0 100%;
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1;
}

.creator-profile-preview span,
.public-creator-profile span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tier-progress-card {
  display: grid;
  grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);
  gap: 12px;
  grid-column: 1 / -1;
}

.tier-progress-card article {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.18), transparent 44%),
    #0b0b0b;
  border: 1px solid rgba(0, 107, 79, 0.34);
  border-radius: 8px;
}

.tier-progress-card span {
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tier-progress-card strong {
  font-size: clamp(1.5rem, 4vw, 2.55rem);
  line-height: 0.98;
}

.tier-progress-card p,
.tier-progress-card small {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
}

.tier-progress-track {
  position: relative;
  height: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}

.tier-progress-track i,
.tier-progress-track b {
  position: absolute;
  inset-block: 0;
  left: 0;
  border-radius: inherit;
}

.tier-progress-track i {
  background: rgba(255, 255, 255, 0.2);
}

.tier-progress-track b {
  background: linear-gradient(90deg, var(--brand-deep), var(--brand));
}

.product-card,
.agent-shop-card,
.public-creator-product,
.discover-product-card,
.discover-creator-card,
.discover-collection-card,
.discover-brand-card,
.discover-vibe-card,
.brand-dashboard-card,
.dashboard-panel,
.payment-card,
.provider-grid article,
.shop-toolbar,
.search-field input,
.sort-field select {
  border-radius: 8px;
}

body:not(.dark-mode) .agent-dashboard .agent-code-card,
body:not(.dark-mode) .agent-dashboard-live .agent-dashboard-code-card,
body:not(.dark-mode) .agent-code-card,
body:not(.dark-mode) .live-purchase-box,
body:not(.dark-mode) .agent-dashboard-grid .dashboard-panel,
body:not(.dark-mode) .agent-payout-card,
body:not(.dark-mode) .agent-growth-panel,
body:not(.dark-mode) .agent-dashboard-live #agent-my-shop-panel .agent-my-shop-heading,
body:not(.dark-mode) .cms-my-shop-preview .agent-my-shop-heading,
body:not(.dark-mode) .agent-dashboard-live #agent-my-shop-panel .agent-my-shop-import,
body:not(.dark-mode) .cms-my-shop-preview .agent-my-shop-import,
body:not(.dark-mode) .agent-my-shop-catalogue-panel,
body:not(.dark-mode) .tier-progress-card article {
  color: #050505 !important;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.06), transparent 42%),
    #f7f7f3 !important;
  border-color: rgba(5, 5, 5, 0.16) !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .agent-dashboard .agent-code-card h3,
body:not(.dark-mode) .agent-dashboard-live .agent-dashboard-code-card h3,
body:not(.dark-mode) .agent-code-card h3,
body:not(.dark-mode) .tier-progress-card strong,
body:not(.dark-mode) .tier-progress-card p,
body:not(.dark-mode) .tier-progress-card small {
  color: #050505 !important;
}

body:not(.dark-mode) .tier-progress-track {
  background: rgba(5, 5, 5, 0.12) !important;
}

body:not(.dark-mode) .message-menu-card input,
body:not(.dark-mode) .message-menu-card textarea,
body:not(.dark-mode) .site-message-item,
body:not(.dark-mode) .message-empty {
  color: #050505 !important;
  background: #f7f7f3 !important;
  border-color: rgba(5, 5, 5, 0.16) !important;
}

body:not(.dark-mode) .brand-dashboard-card,
body:not(.dark-mode) .brand-list article,
body:not(.dark-mode) .brand-integration-status-grid article {
  background: #f7f7f3 !important;
  border-color: rgba(5, 5, 5, 0.14) !important;
}

/* Public account auth: creator, brand, and shopper only. CMS/admin auth keeps its own layout. */
.public-auth-mount {
  width: min(100%, 1540px);
  margin: clamp(18px, 3vw, 34px) auto;
}

.auth-grid.public-auth-live,
.brand-auth-card.public-auth-live,
.public-auth-live {
  display: grid;
  place-items: center;
  min-height: 0;
  padding: 0;
  color: #ffffff;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.brand-auth-card.public-auth-live {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(100%, 1120px);
  margin: clamp(18px, 3vw, 34px) auto;
  padding: 0 !important;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.brand-auth-card.public-auth-live .public-auth-card {
  width: min(100%, 1120px);
}

#brands.brand-auth-only {
  align-content: center;
}

#brands.brand-auth-only .brand-landing-hero,
#brands.brand-auth-only .registered-brand-showcase,
#brands.brand-auth-only .brand-landing-band {
  display: none !important;
}

#brands.brand-auth-only .brand-public,
#brands.brand-auth-only .brand-landing-shell {
  display: grid;
  place-items: center;
  min-height: calc(100svh - 154px);
  width: 100%;
}

.public-auth-card {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  justify-items: center;
  gap: clamp(18px, 2.6vw, 34px);
  width: min(100%, 1120px);
  max-height: calc(100svh - 72px);
  margin-inline: auto;
  padding: clamp(22px, 4vw, 56px);
  color: #ffffff;
  text-align: center;
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 107, 79, 0.22), transparent 36%),
    radial-gradient(circle at 90% 100%, rgba(0, 107, 79, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    #050505;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.public-auth-card *,
.public-auth-card *::before,
.public-auth-card *::after {
  box-sizing: border-box;
}

.public-auth-card::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 133, 98, 0.75), transparent);
  pointer-events: none;
}

.public-auth-header {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: clamp(14px, 2vw, 24px);
  width: min(100%, 880px);
  padding-bottom: clamp(16px, 2vw, 24px);
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.public-auth-main-icon,
.public-auth-type-icon,
.public-auth-otp-card > span {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--brand);
  background: rgba(0, 107, 79, 0.14);
  border: 1px solid rgba(0, 133, 98, 0.45);
  border-radius: 999px;
}

.public-auth-main-icon {
  width: clamp(54px, 7vw, 76px);
  height: clamp(54px, 7vw, 76px);
}

.public-auth-main-icon svg {
  width: 46%;
  height: 46%;
  fill: currentColor;
}

.public-auth-header h3 {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: 0.96;
  text-transform: none;
}

.public-auth-header h3 span,
.public-auth-footer button,
.public-auth-note.is-success {
  color: var(--brand);
}

.public-auth-header p {
  max-width: 760px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(0.9rem, 1.25vw, 1.04rem);
}

.public-auth-form {
  display: grid;
  justify-items: center;
  gap: clamp(18px, 2.4vw, 30px);
  width: 100%;
}

.public-auth-step {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: 100%;
}

.public-auth-step-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  color: #ffffff;
  font-family: var(--display-font);
  font-size: clamp(0.95rem, 1.35vw, 1.25rem);
  font-weight: 900;
}

.public-auth-step-title span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 999px;
  font-size: 0.88rem;
}

.public-auth-type-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: min(100%, 760px);
  margin-inline: auto;
}

.public-auth-type-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
  min-height: 150px;
  padding: clamp(14px, 2vw, 22px);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.public-auth-type-card:hover,
.public-auth-type-card:focus-within,
.public-auth-type-card.is-selected {
  transform: translateY(-1px);
  background: rgba(0, 107, 79, 0.12);
  border-color: rgba(0, 133, 98, 0.8);
}

.public-auth-type-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.public-auth-type-check {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background: var(--brand);
  border-radius: 999px;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 160ms ease, transform 160ms ease;
  font-size: 0;
}

.public-auth-type-check::before {
  content: "";
  width: 6px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(42deg) translate(-1px, -1px);
}

.public-auth-type-check svg {
  display: none;
}

.public-auth-type-card.is-selected .public-auth-type-check,
.public-auth-type-card:has(input:checked) .public-auth-type-check {
  opacity: 1;
  transform: scale(1);
}

.public-auth-type-icon {
  width: 52px;
  height: 52px;
  grid-row: span 2;
}

.public-auth-type-icon svg,
.public-auth-otp-card svg,
.public-auth-fields svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.public-auth-type-card strong {
  align-self: end;
  color: #ffffff;
  font-size: clamp(1rem, 1.4vw, 1.18rem);
  line-height: 1.1;
}

.public-auth-type-card small {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.86rem;
  line-height: 1.45;
}

.public-auth-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: min(100%, 760px);
  margin-inline: auto;
  text-align: left;
}

.public-auth-form[data-public-auth-form="login"] .public-auth-fields {
  grid-template-columns: minmax(0, 1fr);
}

.public-auth-fields label,
.public-auth-otp-field {
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 900;
}

.public-auth-fields label:has(input[name="pin"]) {
  grid-column: 1 / -1;
}

.public-auth-fields label > span,
.public-auth-otp-field input {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 14px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}

.public-auth-fields input,
.public-auth-otp-field input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 0;
  color: #ffffff;
  background: transparent;
  border: 0;
  font-size: 1rem;
  font-weight: 800;
}

.public-auth-fields input:focus,
.public-auth-otp-field input:focus {
  outline: 0;
}

.public-auth-fields label > span:focus-within,
.public-auth-otp-field input:focus {
  border-color: rgba(0, 133, 98, 0.85);
  box-shadow: 0 0 0 3px rgba(0, 107, 79, 0.18);
}

.public-auth-fields input[readonly] {
  color: rgba(255, 255, 255, 0.68);
}

.public-auth-fields small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.78rem;
  font-weight: 700;
}

.public-auth-otp-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: min(100%, 760px);
  min-height: 84px;
  padding: 16px;
  text-align: left;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.1), transparent),
    rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.public-auth-otp-card > span {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.public-auth-otp-card strong,
.public-auth-otp-card small {
  display: block;
}

.public-auth-otp-card strong {
  color: #ffffff;
  font-size: clamp(0.92rem, 1.35vw, 1.08rem);
}

.public-auth-otp-card small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.58);
}

.public-auth-otp-field {
  max-width: 360px;
  width: min(100%, 360px);
  text-align: center;
}

.public-auth-otp-field input {
  display: block;
  padding: 0 16px;
  text-align: center;
  letter-spacing: 0.24em;
  background: #000000;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 8px;
  color: #ffffff;
  caret-color: #ffffff;
}

.public-auth-primary {
  position: static;
  justify-self: center;
  width: min(100%, 760px);
  min-height: 58px;
  margin-top: 2px;
  border-radius: 8px;
  font-size: clamp(0.82rem, 1.2vw, 1rem);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.34);
}

.public-auth-inline-help {
  width: min(100%, 760px);
  margin: -8px 0 -4px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  font-weight: 800;
  text-align: center;
}

.public-policy-panel {
  width: min(100%, 980px);
}

.public-policy-accept {
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 14px 16px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 8px;
  font-weight: 900;
}

.public-policy-accept input {
  width: 20px;
  height: 20px;
  accent-color: var(--brand);
  flex: 0 0 auto;
}

.public-policy-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: min(100%, 760px);
  margin: 10px auto 0;
}

.public-policy-list {
  display: grid;
  gap: 8px;
  width: min(100%, 760px);
  margin: 10px auto 0;
}

.public-policy-item {
  overflow: hidden;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.public-policy-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 900;
}

.public-policy-item summary span {
  color: var(--brand);
  font-size: 0.75rem;
}

.public-policy-item ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0 16px 14px 32px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.88rem;
  line-height: 1.5;
}

.public-auth-resend {
  justify-self: center;
  color: rgba(255, 255, 255, 0.72);
}

.public-auth-note {
  min-height: 22px;
  margin: -6px 0 0;
  width: min(100%, 760px);
  justify-self: center;
  text-align: center;
}

.public-auth-note.is-error {
  color: #f4c46a;
}

.public-auth-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min(100%, 760px);
  gap: 7px;
  padding-top: 20px;
  color: rgba(255, 255, 255, 0.64);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.92rem;
}

.public-auth-footer .text-button {
  color: var(--brand);
}

.shopper-account-card {
  padding: clamp(18px, 3vw, 34px);
}

.shopper-account-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.shopper-account-stats article {
  display: grid;
  gap: 4px;
  min-height: 84px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}

.shopper-account-stats strong {
  color: var(--brand);
  font-family: var(--display-font);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.shopper-account-stats span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body:not(.dark-mode) .auth-grid.public-auth-live,
body:not(.dark-mode) .brand-auth-card.public-auth-live,
body:not(.dark-mode) .public-auth-live {
  color: #050505 !important;
  background: transparent !important;
  border: 0 !important;
}

body:not(.dark-mode) .public-auth-card,
body:not(.dark-mode) .shopper-account-stats article,
body:not(.dark-mode) .public-auth-type-card,
body:not(.dark-mode) .public-auth-otp-card,
body:not(.dark-mode) .public-auth-fields label > span,
body:not(.dark-mode) .public-policy-accept,
body:not(.dark-mode) .public-policy-item {
  color: #050505 !important;
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.055), transparent 46%),
    #ffffff !important;
  border-color: rgba(5, 5, 5, 0.14) !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .public-auth-card {
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 107, 79, 0.08), transparent 36%),
    #ffffff !important;
}

body:not(.dark-mode) .public-auth-primary {
  box-shadow: 0 18px 42px rgba(0, 107, 79, 0.16) !important;
}

body:not(.dark-mode) .public-auth-header,
body:not(.dark-mode) .public-auth-footer {
  border-color: rgba(5, 5, 5, 0.12) !important;
}

body:not(.dark-mode) .public-auth-header h3,
body:not(.dark-mode) .public-auth-step-title,
body:not(.dark-mode) .public-auth-type-card strong,
body:not(.dark-mode) .public-auth-fields label,
body:not(.dark-mode) .public-auth-otp-field,
body:not(.dark-mode) .public-auth-otp-card strong,
body:not(.dark-mode) .public-auth-fields input,
body:not(.dark-mode) .public-auth-otp-field input,
body:not(.dark-mode) .public-policy-accept,
body:not(.dark-mode) .public-policy-item summary {
  color: #050505 !important;
}

body:not(.dark-mode) .public-auth-header p,
body:not(.dark-mode) .public-auth-type-card small,
body:not(.dark-mode) .public-auth-fields small,
body:not(.dark-mode) .public-auth-otp-card small,
body:not(.dark-mode) .public-auth-inline-help,
body:not(.dark-mode) .public-auth-footer,
body:not(.dark-mode) .shopper-account-stats span,
body:not(.dark-mode) .public-policy-item ul {
  color: rgba(5, 5, 5, 0.66) !important;
}

body:not(.dark-mode) .public-auth-fields input[readonly] {
  color: rgba(5, 5, 5, 0.58) !important;
}

body:not(.dark-mode) .public-auth-otp-field input {
  background: #ffffff !important;
  border: 2px solid #006b4f !important;
  color: #050505 !important;
  caret-color: #050505 !important;
}

body:not(.dark-mode) .public-auth-type-card:hover,
body:not(.dark-mode) .public-auth-type-card:focus-within,
body:not(.dark-mode) .public-auth-type-card.is-selected {
  background:
    linear-gradient(135deg, rgba(0, 107, 79, 0.1), transparent 48%),
    #ffffff !important;
  border-color: rgba(0, 107, 79, 0.72) !important;
}

@media (max-width: 760px) {
  .public-auth-mount,
  .brand-auth-card.public-auth-live {
    margin: 14px auto;
  }

  .public-auth-card {
    gap: 18px;
    max-height: calc(100svh - 28px);
    padding: 18px;
    width: min(100%, 620px);
  }

  .public-auth-header {
    gap: 12px;
  }

  .public-auth-main-icon {
    width: 44px;
    height: 44px;
  }

  .public-auth-header h3 {
    font-size: clamp(1.65rem, 9vw, 2.7rem);
  }

  .public-auth-header p {
    font-size: 0.86rem;
  }

  .public-auth-type-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(178px, 74vw);
    grid-template-columns: none;
    justify-content: start;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
  }

  .public-auth-type-card {
    min-height: 126px;
    padding: 14px;
    scroll-snap-align: start;
  }

  .public-auth-type-icon {
    width: 44px;
    height: 44px;
  }

  .public-auth-fields {
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
  }

  .public-auth-fields label > span,
  .public-auth-fields input,
  .public-auth-otp-field input {
    min-height: 50px;
  }

  .public-auth-otp-card {
    min-height: 72px;
    padding: 12px;
  }

  .public-auth-otp-card > span {
    width: 42px;
    height: 42px;
  }

  .public-auth-primary {
    width: 100%;
    min-height: 52px;
  }

  .shopper-account-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .shopper-account-stats article {
    min-height: 72px;
    padding: 10px;
  }

  .shopper-account-stats strong {
    font-size: 1.45rem;
  }

  .shopper-account-stats span {
    font-size: 0.62rem;
  }
}

@media (max-width: 420px) {
  .public-auth-card {
    padding: 14px;
  }

  .public-auth-header {
    grid-template-columns: 1fr;
  }

  .public-auth-main-icon {
    width: 42px;
    height: 42px;
  }

  .public-auth-step-title {
    font-size: 0.95rem;
  }

  .shopper-account-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .tier-progress-card {
    grid-template-columns: 1fr;
  }

  .creator-profile-preview img,
  .public-creator-profile img {
    width: 58px;
    height: 58px;
  }
}

/* Messages and TALI polish: compact inbox-first UX, especially on phones. */
.message-menu-shell .account-menu {
  width: min(560px, calc(100vw - 24px));
  max-height: calc(100svh - 92px);
  overflow: hidden;
}

.message-menu-card.message-phone-app {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  max-height: inherit;
}

.message-menu-card button {
  min-height: 0;
  border-bottom: 0;
}

.message-phone {
  min-height: min(520px, calc(100svh - 220px));
  grid-template-rows: auto auto minmax(0, 1fr);
  padding: 10px;
}

.message-refresh-icon {
  width: auto;
  min-width: 34px;
  height: 26px;
  font-size: 0.56rem;
  font-weight: 900;
}

.message-thread-list {
  max-height: none;
  min-height: 0;
}

.message-contact-tab {
  width: 100%;
  padding: 8px 6px !important;
  cursor: pointer;
}

.message-contact-tab.is-brand .message-avatar,
.message-avatar.is-brand {
  background: linear-gradient(135deg, #006b4f, #0c241d);
}

.message-contact-tab.is-creator .message-avatar,
.message-avatar.is-creator {
  background: linear-gradient(135deg, #0a8f6d, #101010);
}

.message-contact-tab.is-shopper .message-avatar,
.message-avatar.is-shopper {
  background: linear-gradient(135deg, #1f2937, #8fdcb9);
}

.message-contact-tab.is-admin .message-avatar,
.message-avatar.is-admin {
  background: linear-gradient(135deg, #050505, #006b4f);
}

.message-thread-view {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  height: 100%;
  min-height: 0;
}

.message-thread-header {
  display: grid;
  grid-template-columns: auto 38px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 4px 2px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.message-thread-header strong,
.message-thread-header small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-thread-header strong {
  color: #111;
  font-size: 0.76rem;
  font-weight: 900;
}

.message-thread-header small {
  color: #777;
  font-size: 0.58rem;
}

.message-back-button {
  color: #087f5f !important;
  background: transparent !important;
  border: 0 !important;
  padding: 4px !important;
  font-size: 0.62rem;
  font-weight: 900;
}

.message-bubble-list {
  display: grid;
  align-content: end;
  gap: 7px;
  min-height: 0;
  overflow: auto;
  padding: 2px 2px 4px;
}

.message-bubble {
  justify-self: start;
  width: fit-content;
  max-width: 84%;
  margin: 0;
  padding: 8px 10px;
  color: #101010;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px 14px 14px 4px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
  font-size: 0.72rem;
  line-height: 1.35;
}

.message-bubble.is-mine {
  justify-self: end;
  color: #ffffff;
  background: #087f5f;
  border-color: #087f5f;
  border-radius: 14px 14px 4px 14px;
}

.message-bubble span,
.message-bubble small {
  display: block;
}

.message-bubble small {
  margin-top: 4px;
  color: inherit;
  opacity: 0.6;
  font-size: 0.52rem;
  text-align: right;
}

.message-thread-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  padding: 8px;
  background: rgba(0, 107, 79, 0.06);
  border: 1px solid rgba(0, 107, 79, 0.12);
  border-radius: 14px;
}

.message-thread-composer textarea {
  width: 100%;
  min-height: 42px;
  max-height: 84px;
  resize: vertical;
  color: #101010;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 10px;
  font: inherit;
  font-size: 0.72rem;
}

.message-thread-composer .button {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 0.66rem;
}

.message-role-note {
  margin: -2px 0 0;
  color: var(--muted);
  font-size: 0.66rem;
  line-height: 1.35;
}

.orchid-chat-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: min(680px, calc(100svh - 98px));
}

.orchid-chat-messages {
  min-height: 0;
  max-height: none;
}

@media (max-width: 760px) {
  body.message-menu-open {
    overflow: hidden;
    touch-action: none;
  }

  .message-menu-shell .account-menu {
    position: fixed;
    inset: auto 10px calc(10px + env(safe-area-inset-bottom)) 10px;
    top: auto !important;
    z-index: 260;
    width: auto;
    min-width: 0;
    max-height: calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    height: auto;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 -18px 70px rgba(0, 0, 0, 0.38);
    transform: none !important;
  }

  .message-menu-card {
    height: min(78dvh, 620px);
    min-height: 0;
    max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    gap: 9px;
    padding: 12px;
    overflow: hidden;
  }

  .message-menu-heading strong {
    font-size: 1rem;
  }

  .message-menu-heading span,
  .message-role-note {
    font-size: 0.64rem;
  }

  .message-phone {
    height: 100%;
    min-height: 0;
    padding: 8px;
    border-radius: 20px;
  }

  .message-phone-status {
    font-size: 0.52rem;
  }

  .message-phone-row {
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .message-avatar {
    width: 34px;
    height: 34px;
    font-size: 0.6rem;
  }

  .message-row-main strong {
    font-size: 0.72rem;
  }

  .message-row-main small {
    font-size: 0.6rem;
  }

  .message-compose-fab {
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
  }

  .message-thread-header {
    grid-template-columns: auto 34px minmax(0, 1fr);
  }

  .message-bubble {
    max-width: 88%;
    font-size: 0.68rem;
  }

  .message-thread-composer {
    padding: 7px;
  }

  .message-thread-composer textarea {
    min-height: 40px;
    max-height: 74px;
    padding: 9px;
    font-size: 0.68rem;
  }

  .message-thread-composer .button {
    min-height: 40px;
    padding: 0 12px;
  }

  .orchid-chat-widget {
    right: 0.6rem;
    bottom: 0.6rem;
  }

  .orchid-chat-button {
    min-height: 2.55rem;
    padding: 0.45rem 0.7rem;
    gap: 0.45rem;
  }

  .orchid-chat-button span {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.78rem;
  }

  .orchid-chat-button strong {
    font-size: 0.68rem;
  }

  .orchid-chat-panel {
    bottom: 3.1rem;
    width: min(calc(100vw - 20px), 360px);
    max-height: min(72svh, 540px);
    border-radius: 14px;
  }

  .orchid-chat-header,
  .orchid-chat-form {
    gap: 0.5rem;
    padding: 0.72rem;
  }

  .orchid-chat-header h2 {
    font-size: 1rem;
  }

  .orchid-chat-messages {
    gap: 0.5rem;
    padding: 0.72rem;
  }

  .orchid-chat-message {
    max-width: 90%;
    padding: 0.58rem 0.65rem;
    font-size: 0.78rem;
    line-height: 1.38;
  }

  .orchid-chat-form select,
  .orchid-chat-form textarea {
    padding: 0.62rem;
    font-size: 0.78rem;
  }

  .orchid-chat-form textarea {
    min-height: 64px;
    max-height: 94px;
  }
}

body:not(.dark-mode) .message-thread-composer,
body:not(.dark-mode) .message-empty {
  background: rgba(0, 107, 79, 0.055) !important;
  border-color: rgba(0, 107, 79, 0.14) !important;
}

body:not(.dark-mode) .message-thread-composer textarea,
body:not(.dark-mode) .message-bubble {
  color: #050505 !important;
  background: #ffffff !important;
}

body:not(.dark-mode) .message-bubble.is-mine {
  color: #ffffff !important;
  background: #087f5f !important;
}

.message-thread-composer .button,
.message-menu-card .button,
.orchid-chat-form .button,
body:not(.dark-mode) .message-thread-composer .button,
body:not(.dark-mode) .message-menu-card .button,
body:not(.dark-mode) .orchid-chat-form .button {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body:not(.dark-mode) .message-phone,
body:not(.dark-mode) .message-phone-row,
body:not(.dark-mode) .message-thread-header strong,
body:not(.dark-mode) .message-refresh-icon {
  color: #050505 !important;
}

body.dark-mode .message-menu-card {
  color: #ffffff;
  background: #050505;
}

body.dark-mode .message-role-note,
body.dark-mode .message-menu-heading span {
  color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 430px) {
  .message-menu-shell .account-menu {
    inset-inline: 6px;
    bottom: calc(6px + env(safe-area-inset-bottom));
    top: auto !important;
    max-height: calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 16px;
  }

  .message-menu-card {
    height: min(76dvh, 590px);
    min-height: 0;
    max-height: calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    padding: 10px;
  }
}

/* Final visibility pass: keep public auth actions visible and mobile navigation usable everywhere. */
.public-auth-card .public-auth-primary,
.public-auth-card .public-auth-primary.button,
.public-auth-card .public-auth-primary.button-dark,
body:not(.dark-mode) .public-auth-card .public-auth-primary,
body:not(.dark-mode) .public-auth-card .public-auth-primary.button,
body:not(.dark-mode) .public-auth-card .public-auth-primary.button-dark {
  color: #ffffff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: 0 16px 42px rgba(0, 107, 79, 0.28) !important;
}

.public-auth-card .public-auth-primary:hover,
.public-auth-card .public-auth-primary:focus-visible {
  color: #ffffff !important;
  background: #006b4f !important;
  border-color: #006b4f !important;
}

.discover-hero,
.discover-block-heading,
.discover-product-card,
.discover-creator-card,
.discover-collection-card,
.discover-brand-card {
  min-width: 0;
}

.discover-hero h2,
.discover-block-heading h3,
.discover-product-card h4,
.discover-creator-card h4,
.discover-collection-card h4,
.discover-brand-card h4,
.discover-product-card p,
.discover-creator-card p,
.discover-collection-card p,
.discover-brand-card p {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 820px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .nav-links {
    display: flex !important;
    grid-column: 1 / -1 !important;
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px 0 2px !important;
    scrollbar-width: none !important;
  }

  .nav-links::-webkit-scrollbar {
    display: none !important;
  }

  .nav-links a {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    color: inherit !important;
    border: 1px solid currentColor !important;
    border-radius: 999px !important;
    font-size: clamp(0.56rem, 2.7vw, 0.68rem) !important;
    line-height: 1 !important;
    letter-spacing: 0.03em !important;
    white-space: nowrap !important;
  }

  .nav-links a.is-active,
  .nav-links a:hover,
  .nav-links a:focus-visible {
    color: #ffffff !important;
    background: var(--brand) !important;
    border-color: var(--brand) !important;
  }

  body:not(.dark-mode) .nav-links a {
    color: #050505 !important;
    background: #ffffff !important;
    border-color: rgba(5, 5, 5, 0.18) !important;
  }

  body:not(.dark-mode) .nav-links a.is-active,
  body:not(.dark-mode) .nav-links a:hover,
  body:not(.dark-mode) .nav-links a:focus-visible {
    color: #ffffff !important;
    background: var(--brand) !important;
    border-color: var(--brand) !important;
  }

  .public-auth-card {
    max-height: calc(100svh - 126px) !important;
  }

  #brands.brand-auth-only .brand-public,
  #brands.brand-auth-only .brand-landing-shell {
    min-height: auto !important;
  }

  .discover-hero h2 {
    max-width: min(100%, 12ch) !important;
    font-size: clamp(2.25rem, 10.5vw, 4.2rem) !important;
    line-height: 0.92 !important;
  }

  .discover-hero p:not(.eyebrow) {
    max-width: 100% !important;
    font-size: clamp(0.78rem, 3.35vw, 0.92rem) !important;
    line-height: 1.38 !important;
  }

  .discover-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .discover-hero-actions .button {
    width: 100% !important;
    min-height: 38px !important;
    padding-inline: 8px !important;
    font-size: clamp(0.56rem, 2.8vw, 0.68rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }
}

@media (max-width: 460px) {
  .site-header {
    padding-inline: 10px !important;
  }

  .brand-logo {
    max-width: min(128px, 42vw) !important;
    height: 36px !important;
  }

  .header-actions {
    gap: 4px !important;
  }

  .icon-button,
  .cart-button {
    width: 34px !important;
    min-height: 34px !important;
  }

  .cart-button {
    padding: 0 !important;
  }

  .cart-button strong {
    font-size: 0.62rem !important;
  }

  .nav-links {
    gap: 6px !important;
  }

  .nav-links a {
    min-height: 31px !important;
    padding-inline: 9px !important;
    font-size: 0.54rem !important;
  }

  .discover-hero {
    padding: 20px 12px !important;
  }

  .discover-hero h2 {
    font-size: clamp(1.9rem, 10.5vw, 3.05rem) !important;
    max-width: 11ch !important;
  }

  .discover-hero-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Social commerce card polish: rounded/floating cards with like/profile actions. */
.product-card,
.agent-shop-card,
.public-creator-product,
.discover-product-card {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
}

.product-card:hover,
.agent-shop-card:hover,
.public-creator-product:hover,
.discover-product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
}

.orchid-product-social-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.orchid-product-like,
.discover-chat-button {
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0 !important;
  color: var(--brand);
  background: rgba(0, 107, 79, 0.08);
  border: 1px solid rgba(0, 107, 79, 0.32);
  border-radius: 999px;
}

.orchid-product-like svg,
.discover-chat-button svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.orchid-product-like.is-liked,
.orchid-product-like:disabled {
  color: #ef3d57;
  background: rgba(239, 61, 87, 0.08);
  border-color: rgba(239, 61, 87, 0.32);
  opacity: 1;
}

.orchid-product-social-row > span {
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 900;
}

.orchid-product-profile-link {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-left: 4px;
  overflow: hidden;
  border: 1px solid rgba(0, 107, 79, 0.34);
  border-radius: 999px;
  background: var(--panel-soft);
}

.orchid-product-profile-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.discover-creator-card {
  cursor: pointer;
}

.discover-card-actions {
  align-items: center;
}

body:not(.dark-mode) .product-card,
body:not(.dark-mode) .agent-shop-card,
body:not(.dark-mode) .public-creator-product,
body:not(.dark-mode) .discover-product-card {
  color: #050505 !important;
  background: #ffffff !important;
  border-color: rgba(5, 5, 5, 0.12) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
}

body:not(.dark-mode) .orchid-product-social-row {
  border-top-color: rgba(5, 5, 5, 0.1);
}

body:not(.dark-mode) .orchid-product-social-row > span,
body:not(.dark-mode) .product-card h3,
body:not(.dark-mode) .agent-shop-card h4,
body:not(.dark-mode) .public-creator-product h4,
body:not(.dark-mode) .discover-product-card h4 {
  color: #050505 !important;
}

.orchid-product-message-link {
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  color: var(--brand);
  background: rgba(0, 107, 79, 0.08);
  border: 1px solid rgba(0, 107, 79, 0.32);
  border-radius: 999px;
  cursor: pointer;
}

.orchid-product-message-link svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.product-detail-creator-shop {
  appearance: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 36px;
  margin-top: 10px;
  padding: 0 14px;
  color: var(--brand);
  border: 1px solid rgba(0, 107, 79, 0.35);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}

.owner-account-control p {
  margin: -0.2rem 0 1rem;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.owner-account-control td strong,
.owner-account-control td small {
  display: block;
}

.owner-account-control td small {
  margin-top: 0.25rem;
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: none;
}

.owner-account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.owner-account-actions .copy-code-button {
  min-height: 32px;
  padding-inline: 10px;
  font-size: 0.62rem;
}

.owner-account-actions .copy-code-button.is-danger {
  color: #fff;
  background: #7f1d1d;
  border-color: #7f1d1d;
}

@media (max-width: 760px) {
  body.message-menu-open .message-menu-shell .account-menu:not(.is-hidden) {
    position: fixed !important;
    inset: calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) 8px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    transform: none !important;
  }

  body.message-menu-open .message-menu-card {
    height: 100% !important;
    max-height: none !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  body.message-menu-open .message-phone {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    height: 100% !important;
    min-height: 0 !important;
    padding-bottom: 58px !important;
  }

  body.message-menu-open .message-thread-list,
  body.message-menu-open .message-bubble-list {
    max-height: none !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  body.message-menu-open .message-thread-view {
    min-height: 0 !important;
    height: 100% !important;
  }

  .orchid-chat-panel {
    right: 8px !important;
    bottom: calc(3.3rem + env(safe-area-inset-bottom)) !important;
    width: min(calc(100vw - 16px), 380px) !important;
    max-height: min(68dvh, 520px) !important;
    overflow: hidden !important;
  }
}

@media (max-width: 700px) {
  #home.landing-video-section {
    position: relative;
    overflow: hidden;
  }

  #home.landing-video-section::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 58px 0 auto auto;
    width: min(58vw, 270px);
    height: min(42vw, 210px);
    pointer-events: none;
    opacity: 0.9;
    background:
      radial-gradient(ellipse at 28% 62%, rgba(0, 107, 79, 0.24) 0 18%, transparent 19%),
      radial-gradient(ellipse at 58% 44%, rgba(255, 255, 255, 0.18) 0 16%, transparent 17%),
      radial-gradient(ellipse at 74% 72%, rgba(0, 107, 79, 0.18) 0 14%, transparent 15%),
      linear-gradient(132deg, transparent 0 46%, rgba(0, 107, 79, 0.36) 47% 49%, transparent 50% 100%);
    transform: rotate(-10deg);
  }

  body:not(.dark-mode) #home.landing-video-section::before {
    background:
      radial-gradient(ellipse at 28% 62%, rgba(0, 107, 79, 0.16) 0 18%, transparent 19%),
      radial-gradient(ellipse at 58% 44%, rgba(5, 5, 5, 0.1) 0 16%, transparent 17%),
      radial-gradient(ellipse at 74% 72%, rgba(0, 107, 79, 0.14) 0 14%, transparent 15%),
      linear-gradient(132deg, transparent 0 46%, rgba(0, 107, 79, 0.28) 47% 49%, transparent 50% 100%);
  }
}

@media (max-width: 560px) {
  .product-card,
  .agent-shop-card,
  .public-creator-product,
  .discover-product-card {
    border-radius: 14px !important;
  }

  .orchid-product-social-row {
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
  }

  .orchid-product-like,
  .discover-chat-button,
  .orchid-product-message-link,
  .orchid-product-profile-link {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
  }
}

/* Official Tali OS popup and OVEB CMS interface */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.orchid-chat-widget {
  z-index: 2500;
}

.orchid-chat-panel {
  position: fixed;
  right: 24px;
  bottom: 92px;
  width: min(1240px, calc(100vw - 48px));
  height: min(760px, calc(100dvh - 124px));
  max-height: none;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 48% 92%, rgba(0, 107, 79, 0.32), transparent 34%),
    radial-gradient(circle at 12% 20%, rgba(0, 107, 79, 0.18), transparent 26%),
    #020504;
  border: 1px solid rgba(0, 107, 79, 0.34);
  border-radius: 24px;
  box-shadow: 0 26px 90px rgba(0, 0, 0, 0.62);
}

.orchid-chat-widget.is-expanded .orchid-chat-panel {
  inset: 18px;
  width: auto;
  height: auto;
}

.tali-os-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 288px;
  height: 100%;
  min-height: 0;
  position: relative;
}

.tali-os-sidebar,
.tali-os-main,
.tali-os-right {
  min-height: 0;
  min-width: 0;
}

.tali-os-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px 18px;
  background: linear-gradient(180deg, rgba(0, 107, 79, 0.1), rgba(0, 0, 0, 0.2));
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.tali-os-logo {
  display: inline-flex;
  flex-direction: column;
  width: fit-content;
  color: #fff;
  text-decoration: none;
}

.tali-os-logo span {
  font-family: Georgia, serif;
  font-size: 2.2rem;
  line-height: 0.9;
  text-transform: none;
}

.tali-os-logo small,
.tali-os-header p,
.tali-os-disclaimer,
.tali-os-side-card small,
.tali-os-thread-list button,
.tali-os-nav a {
  color: rgba(255, 255, 255, 0.66);
}

.tali-os-new-chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 16px;
  color: #fff;
  background: linear-gradient(135deg, rgba(0, 107, 79, 0.92), rgba(35, 190, 130, 0.72));
  border: 1px solid rgba(50, 230, 165, 0.42);
  border-radius: 18px;
  font-weight: 900;
  cursor: pointer;
}

.tali-os-nav,
.tali-os-thread-list {
  display: grid;
  gap: 4px;
}

.tali-os-nav a,
.tali-os-thread-list button {
  padding: 11px 12px;
  border-radius: 12px;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.tali-os-nav a:hover,
.tali-os-thread-list button:hover,
.tali-os-thread-list button.is-active {
  color: #fff;
  background: rgba(0, 107, 79, 0.22);
}

.tali-os-history {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.tali-os-history span {
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tali-os-history button {
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.tali-os-main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 32%),
    rgba(0, 0, 0, 0.16);
}

.tali-os-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 74px;
  padding: 16px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.tali-os-status {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.tali-os-status > div {
  min-width: 0;
}

.tali-os-menu-button,
.tali-composer-tool,
.tali-send-button {
  display: inline-grid;
  place-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  color: #fff;
  background: rgba(0, 107, 79, 0.18);
  border: 1px solid rgba(0, 107, 79, 0.48);
  border-radius: 999px;
  cursor: pointer;
}

.tali-os-header h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #fff;
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}

.tali-os-header h2 span {
  color: #10d489;
  font-size: 0.78rem;
}

.tali-os-header p,
.tali-os-disclaimer {
  margin: 4px 0 0;
  font-size: 0.82rem;
}

.tali-os-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.tali-os-insights-toggle {
  display: none;
}

.tali-os-messages {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 28px;
  overflow: auto;
  overscroll-behavior: contain;
}

.tali-os-messages .orchid-chat-message {
  max-width: min(720px, 88%);
  margin: 0;
  padding: 16px 18px;
  color: #fff;
  background: rgba(7, 18, 16, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  line-height: 1.55;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.tali-os-messages .orchid-chat-message.is-user {
  align-self: flex-end;
  background: linear-gradient(135deg, rgba(0, 107, 79, 0.92), rgba(0, 88, 68, 0.92));
  border-color: rgba(62, 239, 176, 0.24);
}

.tali-os-messages .orchid-chat-message strong,
.tali-os-messages .orchid-chat-message span {
  display: block;
}

.tali-os-messages .orchid-chat-message strong {
  margin-bottom: 4px;
  color: #fff;
}

.tali-os-composer {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 10px;
  align-items: center;
  margin: 0 26px 12px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
}

.tali-os-composer textarea {
  min-height: 50px;
  max-height: 130px;
  color: #fff;
  background: transparent;
  border: 0;
  resize: vertical;
}

.tali-os-composer textarea:focus {
  outline: none;
}

.tali-send-button {
  background: linear-gradient(135deg, #00825f, #11b983);
  box-shadow: 0 14px 32px rgba(0, 107, 79, 0.38);
}

.tali-os-disclaimer {
  padding: 0 28px 16px;
  text-align: center;
}

.tali-os-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
  overflow: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.tali-os-side-card {
  padding: 18px;
  background: rgba(3, 12, 10, 0.82);
  border: 1px solid rgba(0, 107, 79, 0.28);
  border-radius: 20px;
}

.tali-os-side-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tali-os-side-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 0.96rem;
}

.tali-os-side-card a {
  color: #12d38d;
  text-decoration: none;
}

.tali-os-side-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tali-os-side-card li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: center;
}

.tali-os-side-card li span {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background:
    radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.22), transparent 22%),
    linear-gradient(135deg, rgba(0, 107, 79, 0.9), rgba(8, 28, 24, 0.92));
}

.tali-os-side-card li strong,
.tali-os-side-card li small {
  display: block;
}

.tali-os-poster {
  min-height: 190px;
  background:
    radial-gradient(circle at 80% 20%, rgba(20, 211, 139, 0.22), transparent 30%),
    linear-gradient(145deg, rgba(7, 25, 19, 0.96), rgba(0, 0, 0, 0.82));
}

body:not(.dark-mode) .orchid-chat-panel {
  color: #050505;
  background:
    radial-gradient(circle at 48% 92%, rgba(0, 107, 79, 0.14), transparent 34%),
    #fff;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.16);
}

body:not(.dark-mode) .tali-os-sidebar,
body:not(.dark-mode) .tali-os-main,
body:not(.dark-mode) .tali-os-right,
body:not(.dark-mode) .tali-os-side-card,
body:not(.dark-mode) .tali-os-messages .orchid-chat-message,
body:not(.dark-mode) .tali-os-composer {
  color: #050505;
  background: rgba(250, 250, 250, 0.94);
  border-color: rgba(0, 0, 0, 0.12);
}

body:not(.dark-mode) .tali-os-logo,
body:not(.dark-mode) .tali-os-header h2,
body:not(.dark-mode) .tali-os-side-card h3,
body:not(.dark-mode) .tali-os-messages .orchid-chat-message,
body:not(.dark-mode) .tali-os-side-card li strong,
body:not(.dark-mode) .tali-os-history span,
body:not(.dark-mode) .tali-os-composer textarea {
  color: #050505;
}

body:not(.dark-mode) .tali-os-logo small,
body:not(.dark-mode) .tali-os-header p,
body:not(.dark-mode) .tali-os-disclaimer,
body:not(.dark-mode) .tali-os-side-card small,
body:not(.dark-mode) .tali-os-thread-list button,
body:not(.dark-mode) .tali-os-nav a {
  color: rgba(5, 5, 5, 0.68);
}

body:not(.dark-mode) .tali-os-messages .orchid-chat-message.is-user {
  color: #fff;
}

.oveb-shell {
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 8% 4%, rgba(0, 107, 79, 0.3), transparent 26%),
    linear-gradient(145deg, rgba(4, 13, 11, 0.98), rgba(0, 0, 0, 0.94));
  border: 1px solid rgba(0, 107, 79, 0.3);
  border-radius: 22px;
}

.oveb-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.oveb-toolbar h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 3rem);
  line-height: 0.95;
}

.oveb-toolbar p {
  max-width: 720px;
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.66);
}

.oveb-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.oveb-workspace {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr) 280px;
  min-height: 620px;
}

.oveb-panel {
  padding: 18px;
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

.oveb-layers {
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.oveb-inspector {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.oveb-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.oveb-layer {
  display: grid;
  gap: 4px;
  width: 100%;
  margin-bottom: 8px;
  padding: 12px;
  color: #fff;
  text-align: left;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  cursor: pointer;
}

.oveb-layer span,
.oveb-layer small {
  color: rgba(255, 255, 255, 0.58);
}

.oveb-layer.is-active,
.oveb-layer:hover {
  background: rgba(0, 107, 79, 0.24);
  border-color: rgba(22, 212, 142, 0.42);
}

.oveb-canvas-wrap {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
}

.oveb-canvas {
  min-height: 0;
  padding: 24px;
  overflow: auto;
}

.oveb-page-frame {
  position: relative;
  width: 1240px;
  height: 660px;
  max-width: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    #050706;
  background-size: 44px 44px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
}

.oveb-canvas-node {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 14px;
  color: #fff;
  text-align: left;
  background: rgba(0, 107, 79, 0.12);
  border: 1px solid rgba(0, 107, 79, 0.42);
  border-radius: 14px;
  cursor: pointer;
}

.oveb-canvas-node strong {
  overflow: hidden;
  font-size: clamp(1rem, 2.4vw, 2.8rem);
  line-height: 0.98;
  text-overflow: ellipsis;
}

.oveb-canvas-node span {
  color: #12d38d;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.oveb-canvas-node.is-active {
  background: rgba(0, 107, 79, 0.26);
  border-color: #12d38d;
  box-shadow: 0 0 0 4px rgba(18, 211, 141, 0.08);
}

.oveb-tali-strip {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 20px;
  color: rgba(255, 255, 255, 0.72);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.oveb-tali-strip strong {
  color: #12d38d;
  white-space: nowrap;
}

.oveb-inspector label {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.oveb-inspector input {
  min-height: 42px;
  padding: 0 12px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
}

.oveb-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.oveb-metric-grid span,
.oveb-permission-card {
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
}

.oveb-metric-grid small,
.oveb-permission-card span {
  display: block;
  color: #12d38d;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.oveb-metric-grid strong,
.oveb-permission-card strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 1.1rem;
}

.oveb-permission-card {
  margin-top: 14px;
}

.oveb-permission-card p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.88rem;
  line-height: 1.5;
}

body:not(.dark-mode) .oveb-shell {
  color: #050505;
  background:
    radial-gradient(circle at 8% 4%, rgba(0, 107, 79, 0.12), transparent 26%),
    #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

body:not(.dark-mode) .oveb-toolbar h3,
body:not(.dark-mode) .oveb-layer,
body:not(.dark-mode) .oveb-canvas-node,
body:not(.dark-mode) .oveb-inspector input,
body:not(.dark-mode) .oveb-metric-grid strong,
body:not(.dark-mode) .oveb-permission-card strong {
  color: #050505;
}

body:not(.dark-mode) .oveb-toolbar p,
body:not(.dark-mode) .oveb-panel-heading,
body:not(.dark-mode) .oveb-layer span,
body:not(.dark-mode) .oveb-layer small,
body:not(.dark-mode) .oveb-tali-strip,
body:not(.dark-mode) .oveb-inspector label,
body:not(.dark-mode) .oveb-permission-card p {
  color: rgba(5, 5, 5, 0.68);
}

body:not(.dark-mode) .oveb-panel,
body:not(.dark-mode) .oveb-layer,
body:not(.dark-mode) .oveb-inspector input,
body:not(.dark-mode) .oveb-metric-grid span,
body:not(.dark-mode) .oveb-permission-card {
  background: rgba(245, 247, 246, 0.94);
  border-color: rgba(0, 0, 0, 0.1);
}

body:not(.dark-mode) .oveb-page-frame {
  background:
    linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    #fafafa;
  border-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 1280px) {
  .orchid-chat-panel {
    right: 16px;
    bottom: 82px;
    width: min(1120px, calc(100vw - 32px));
    height: min(720px, calc(100dvh - 108px));
  }

  .tali-os-shell {
    grid-template-columns: 230px minmax(0, 1fr) 250px;
  }

  .tali-os-sidebar {
    padding: 20px 14px;
  }

  .tali-os-right {
    padding: 14px;
  }

  .tali-os-messages {
    padding: 22px;
  }
}

@media (max-width: 1040px) {
  .tali-os-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .tali-os-right {
    display: none;
  }

  .tali-os-insights-toggle {
    display: inline-flex;
  }

  .orchid-chat-widget.is-right-open .tali-os-right {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 4;
    display: flex;
    width: min(330px, 86vw);
    background:
      radial-gradient(circle at 70% 12%, rgba(0, 107, 79, 0.22), transparent 28%),
      rgba(2, 5, 4, 0.98);
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.38);
  }

  body:not(.dark-mode) .orchid-chat-widget.is-right-open .tali-os-right {
    background: rgba(255, 255, 255, 0.98);
  }

  .oveb-workspace {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .oveb-inspector {
    grid-column: 1 / -1;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 980px) {
  .orchid-chat-panel {
    right: 12px;
    left: 12px;
    bottom: 78px;
    width: auto;
    height: min(720px, calc(100dvh - 96px));
  }

  .tali-os-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .tali-os-sidebar,
  .tali-os-right {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 5;
    display: none;
    width: min(300px, 86vw);
    background:
      radial-gradient(circle at 20% 12%, rgba(0, 107, 79, 0.24), transparent 28%),
      rgba(2, 5, 4, 0.98);
    box-shadow: 24px 0 60px rgba(0, 0, 0, 0.38);
  }

  .tali-os-right {
    inset: 0 0 0 auto;
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.38);
  }

  .orchid-chat-widget.is-sidebar-open .tali-os-sidebar,
  .orchid-chat-widget.is-right-open .tali-os-right {
    display: flex;
  }

  body:not(.dark-mode) .tali-os-sidebar,
  body:not(.dark-mode) .tali-os-right {
    background: rgba(255, 255, 255, 0.98);
  }

  .tali-os-nav {
    gap: 6px;
  }

  .tali-os-history {
    margin-top: 10px;
  }
}

@media (max-width: 760px) {
  .orchid-chat-panel {
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    border-radius: 0;
  }

  .tali-os-shell {
    grid-template-columns: 1fr;
  }

  .tali-os-sidebar,
  .tali-os-right {
    display: none;
  }

  .orchid-chat-widget.is-sidebar-open .tali-os-sidebar,
  .orchid-chat-widget.is-right-open .tali-os-right {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 2600;
    display: flex;
    width: min(320px, 88vw);
    max-width: 88vw;
  }

  .orchid-chat-widget.is-sidebar-open .tali-os-sidebar {
    left: 0;
    right: auto;
  }

  .orchid-chat-widget.is-right-open .tali-os-right {
    left: auto;
    right: 0;
  }

  .tali-os-header {
    min-height: 68px;
    padding: 12px 14px;
  }

  .tali-os-header p {
    display: none;
  }

  .tali-os-messages {
    padding: 16px 14px;
  }

  .tali-os-messages .orchid-chat-message {
    max-width: 94%;
    padding: 13px 14px;
  }

  .tali-os-composer {
    grid-template-columns: 40px minmax(0, 1fr) 44px;
    margin: 0 12px 10px;
    padding: 10px;
    border-radius: 18px;
  }

  .tali-os-composer textarea {
    min-height: 44px;
    font-size: 16px;
  }

  .tali-os-composer .tali-composer-tool:nth-of-type(2) {
    display: none;
  }

  .tali-os-actions .copy-code-button:not(.tali-os-insights-toggle) {
    display: none;
  }

  .tali-os-actions .tali-os-insights-toggle {
    display: inline-flex;
    min-height: 38px;
    padding: 0 12px;
    font-size: 0.72rem;
  }

  .tali-os-disclaimer {
    padding: 0 14px calc(12px + env(safe-area-inset-bottom));
    font-size: 0.72rem;
  }

  .oveb-toolbar,
  .oveb-workspace {
    display: block;
  }

  .oveb-toolbar-actions {
    justify-content: flex-start;
    margin-top: 14px;
  }

  .oveb-layers,
  .oveb-inspector {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .oveb-canvas {
    padding: 14px;
  }

  .oveb-page-frame {
    width: 840px;
    height: 560px;
  }
}

@media (max-width: 420px) {
  .orchid-chat-button {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
  }

  .tali-os-header {
    gap: 8px;
  }

  .tali-os-header h2 {
    font-size: 0.98rem;
  }

  .tali-os-header h2 span {
    font-size: 0.68rem;
  }

  .tali-os-menu-button,
  .tali-composer-tool,
  .tali-send-button {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .tali-os-actions {
    gap: 6px;
  }

  .tali-os-actions .tali-os-insights-toggle {
    padding: 0 9px;
  }

  .tali-os-messages {
    gap: 10px;
    padding: 12px 10px;
  }

  .tali-os-messages .orchid-chat-message {
    max-width: 96%;
    font-size: 0.9rem;
  }
}

body.tali-open {
  overflow: hidden;
}

.journal-public-interface {
  min-height: 100dvh;
  padding: 0;
  border: 0;
  background: #050807;
}

.journal-cms-interface {
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 107, 79, 0.24);
  border-radius: 18px;
  background: #050807;
}

.journal-interface-frame {
  display: block;
  width: 100%;
  min-height: 100dvh;
  height: 100dvh;
  border: 0;
  background: #050807;
}

.journal-interface-embed {
  display: block;
  width: 100%;
  min-height: 100dvh;
  overflow: auto;
  background: #050807;
  color: #fff;
}

.journal-interface-loading,
.journal-interface-error {
  display: grid;
  min-height: 520px;
  place-items: center;
  gap: 10px;
  padding: 28px;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 30% 18%, rgba(0, 107, 79, 0.2), transparent 34%),
    #050807;
}

.journal-interface-error strong {
  display: block;
  font-size: clamp(1.6rem, 4vw, 3rem);
  text-transform: uppercase;
}

.journal-interface-error span {
  color: rgba(255, 255, 255, 0.72);
}

.admin-blog-section .journal-interface-frame,
.journal-cms-interface .journal-interface-frame,
.admin-blog-section .journal-interface-embed,
.journal-cms-interface .journal-interface-embed {
  min-height: min(980px, calc(100dvh - 150px));
  height: min(980px, calc(100dvh - 150px));
}

.orchid-chat-panel .tali-complete-frame {
  display: block;
  grid-row: 1 / -1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: inherit;
  background: #020705;
}

.orchid-chat-panel:has(.tali-complete-frame) {
  display: block;
  background: #020705 !important;
}

body:not(.dark-mode) .orchid-chat-panel:has(.tali-complete-frame) {
  color: #f7fbf8 !important;
  background: #020705 !important;
  border-color: rgba(0, 107, 79, 0.34) !important;
}

.orchid-chat-panel:has(.tali-complete-frame) > .tali-os-shell {
  display: none !important;
}

.tali-route-interface {
  min-height: calc(100dvh - 120px);
  padding: 0;
  background: #020705;
}

.tali-complete-page-frame {
  display: block;
  width: 100%;
  height: calc(100dvh - 120px);
  min-height: 720px;
  border: 0;
  background: #020705;
}

.admin-panel .orchid-admin-control-shell {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 720px;
  overflow: hidden;
  background: #0a0b0a;
}

.admin-panel .orchid-admin-control-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 720px;
  border: 0;
  background: #0a0b0a;
}

.admin-panel:has(.orchid-admin-control-shell) {
  display: block;
  padding: 0;
  background: #0a0b0a;
}

.admin-panel:has(.orchid-admin-control-shell) > :not(.orchid-admin-control-shell) {
  display: none !important;
}

@media (max-width: 760px) {
  .journal-public-interface .journal-interface-frame {
    min-height: 640px;
    height: calc(100dvh - 104px);
  }

  .admin-blog-section .journal-interface-frame,
  .journal-cms-interface .journal-interface-frame,
  .journal-public-interface .journal-interface-embed,
  .admin-blog-section .journal-interface-embed,
  .journal-cms-interface .journal-interface-embed {
    min-height: 720px;
    height: calc(100dvh - 96px);
  }

  .admin-panel .orchid-admin-control-shell,
  .admin-panel .orchid-admin-control-frame {
    min-height: 100dvh;
    height: 100dvh;
  }

  .tali-route-interface,
  .tali-complete-page-frame {
    min-height: calc(100dvh - 96px);
    height: calc(100dvh - 96px);
  }
}

/* Hard integration hosts for uploaded Admin and Tali interfaces.
   These override legacy Orchid shells without changing the uploaded JSX. */
.admin-panel[data-admin-control-host] {
  display: block !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #f7fbf8 !important;
  background: #0a0b0a !important;
}

.admin-panel[data-admin-control-host] > :not(.orchid-admin-control-shell) {
  display: none !important;
}

.admin-panel[data-admin-control-host] .orchid-admin-control-shell,
.admin-panel[data-admin-control-host] .orchid-admin-control-frame {
  display: block !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #0a0b0a !important;
}

body.page-admin .announcement-bar,
body.page-admin .site-header,
body.page-admin .site-footer {
  display: none !important;
}

body.page-admin main,
body.page-admin main #admin {
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0a0b0a !important;
}

.orchid-chat-panel[data-tali-complete-host] {
  display: none !important;
  grid-template-rows: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #f7fbf8 !important;
  background: #020705 !important;
  border-color: rgba(0, 107, 79, 0.34) !important;
}

body:not(.dark-mode) .orchid-chat-panel[data-tali-complete-host] {
  color: #f7fbf8 !important;
  background: #020705 !important;
  border-color: rgba(0, 107, 79, 0.34) !important;
}

.orchid-chat-panel[data-tali-complete-host] .tali-complete-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: #020705 !important;
}

.orchid-chat-panel[data-tali-complete-host] > .tali-os-shell {
  display: none !important;
}

.tali-route-interface .tali-complete-page-frame {
  display: block !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  border: 0 !important;
  background: #020705 !important;
}

body.page-tali .site-footer {
  display: none !important;
}

body.page-tali main,
body.page-tali #top {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
}

body.page-tali .orchid-chat-widget {
  display: none !important;
}

body.page-tali .tali-route-interface {
  display: block !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
}

body.page-tali .tali-route-interface .tali-complete-page-frame {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
}

@media (max-width: 760px) {
  body.page-tali .tali-route-interface,
  body.page-tali .tali-route-interface .tali-complete-page-frame {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
  }
}

/* Tali route should remain a full workspace while keeping Orchid navigation visible. */
body.page-tali {
  overflow-x: hidden !important;
}

body.page-tali .announcement-bar,
body.page-tali .site-header {
  display: flex !important;
}

body.page-tali .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

body.page-tali main,
body.page-tali #top {
  overflow-x: hidden !important;
}

body.page-tali .tali-route-interface {
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100dvh - 150px) !important;
  height: calc(100dvh - 150px) !important;
  overflow: hidden !important;
}

body.page-tali .tali-route-interface .tali-complete-page-frame {
  width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100dvh - 150px) !important;
  height: calc(100dvh - 150px) !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  body.page-tali .tali-route-interface,
  body.page-tali .tali-route-interface .tali-complete-page-frame {
    min-height: calc(100dvh - 138px) !important;
    height: calc(100dvh - 138px) !important;
  }
}

/* Uploaded interface route hosts: keep Orchid's real navigation, hide legacy page bodies. */
.uploaded-page-interface {
  display: none;
  width: 100%;
  max-width: 100%;
  min-height: calc(100dvh - 150px);
  overflow: hidden;
  background: var(--color-bg);
}

.uploaded-page-active > .uploaded-page-interface {
  display: block;
}

.uploaded-page-active > :not(.uploaded-page-interface) {
  display: none !important;
}

#home > .uploaded-page-interface,
#creators > .uploaded-page-interface,
#brands > .uploaded-page-interface {
  display: block !important;
}

#home > .uploaded-page-interface ~ *,
#creators > .uploaded-page-interface ~ *,
#brands > .uploaded-page-interface ~ * {
  display: none !important;
}

.uploaded-page-frame {
  display: block;
  width: 100%;
  max-width: 100%;
  height: calc(100dvh - 150px);
  min-height: calc(100dvh - 150px);
  border: 0;
  overflow: hidden;
  background: var(--color-bg);
}

@media (max-width: 760px) {
  .uploaded-page-interface,
  .uploaded-page-frame {
    height: calc(100dvh - 138px);
    min-height: calc(100dvh - 138px);
  }
}

/* Final Tali route authority: this must be the only visible sizing after uploads. */
body.page-tali .announcement-bar,
body.page-tali .site-header {
  display: flex !important;
}

body.page-tali .site-footer,
body.page-tali .orchid-chat-widget {
  display: none !important;
}

body.page-tali main,
body.page-tali #top,
body.page-tali .tali-route-interface {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-tali .tali-route-interface,
body.page-tali .tali-route-interface .tali-complete-page-frame {
  display: block !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  border: 0 !important;
  background: #020705 !important;
}

@media (max-width: 760px) {
  body.page-tali .tali-route-interface,
  body.page-tali .tali-route-interface .tali-complete-page-frame {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
    max-height: calc(100dvh - 138px) !important;
  }
}

/* Absolute final Tali sizing guard for live cache/order differences. */
html body.page-tali #tali.tali-route-interface {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
}

html body.page-tali #tali.tali-route-interface > iframe.tali-complete-page-frame {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
}

@media (max-width: 760px) {
  html body.page-tali #tali.tali-route-interface {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
    max-height: calc(100dvh - 138px) !important;
  }
}

/* Final CMS route authority: CMS keeps Orchid navigation and hosts only the new admin system. */
html body.page-admin .announcement-bar,
html body.page-admin .site-header {
  display: flex !important;
}

html body.page-admin .site-footer,
html body.page-admin .orchid-chat-widget {
  display: none !important;
}

html body.page-admin main,
html body.page-admin main #admin,
html body.page-admin .admin-panel[data-admin-control-host] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
}

html body.page-admin main #admin {
  min-height: calc(100dvh - 150px) !important;
}

html body.page-admin .admin-panel[data-admin-control-host],
html body.page-admin .admin-panel[data-admin-control-host] .orchid-admin-control-frame {
  display: block !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body.page-admin .admin-panel[data-admin-control-host] .orchid-admin-control-frame {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  html body.page-admin main #admin,
  html body.page-admin .admin-panel[data-admin-control-host],
  html body.page-admin .admin-panel[data-admin-control-host] .orchid-admin-control-frame {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
    max-height: calc(100dvh - 138px) !important;
  }
}

/* Final uploaded-interface route authority. These pages use the provided interfaces,
   while Orchid keeps the single global navigation around them. */
body.page-home #home,
body.page-creators #creators,
body.page-brands #brands {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-home #home > .uploaded-page-interface,
body.page-creators #creators > .uploaded-page-interface,
body.page-brands #brands > .uploaded-page-interface {
  display: block !important;
  width: 100% !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  background: #020705 !important;
  overflow: hidden !important;
}

body.page-home #home > .uploaded-page-interface ~ *,
body.page-creators #creators > .uploaded-page-interface ~ *,
body.page-brands #brands > .uploaded-page-interface ~ * {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.page-home #home > :not(.uploaded-page-interface),
body.page-creators #creators > :not(.uploaded-page-interface),
body.page-brands #brands > :not(.uploaded-page-interface) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.page-home .uploaded-page-frame,
body.page-creators .uploaded-page-frame,
body.page-brands .uploaded-page-frame {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 0 !important;
  background: #020705 !important;
  overflow: hidden !important;
}

body.page-tali .site-footer,
body.page-tali .orchid-chat-widget {
  display: none !important;
}

body.page-tali #tali.tali-route-interface,
body.page-tali #tali.tali-route-interface > .tali-complete-page-frame {
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  body.page-home #home > .uploaded-page-interface,
  body.page-creators #creators > .uploaded-page-interface,
  body.page-brands #brands > .uploaded-page-interface {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
  }
}

/* Orchid v350 route authority. This is intentionally last so legacy page,
   Tali, and uploaded-interface rules cannot override the active route. */
html body.page-tali,
html body.page-admin,
html body.page-home,
html body.page-creators,
html body.page-brands,
html body.page-journal {
  overflow-x: hidden !important;
}

html body.page-tali .announcement-bar,
html body.page-tali .site-header,
html body.page-admin .announcement-bar,
html body.page-admin .site-header,
html body.page-home .announcement-bar,
html body.page-home .site-header,
html body.page-creators .announcement-bar,
html body.page-creators .site-header,
html body.page-brands .announcement-bar,
html body.page-brands .site-header,
html body.page-journal .announcement-bar,
html body.page-journal .site-header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.page-tali .site-footer,
html body.page-tali .orchid-chat-widget,
html body.page-admin .site-footer,
html body.page-admin .orchid-chat-widget {
  display: none !important;
}

html body.page-tali main,
html body.page-tali #top,
html body.page-admin main,
html body.page-admin #top,
html body.page-home main,
html body.page-creators main,
html body.page-brands main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

html body.page-tali #tali.tali-route-interface {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.page-tali #tali.tali-route-interface > iframe.tali-complete-page-frame {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #020705 !important;
  overflow: hidden !important;
}

html body.page-home #home,
html body.page-creators #creators,
html body.page-brands #brands {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.page-home #home > :not(.uploaded-page-interface),
html body.page-creators #creators > :not(.uploaded-page-interface),
html body.page-brands #brands > :not(.uploaded-page-interface) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.page-home #home > .uploaded-page-interface,
html body.page-creators #creators > .uploaded-page-interface,
html body.page-brands #brands > .uploaded-page-interface {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020705 !important;
}

html body.page-home #home > .uploaded-page-interface > iframe.uploaded-page-frame,
html body.page-creators #creators > .uploaded-page-interface > iframe.uploaded-page-frame,
html body.page-brands #brands > .uploaded-page-interface > iframe.uploaded-page-frame {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #020705 !important;
}

@media (max-width: 760px) {
  html body.page-tali #tali.tali-route-interface,
  html body.page-home #home > .uploaded-page-interface,
  html body.page-creators #creators > .uploaded-page-interface,
  html body.page-brands #brands > .uploaded-page-interface {
    height: calc(100dvh - 138px) !important;
    min-height: calc(100dvh - 138px) !important;
    max-height: calc(100dvh - 138px) !important;
  }
}

/* Orchid v356 final interface ownership. Uploaded interfaces are the pages now;
   stale legacy sections must not reappear through older display rules. */
html body.page-home #home,
html body.page-creators #creators,
html body.page-brands #brands,
html body.page-tali #tali.tali-route-interface,
html body.page-admin #admin {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #020705 !important;
  overflow: hidden !important;
}

html body.page-home #home > :not(.uploaded-page-interface),
html body.page-creators #creators > :not(.uploaded-page-interface),
html body.page-brands #brands > :not(.uploaded-page-interface) {
  display: none !important;
}

html body.page-home #home > .uploaded-page-interface,
html body.page-creators #creators > .uploaded-page-interface,
html body.page-brands #brands > .uploaded-page-interface,
html body.page-tali #tali.tali-route-interface,
html body.page-admin #admin .admin-control-frame-shell {
  display: block !important;
  width: 100% !important;
  height: calc(100dvh - 150px) !important;
  min-height: calc(100dvh - 150px) !important;
  max-height: calc(100dvh - 150px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.page-home #home iframe.uploaded-page-frame,
html body.page-creators #creators iframe.uploaded-page-frame,
html body.page-brands #brands iframe.uploaded-page-frame,
html body.page-tali #tali iframe.tali-complete-page-frame,
html body.page-admin #admin iframe.orchid-admin-control-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: #020705 !important;
}

html body.page-tali .announcement-bar,
html body.page-tali .site-header,
html body.page-admin .announcement-bar,
html body.page-admin .site-header {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.page-tali .site-footer,
html body.page-tali .orchid-chat-widget,
html body.page-admin .site-footer,
html body.page-admin .orchid-chat-widget {
  display: none !important;
}

@media (max-width: 760px) {
  html body.page-home #home > .uploaded-page-interface,
  html body.page-creators #creators > .uploaded-page-interface,
  html body.page-brands #brands > .uploaded-page-interface,
  html body.page-tali #tali.tali-route-interface,
  html body.page-admin #admin .admin-control-frame-shell {
    height: calc(100dvh - 132px) !important;
    min-height: calc(100dvh - 132px) !important;
    max-height: calc(100dvh - 132px) !important;
  }
}

/* v358 shared theme and phone guards for the newest embedded interfaces. */
body:not(.dark-mode) .journal-public-interface,
body:not(.dark-mode) .journal-interface-embed,
body:not(.dark-mode) .journal-cms-interface,
body:not(.dark-mode) .tali-route-interface,
body:not(.dark-mode) .tali-route-interface .tali-complete-page-frame,
body:not(.dark-mode) .uploaded-page-interface,
body:not(.dark-mode) .uploaded-page-frame {
  background: #f7faf8 !important;
}

@media (max-width: 760px) {
  html body.page-tali #tali.tali-route-interface,
  html body.page-tali #tali.tali-route-interface > iframe.tali-complete-page-frame {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.page-tali #tali.tali-route-interface {
    height: calc(100dvh - 170px) !important;
    min-height: calc(100dvh - 170px) !important;
    max-height: calc(100dvh - 170px) !important;
  }

  html body.page-tali main,
  html body.page-tali #top {
    min-width: 0 !important;
  }
}

html,
body {
  touch-action: pan-x pan-y;
}

/* v358 scrolling ownership. Embedded application pages own the viewport scroll;
   standard Orchid pages keep a document-flow footer. */
.site-footer {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

html body.page-home,
html body.page-creators,
html body.page-brands,
html body.page-tali,
html body.page-admin {
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overscroll-behavior-y: none;
}

html body.page-home .site-footer,
html body.page-creators .site-footer,
html body.page-brands .site-footer,
html body.page-tali .site-footer,
html body.page-admin .site-footer {
  display: none !important;
}

/* Final light-mode surface contract. This is intentionally last so legacy page
   modules cannot leave an isolated black surface behind after the toggle runs. */
body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(
  .site-shell, .site-header, .site-nav, .nav-shell, .page-shell, .page-frame,
  .page-section, .section-shell, .section-frame, .surface, .panel, .card,
  .workspace, .workspace-shell, .workspace-panel, .dashboard-shell,
  .dashboard-panel, .cms-shell, .cms-card, .admin-card, .modal, .modal-content,
  .drawer, .dialog, .sheet, .toolbar, .topbar, .sidebar, .side-panel,
  .content, .content-area, .agent-my-shop-shell, .agent-my-shop-import,
  .agent-my-shop-products, .collection-card, .product-card, .auth-card,
  .cart-drawer, header, footer, main, nav, aside, section, article
  ) {
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
  }

/* v358 creator storefront, Tali light-mode, and long-form Journal authority. */
.public-creator-collections-carousel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.public-creator-collections-row {
  display: flex;
  gap: 18px;
  min-width: 0;
  padding: 4px 2px 14px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.public-creator-collections-row > .public-creator-collection-card {
  flex: 0 0 clamp(285px, 36vw, 410px);
  scroll-snap-align: start;
}

.public-creator-collections-row .agent-my-shop-collection-summary {
  min-height: 320px;
}

.public-creator-storefront.is-collection-open > :not(.public-creator-collections-carousel) {
  display: none !important;
}

.public-creator-storefront.is-collection-open > .public-creator-collections-carousel {
  display: block !important;
  grid-column: 1 / -1;
}

.public-creator-storefront.is-collection-open .public-creator-collections-carousel > .product-scroll-arrow,
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card:not([open]) {
  display: none !important;
}

.public-creator-storefront.is-collection-open .public-creator-collections-row {
  display: block;
  overflow: visible;
}

.public-creator-storefront.is-collection-open .public-creator-collection-card[open] {
  width: 100%;
}

body:not(.dark-mode) .nav-links a,
body:not(.dark-mode) .nav-links a.is-active,
body:not(.dark-mode) .nav-links a:hover,
body:not(.dark-mode) .nav-links a:focus-visible {
  color: #111111 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .nav-links a.is-active {
  color: #006b4f !important;
  border-color: #006b4f !important;
}

body:not(.dark-mode) .nav-links a::before,
body:not(.dark-mode) .nav-links a::after,
body:not(.dark-mode) .orchid-chat-button::before,
body:not(.dark-mode) .orchid-chat-button::after,
body:not(.dark-mode) .orchid-chat-button span::before,
body:not(.dark-mode) .orchid-chat-button span::after,
body:not(.dark-mode) .agent-my-shop-collection-summary::after,
body:not(.dark-mode) .button:not(.is-loading):not(.is-result)::after,
body:not(.dark-mode) .copy-code-button:not(.is-loading):not(.is-result)::after {
  display: none !important;
  content: none !important;
}

body:not(.dark-mode) .orchid-chat-button {
  color: #006b4f !important;
  background: transparent !important;
  border-color: rgba(0, 107, 79, 0.35) !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .orchid-chat-button span {
  width: auto !important;
  height: auto !important;
  color: #006b4f !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.journal-intelligence-shell {
  width: min(100%, 1260px);
  margin-inline: auto;
  border-radius: 14px;
}

.journal-hero-copy h1 {
  font-size: clamp(2.75rem, 6.2vw, 6.4rem);
  line-height: 0.94;
}

.journal-open-story,
.journal-read-link {
  width: fit-content;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: left;
}

.journal-open-story h3 {
  transition: color 180ms ease;
}

.journal-open-story:hover h3,
.journal-open-story:focus-visible h3,
.journal-read-link:hover,
.journal-read-link:focus-visible {
  color: #006b4f;
}

.journal-read-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.journal-latest-row > div {
  display: grid;
  gap: 7px;
}

.journal-latest-row > div > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.blog-reader {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: clamp(24px, 4vw, 54px) clamp(16px, 4vw, 54px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}

.blog-reader-main {
  width: min(100%, 920px);
  margin-inline: auto;
  gap: 22px;
}

.blog-reader-main > h1 {
  max-width: 900px;
  font-size: clamp(2.45rem, 5vw, 5.5rem);
  line-height: 0.98;
}

.blog-reader-main > img {
  max-height: 640px;
  border-radius: 10px;
}

.blog-reader-body {
  width: min(100%, 760px);
  margin-inline: auto;
  font-family: var(--font-ui) !important;
  font-size: clamp(1.05rem, 1.3vw, 1.16rem);
  line-height: 1.88 !important;
}

.blog-reader-body p {
  margin-bottom: 26px;
}

.blog-reader-body h2 {
  margin-top: 46px;
  font-family: var(--font-ui);
  font-size: clamp(1.65rem, 3vw, 2.55rem);
  line-height: 1.12;
}

.blog-reader-body blockquote {
  border-left-color: #006b4f;
}

.blog-inline-image {
  margin: 38px 0;
}

.blog-inline-image img {
  width: 100%;
  border-radius: 8px;
}

.journal-source-links {
  width: min(100%, 760px);
  margin-inline: auto;
  border-radius: 10px;
}

@media (max-width: 700px) {
  .public-creator-collections-carousel {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-creator-collections-carousel > .product-scroll-arrow {
    display: none;
  }

  .public-creator-collections-row > .public-creator-collection-card {
    flex-basis: min(84vw, 330px);
  }

  .public-creator-collections-row .agent-my-shop-collection-summary {
    min-height: 260px;
  }

  .journal-hero-copy h1 {
    font-size: clamp(2.35rem, 12vw, 4.2rem);
  }

  .journal-latest-row {
    grid-template-columns: 112px minmax(0, 1fr);
  }

  .journal-latest-row > div > p {
    display: none;
  }

  .blog-reader {
    padding: 44px 16px 28px;
  }
}

body:not(.dark-mode) :is(input, textarea, select, .input, .field, .form-control) {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

body:not(.dark-mode) :is(button, .button, .btn, [role="button"]) {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

body:not(.dark-mode) :is(
  .primary, .btn-primary, .button-primary, .is-active, .active,
  .brand-button, .shell-tab.active, .cta, .cta-button, .action-button
) {
  background-color: #006b4f !important;
  color: #ffffff !important;
  border-color: #006b4f !important;
}

/* The creator workspace reports its natural document height to the parent page.
   Keep one scroll owner: the Orchid page, rather than a second scroll inside it. */
html body.page-creators,
html body.page-creators main {
  height: auto !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

html body.page-creators #creators.uploaded-route-section,
html body.page-creators #creators.uploaded-route-section > .uploaded-page-interface {
  height: auto !important;
  min-height: 900px !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.page-creators #creators iframe.uploaded-page-frame {
  height: 900px !important;
  min-height: 900px !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Creator and Brand account access opens above the current public page. */
.public-auth-overlay {
  position: fixed;
  z-index: 22000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow-y: auto;
  background: rgb(0 0 0 / 76%);
  backdrop-filter: blur(10px);
}

.public-auth-overlay.is-hidden {
  display: none !important;
}

.public-auth-overlay .public-auth-mount {
  width: min(100%, 900px);
  margin: auto;
}

.public-auth-overlay .public-auth-card {
  position: relative;
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  box-shadow: 0 28px 72px rgb(0 0 0 / 50%);
}

.public-auth-close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line, #345);
  border-radius: 50%;
  background: var(--surface, #111);
  color: var(--ink, #fff);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.public-auth-role-summary {
  margin-block-end: 16px;
}

.public-auth-locked-role {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--line, #345);
  border-radius: 10px;
  background: var(--surface, #111);
}

.public-auth-locked-role > span {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid var(--green, #008c6b);
  border-radius: 50%;
  color: var(--green, #008c6b);
}

.public-auth-locked-role svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.public-auth-locked-role div {
  display: grid;
  gap: 3px;
}

.public-auth-locked-role small {
  color: var(--muted, #a8a8a8);
}

.public-auth-owner-link {
  display: block;
  margin: 12px auto 0;
}

body.public-auth-modal-open {
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .public-auth-overlay {
    align-items: start;
    padding: 12px;
  }

  .public-auth-overlay .public-auth-card {
    max-height: calc(100dvh - 24px);
  }

  .public-auth-close {
    top: 10px;
    right: 10px;
  }

  .public-auth-locked-role {
    align-items: flex-start;
  }
}

/* Reference-led Orchid public account welcome experience. */
.public-auth-overlay {
  background:
    radial-gradient(circle at 14% 8%, rgb(0 126 91 / 20%), transparent 34%),
    rgb(0 0 0 / 84%);
}

.public-auth-overlay .public-auth-mount {
  width: min(100%, 1040px);
}

.public-auth-overlay .public-auth-card {
  gap: clamp(16px, 2.2vw, 28px);
  width: 100%;
  padding: clamp(24px, 4vw, 48px);
  background:
    radial-gradient(circle at 8% 0%, rgb(0 126 91 / 18%), transparent 32%),
    linear-gradient(180deg, #101311 0%, #050605 100%);
  border-color: rgb(255 255 255 / 10%);
  border-radius: 8px;
  box-shadow: 0 36px 100px rgb(0 0 0 / 70%);
  animation: publicAuthRise 420ms cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes publicAuthRise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.public-auth-brandmark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgb(255 255 255 / 72%);
  font-size: 0.72rem;
  letter-spacing: 0.26em;
}

.public-auth-brandmark > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #fff;
  background: var(--brand);
  border-radius: 50%;
  font-family: var(--display-font);
  font-size: 1rem;
  letter-spacing: 0;
}

.public-auth-eyebrow,
.public-auth-role-eyebrow {
  display: block;
  margin: 0 0 10px;
  color: var(--brand) !important;
  font-size: 0.7rem !important;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.public-auth-overlay .public-auth-header {
  width: min(100%, 760px);
}

.public-auth-overlay .public-auth-header h3 {
  font-size: clamp(2rem, 4.5vw, 3.8rem);
  line-height: 1;
}

.public-auth-overlay .public-auth-form {
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(18px, 3vw, 34px);
}

.public-auth-overlay .public-auth-role-summary {
  grid-column: 1;
  grid-row: 1 / span 5;
  position: sticky;
  top: 0;
}

.public-auth-overlay .public-auth-locked-role {
  display: grid;
  justify-items: start;
  gap: 16px;
  min-height: 100%;
  padding: clamp(20px, 3vw, 30px);
  text-align: left;
  background:
    linear-gradient(145deg, rgb(0 126 91 / 14%), transparent 60%),
    rgb(255 255 255 / 3%);
  border-color: rgb(255 255 255 / 12%);
}

.public-auth-overlay .public-auth-locked-role > span {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
}

.public-auth-overlay .public-auth-locked-role > div {
  gap: 8px;
}

.public-auth-overlay .public-auth-locked-role > div > strong {
  font-family: var(--display-font);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

.public-auth-overlay .public-auth-locked-role ul {
  display: grid;
  gap: 9px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.public-auth-overlay .public-auth-locked-role li {
  position: relative;
  padding-left: 18px;
  color: rgb(255 255 255 / 72%);
  font-size: 0.82rem;
}

.public-auth-overlay .public-auth-locked-role li::before {
  content: "";
  position: absolute;
  top: 0.52em;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--brand);
  border-radius: 50%;
}

.public-auth-overlay .public-auth-form > :not(.public-auth-role-summary) {
  grid-column: 2;
}

.public-auth-overlay .public-auth-step,
.public-auth-overlay .public-policy-panel,
.public-auth-overlay .public-auth-inline-help,
.public-auth-overlay .public-auth-primary,
.public-auth-overlay .public-auth-note {
  width: 100%;
}

.public-auth-overlay .public-auth-step-title {
  justify-content: flex-start;
}

.public-auth-overlay .public-auth-fields {
  width: 100%;
}

.public-auth-overlay .public-auth-primary {
  justify-self: stretch;
}

.public-auth-overlay .public-auth-footer {
  width: min(100%, 760px);
}

body:not(.dark-mode) .public-auth-overlay {
  background:
    radial-gradient(circle at 14% 8%, rgb(0 126 91 / 14%), transparent 34%),
    rgb(245 247 246 / 90%);
}

body:not(.dark-mode) .public-auth-overlay .public-auth-card {
  color: #050505;
  background:
    radial-gradient(circle at 8% 0%, rgb(0 126 91 / 10%), transparent 32%),
    #fff;
  border-color: rgb(0 0 0 / 12%);
  box-shadow: 0 36px 100px rgb(0 0 0 / 18%);
}

body:not(.dark-mode) .public-auth-brandmark {
  color: rgb(0 0 0 / 62%);
}

body:not(.dark-mode) .public-auth-overlay .public-auth-locked-role {
  background:
    linear-gradient(145deg, rgb(0 126 91 / 8%), transparent 60%),
    #fff;
  border-color: rgb(0 0 0 / 12%);
}

body:not(.dark-mode) .public-auth-overlay .public-auth-locked-role li {
  color: rgb(0 0 0 / 68%);
}

@media (max-width: 760px) {
  .public-auth-overlay .public-auth-card {
    padding: 22px 16px;
  }

  .public-auth-overlay .public-auth-form {
    grid-template-columns: 1fr;
  }

  .public-auth-overlay .public-auth-role-summary,
  .public-auth-overlay .public-auth-form > :not(.public-auth-role-summary) {
    grid-column: 1;
    grid-row: auto;
    position: static;
  }

  .public-auth-overlay .public-auth-locked-role {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 0;
    padding: 16px;
  }

  .public-auth-overlay .public-auth-locked-role ul {
    display: none;
  }

  .public-auth-overlay .public-auth-fields {
    grid-template-columns: 1fr;
  }
}

/* Reference-inspired commerce layout — Orchid content and logic preserved. */
.product-preview-dialog,
.public-creator-storefront,
.agent-my-shop-collection-row,
.cart-drawer {
  font-family: var(--font-ui);
}

.product-preview-overlay {
  align-items: start;
  justify-items: center;
  padding: clamp(14px, 3vw, 30px);
  overflow: auto;
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.product-detail-dialog,
.product-detail-dialog.is-partner-detail {
  grid-template-columns: minmax(0, 1.06fr) minmax(340px, 0.94fr);
  gap: clamp(20px, 3vw, 34px);
  width: min(1120px, calc(100vw - 32px));
  max-height: none;
  margin: auto 0;
  padding: clamp(16px, 2.2vw, 24px);
  overflow: visible;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
}

.product-detail-media {
  align-self: start;
  min-height: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--panel) 88%, var(--ink) 12%);
  border: 1px solid var(--line);
  border-radius: 16px;
}

.product-detail-dialog .product-preview-strip,
.product-detail-dialog .product-preview-track,
.product-detail-dialog .product-preview-track img {
  max-height: none;
}

.product-detail-dialog .product-preview-track img {
  aspect-ratio: 1 / 1;
  padding: clamp(10px, 2vw, 24px);
  object-fit: contain;
  background: color-mix(in srgb, var(--panel) 90%, var(--ink) 10%);
}

.product-detail-dialog .product-preview-dots {
  bottom: 12px;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.48);
  border-radius: 999px;
}

.product-detail-dialog .product-preview-dots button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.product-detail-dialog .product-preview-arrow {
  width: 38px;
  height: 50px;
  font-size: 2rem;
}

.product-detail-copy,
.product-detail-dialog.is-partner-detail .product-detail-copy {
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 4px 2px 2px;
}

.product-detail-crumb {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.2;
}

.product-detail-crumb span,
.product-detail-crumb strong,
.product-detail-crumb i {
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: 550;
  letter-spacing: 0;
  text-transform: none;
}

.product-detail-crumb strong {
  color: var(--ink);
}

.product-detail-creator-shop {
  min-height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 600;
}

.product-detail-authenticity {
  gap: 7px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.product-detail-authenticity span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.product-detail-brand,
.product-detail-copy > .product-detail-brand {
  color: var(--brand);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.product-detail-copy h3,
.product-detail-dialog.is-partner-detail .product-detail-copy h3 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(21px, 2.6vw, 30px);
  font-weight: 520;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-transform: none;
}

.product-detail-price-row {
  gap: 9px;
}

.product-detail-price-row strong,
.product-detail-dialog.is-partner-detail .product-detail-price-row strong {
  color: var(--ink);
  font-size: clamp(23px, 2.6vw, 29px);
  font-weight: 580;
  line-height: 1;
  letter-spacing: -0.025em;
}

.product-detail-price-row em {
  padding: 5px 8px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 11%, transparent);
  border: 1px solid color-mix(in srgb, var(--brand) 26%, transparent);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.04em;
}

.product-detail-creator-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
  border-radius: 10px;
}

.product-detail-creator-card > img,
.product-detail-creator-card > span {
  display: grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  object-fit: cover;
  color: #fff;
  background: var(--brand);
  border: 2px solid color-mix(in srgb, var(--brand) 46%, var(--panel));
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.product-detail-creator-card div {
  display: grid;
  gap: 2px;
}

.product-detail-creator-card small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.product-detail-creator-card strong {
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
}

.product-detail-size-row {
  margin-top: 2px;
}

.product-detail-size-row strong,
.product-detail-size-row small {
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
}

.product-detail-size-row small {
  color: var(--muted);
  font-weight: 500;
}

.product-detail-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border: 0;
}

.product-detail-sizes button {
  min-width: 38px;
  min-height: 34px;
  padding: 6px 9px;
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 11px;
}

.product-detail-sizes button:last-child {
  border-right: 1px solid var(--line);
}

.product-detail-sizes button.is-active {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
  outline: 0;
}

.product-detail-copy > p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.product-detail-stock {
  gap: 7px;
  font-size: 11px;
}

.product-detail-stock span {
  width: 7px;
  height: 7px;
}

.product-detail-stock-bar {
  height: 3px;
  border-radius: 999px;
}

.product-detail-actions {
  display: grid;
  grid-template-columns: 42px auto minmax(0, 1fr);
  gap: 7px;
}

.product-detail-wishlist,
.product-detail-quantity {
  min-height: 44px;
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 9px;
}

.product-detail-wishlist {
  width: 42px;
  font-size: 1.25rem;
}

.product-detail-quantity {
  grid-template-columns: 28px 30px 28px;
}

.product-detail-quantity button {
  color: var(--muted);
}

.product-detail-quantity strong {
  color: var(--ink);
  font-size: 11px;
}

.product-detail-action,
.product-detail-dialog.is-partner-detail .product-detail-action {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 14px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}

.product-detail-buy-now {
  min-height: 42px;
}

.product-detail-dialog.is-partner-detail .product-detail-wishlist,
.product-detail-dialog.is-partner-detail .product-detail-quantity {
  display: inline-grid;
}

.product-detail-attribution {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 9px 10px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  border-radius: 10px;
}

.product-detail-attribution > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 12%, transparent);
  border-radius: 50%;
  font-size: 11px;
}

.product-detail-attribution p {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
}

.product-detail-spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.product-detail-spec-grid article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  background: color-mix(in srgb, var(--panel) 88%, var(--ink) 12%);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.product-detail-spec-grid small {
  color: var(--muted);
  font-size: 8px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-detail-spec-grid strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 11px;
  font-weight: 600;
}

.product-detail-perks,
.product-detail-dialog.is-partner-detail .product-detail-perks {
  display: grid;
  gap: 5px;
  margin: 1px 0 0;
}

.product-detail-perks small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 520;
}

.product-detail-perks small::before {
  content: "\2713";
  margin-right: 6px;
}

.product-preview-close {
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  color: var(--ink);
  background: color-mix(in srgb, var(--panel) 92%, transparent);
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}

.public-creator-storefront {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px;
  width: min(100%, 1120px);
}

.public-creator-hero {
  align-items: center;
  min-height: 190px;
  padding: clamp(22px, 4vw, 34px);
  color: #fff;
  background: linear-gradient(135deg, #006b4f, #003d2f);
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 107, 79, 0.18);
}

.public-creator-hero h2 {
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(22px, 3.2vw, 34px);
  font-weight: 520;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-transform: none;
}

.public-creator-hero p,
.public-creator-hero .shared-shop-kicker,
.public-creator-hero .public-creator-profile,
.public-creator-hero .public-creator-profile span {
  color: rgba(255, 255, 255, 0.78);
}

.public-creator-profile {
  gap: 10px;
  margin-top: 12px;
}

.public-creator-profile img {
  width: 58px;
  height: 58px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.public-creator-profile strong {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.agent-my-shop-collection-row {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px;
}

.agent-my-shop-collection-summary {
  position: relative;
  display: block;
  min-height: 190px;
  padding: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--panel) 88%, var(--ink) 12%);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.agent-my-shop-collection-summary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.84));
}

.agent-my-shop-collection-summary img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  padding: 0;
  object-fit: cover;
  opacity: 0.86;
}

.agent-my-shop-collection-summary span,
.agent-my-shop-collection-summary strong {
  position: absolute;
  left: 12px;
  right: 12px;
  z-index: 3;
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.agent-my-shop-collection-summary span {
  bottom: 29px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
}

.agent-my-shop-collection-summary strong {
  bottom: 12px;
  font-size: 9px;
  font-weight: 550;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.public-creator-product {
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
}

.public-creator-product > :not(.public-creator-media) {
  margin-right: 11px;
  margin-left: 11px;
}

.public-creator-media {
  aspect-ratio: 4 / 3;
  min-height: 0;
  background: color-mix(in srgb, var(--panel) 88%, var(--ink) 12%);
  border-radius: 0;
}

.public-creator-media img {
  padding: 8px;
  object-fit: contain;
}

.public-creator-product span {
  margin-top: 10px;
  color: var(--brand);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.public-creator-product h4 {
  margin-top: 4px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.28;
  text-transform: none;
}

.public-creator-product p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}

.public-creator-product .agent-shop-price {
  margin-top: 7px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
}

.public-creator-product .agent-shop-actions {
  gap: 6px;
  margin-top: 8px;
  margin-bottom: 10px;
}

.public-creator-product .button,
.public-creator-product .copy-code-button {
  min-height: 30px;
  padding: 6px 9px;
  border-radius: 8px;
  font-size: 9px;
  letter-spacing: 0.03em;
}

.cart-drawer {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  width: min(460px, 100vw);
  padding: 20px;
  background: var(--panel);
  border-left: 1px solid var(--line);
  box-shadow: -24px 0 70px rgba(0, 0, 0, 0.28);
}

.cart-header {
  min-height: 50px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.cart-kicker {
  display: block;
  margin-bottom: 3px;
  color: var(--brand);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cart-header h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 520;
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.cart-items {
  gap: 9px;
  padding: 13px 0;
}

.cart-line {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 30px;
  gap: 10px;
  align-items: start;
  padding: 9px;
  background: color-mix(in srgb, var(--panel) 91%, var(--ink) 9%);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.cart-line-image {
  width: 72px;
  height: 72px;
  padding: 4px;
  object-fit: contain;
  background: color-mix(in srgb, var(--panel) 85%, var(--ink) 15%);
  border-radius: 9px;
}

.cart-line-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.cart-line-brand {
  color: var(--brand) !important;
  font-size: 8px !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cart-line-copy strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

.cart-line-copy span {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cart-line-remove {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 8px;
}

.cart-summary {
  min-height: 52px;
  padding: 10px 0;
  border-top: 1px solid var(--line);
}

.cart-summary span {
  color: var(--muted);
  font-size: 11px;
}

.cart-summary strong {
  font-size: 15px;
  font-weight: 650;
}

.mpesa-box {
  gap: 9px;
  max-height: 48vh;
  margin: 0;
  padding: 14px;
  overflow-y: auto;
  background: color-mix(in srgb, var(--panel) 90%, var(--ink) 10%);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.mpesa-box > span {
  color: var(--brand);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.09em;
}

.mpesa-box > strong {
  font-size: 13px;
  font-weight: 600;
}

.checkout-intro {
  margin: -3px 0 1px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.mpesa-box label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.04em;
}

.mpesa-box input {
  min-height: 38px;
  padding: 8px 10px;
  color: var(--ink);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.checkout-button {
  min-height: 42px;
  border-radius: 9px;
  font-size: 11px;
  text-transform: none;
}

.mpesa-box .form-note {
  margin: -2px 0 1px;
  font-size: 9px;
  line-height: 1.35;
}

.drawer-backdrop {
  background: rgba(0, 0, 0, 0.62);
}

body:not(.dark-mode) .product-detail-dialog,
body:not(.dark-mode) .product-detail-dialog.is-partner-detail,
body:not(.dark-mode) .public-creator-product,
body:not(.dark-mode) .cart-drawer {
  color: #111 !important;
  background: #fff !important;
  border-color: rgba(17, 17, 17, 0.14) !important;
}

body:not(.dark-mode) .public-creator-hero {
  color: #fff !important;
  background: linear-gradient(135deg, #006b4f, #003d2f) !important;
  border-color: rgba(0, 107, 79, 0.24) !important;
}

body:not(.dark-mode) .public-creator-hero h2,
body:not(.dark-mode) .public-creator-hero .public-creator-profile strong {
  color: #fff !important;
}

body:not(.dark-mode) .public-creator-hero p,
body:not(.dark-mode) .public-creator-hero .shared-shop-kicker,
body:not(.dark-mode) .public-creator-hero .public-creator-profile span {
  color: rgba(255, 255, 255, 0.78) !important;
}

body:not(.dark-mode) .product-detail-media,
body:not(.dark-mode) .product-detail-dialog .product-preview-track img,
body:not(.dark-mode) .public-creator-media,
body:not(.dark-mode) .cart-line,
body:not(.dark-mode) .cart-line-image,
body:not(.dark-mode) .mpesa-box,
body:not(.dark-mode) .product-detail-spec-grid article {
  background: #f6f6f3 !important;
}

body:not(.dark-mode) .product-detail-copy h3,
body:not(.dark-mode) .product-detail-price-row strong,
body:not(.dark-mode) .product-detail-creator-card strong,
body:not(.dark-mode) .product-detail-spec-grid strong,
body:not(.dark-mode) .public-creator-product h4,
body:not(.dark-mode) .public-creator-product .agent-shop-price,
body:not(.dark-mode) .cart-line-copy strong {
  color: #111 !important;
}

body:not(.dark-mode) .product-detail-copy > p,
body:not(.dark-mode) .product-detail-attribution p,
body:not(.dark-mode) .product-detail-perks small,
body:not(.dark-mode) .cart-line-copy span,
body:not(.dark-mode) .checkout-intro,
body:not(.dark-mode) .mpesa-box label {
  color: #555 !important;
}

@media (max-width: 900px) {
  .product-detail-dialog,
  .product-detail-dialog.is-partner-detail {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(720px, calc(100vw - 22px)) !important;
    max-height: none !important;
    gap: 16px !important;
    padding: 14px !important;
    overflow: visible !important;
  }

  .product-detail-dialog .product-detail-media {
    width: 100%;
  }

  .product-detail-dialog .product-preview-track img {
    aspect-ratio: 4 / 3;
  }

  .product-detail-dialog.is-partner-detail .product-detail-copy {
    padding: 2px !important;
  }
}

@media (max-width: 620px) {
  .product-preview-overlay {
    display: block;
    padding: 7px;
  }

  .product-detail-dialog,
  .product-detail-dialog.is-partner-detail {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .product-detail-media {
    border-radius: 11px;
  }

  .product-detail-dialog .product-preview-track img {
    aspect-ratio: 1.2 / 1;
    padding: 8px;
  }

  .product-detail-copy,
  .product-detail-dialog.is-partner-detail .product-detail-copy {
    gap: 8px !important;
    padding: 1px !important;
  }

  .product-detail-copy h3,
  .product-detail-dialog.is-partner-detail .product-detail-copy h3 {
    font-size: clamp(19px, 6vw, 24px) !important;
    line-height: 1.08 !important;
  }

  .product-detail-actions {
    grid-template-columns: 40px auto minmax(0, 1fr);
  }

  .product-detail-wishlist,
  .product-detail-quantity,
  .product-detail-action,
  .product-detail-dialog.is-partner-detail .product-detail-action {
    min-height: 41px !important;
  }

  .product-detail-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-creator-storefront,
  .agent-my-shop-collection-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .public-creator-hero {
    min-height: 0;
    padding: 18px !important;
    border-radius: 13px;
  }

  .public-creator-hero h2 {
    font-size: clamp(21px, 7vw, 27px) !important;
    line-height: 1.08 !important;
  }

  .public-creator-profile img {
    width: 50px;
    height: 50px;
  }

  .agent-my-shop-collection-summary {
    min-height: 154px;
    border-radius: 10px;
  }

  .agent-my-shop-collection-summary img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto !important;
    padding: 0 !important;
    object-fit: cover !important;
  }

  .agent-my-shop-collection-summary span {
    bottom: 26px;
    font-size: 11px !important;
  }

  .agent-my-shop-collection-summary strong {
    bottom: 10px;
    font-size: 8px !important;
  }

  .public-creator-product {
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .public-creator-product > :not(.public-creator-media) {
    margin-right: 8px;
    margin-left: 8px;
  }

  .public-creator-product .public-creator-media {
    aspect-ratio: 4 / 3 !important;
  }

  .public-creator-product h4 {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .public-creator-product .agent-shop-price {
    font-size: 12px !important;
  }

  .public-creator-product .button,
  .public-creator-product .copy-code-button {
    min-height: 30px !important;
    padding-inline: 7px !important;
    font-size: 8px !important;
  }

  .cart-drawer {
    width: 100vw !important;
    padding: 14px !important;
  }

  .cart-line {
    grid-template-columns: 62px minmax(0, 1fr) 28px;
    padding: 8px;
  }

  .cart-line-image {
    width: 62px;
    height: 62px;
  }

  .mpesa-box {
    max-height: 50vh;
    padding: 12px !important;
  }
}

@media (max-width: 520px) {
  .public-creator-storefront.is-collection-open .public-creator-collection-products,
  .agent-my-shop-collection-row.is-collection-open .agent-my-shop-collection-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .public-creator-collection-products .public-creator-product,
  .agent-my-shop-collection-products .agent-shop-card {
    width: 100% !important;
    margin-inline: 0 !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  .public-creator-collection-products .public-creator-media,
  .agent-my-shop-collection-products .agent-shop-media,
  .agent-my-shop-collection-products .agent-shop-card > img {
    aspect-ratio: 4 / 3 !important;
  }

  .public-creator-collection-products .agent-shop-price,
  .agent-my-shop-collection-products .agent-shop-price {
    margin: 7px 8px 0 !important;
    font-size: 12px !important;
  }

  .public-creator-collection-products .public-creator-product h4,
  .agent-my-shop-collection-products .agent-shop-card h4 {
    margin-inline: 8px !important;
    font-size: 11px !important;
  }

  .public-creator-collection-products .button,
  .public-creator-collection-products .copy-code-button,
  .agent-my-shop-collection-products .agent-shop-actions .button,
  .agent-my-shop-collection-products .agent-shop-actions .copy-code-button {
    flex: 1 1 0 !important;
    min-height: 30px !important;
    padding-inline: 7px !important;
    font-size: 8px !important;
  }
}

/* Absolute final v358 guards. */
.public-creator-hero {
  min-height: var(--shop-hero-height, 220px) !important;
  background: var(--shop-hero-fill, #006b4f) !important;
  border-radius: var(--shop-hero-radius, 16px) !important;
}

.public-creator-hero h2 {
  color: var(--shop-title-color, #ffffff) !important;
  font-size: var(--shop-title-size, 34px) !important;
  text-align: var(--shop-title-align, left) !important;
  transform: translate(var(--shop-title-x, 0), var(--shop-title-y, 0));
}

.public-creator-hero p {
  transform: translate(var(--shop-sub-x, 0), var(--shop-sub-y, 0));
}

.public-creator-collections-carousel {
  grid-column: 1 / -1 !important;
}

.public-creator-collections-row {
  display: flex !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
}

.public-creator-collections-row > .public-creator-collection-card {
  flex: 0 0 clamp(285px, 36vw, 410px) !important;
  width: auto !important;
}

.public-creator-collections-row .agent-my-shop-collection-summary {
  min-height: 320px !important;
}

.public-creator-storefront.is-collection-open > :not(.public-creator-collections-carousel),
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card:not([open]) {
  display: none !important;
}

.public-creator-storefront.is-collection-open > .public-creator-collections-carousel,
.public-creator-storefront.is-collection-open .public-creator-collections-row,
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open] {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

body:not(.dark-mode) .nav-links a,
body:not(.dark-mode) .nav-links a:hover,
body:not(.dark-mode) .nav-links a:focus-visible {
  color: #111111 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .nav-links a.is-active {
  color: #006b4f !important;
  background: transparent !important;
  border-color: #006b4f !important;
}

body:not(.dark-mode) .orchid-chat-button,
body:not(.dark-mode) .orchid-chat-button span {
  color: #006b4f !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.dark-mode) .orchid-chat-button span {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

body:not(.dark-mode) :is(.nav-links a, .orchid-chat-button, .orchid-chat-button span, .button:not(.is-loading):not(.is-result))::before,
body:not(.dark-mode) :is(.nav-links a, .orchid-chat-button, .orchid-chat-button span, .button:not(.is-loading):not(.is-result))::after {
  display: none !important;
  content: none !important;
}

.journal-hero-copy h1 {
  font-size: clamp(2.75rem, 6.2vw, 6.4rem) !important;
  line-height: 0.94 !important;
}

.blog-reader {
  width: min(100%, 1180px) !important;
  margin: 0 auto !important;
  padding: clamp(44px, 4vw, 58px) clamp(16px, 4vw, 54px) !important;
  border-radius: 14px !important;
}

.blog-reader-main {
  width: min(100%, 920px) !important;
  margin-inline: auto !important;
}

.blog-reader-body {
  width: min(100%, 760px) !important;
  margin-inline: auto !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.05rem, 1.3vw, 1.16rem) !important;
  line-height: 1.88 !important;
}

.blog-reader-body blockquote {
  border-left-color: #006b4f !important;
}

@media (max-width: 700px) {
  .public-creator-collections-row > .public-creator-collection-card {
    flex-basis: min(84vw, 330px) !important;
  }

  .public-creator-collections-row .agent-my-shop-collection-summary {
    min-height: 260px !important;
  }
}

body.auth-restoring::before {
  content: "Restoring your Orchid session...";
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  border-radius: 0 0 999px 999px;
  background: #006b4f;
  color: #fff;
  font: 700 0.75rem/1.2 Arial, sans-serif;
  letter-spacing: 0.04em;
  box-shadow: 0 8px 24px rgba(0, 107, 79, 0.22);
}

/* Journal layout guardrails — keep generated editorial text readable. */
.journal-intelligence-shell,
.journal-hero,
.journal-hero-copy,
.journal-feature-card,
.journal-feature-copy,
.journal-latest-row,
.journal-latest-row > div,
.journal-open-story,
.blog-reader,
.blog-reader-main,
.blog-reader-body {
  min-width: 0 !important;
  max-width: 100%;
}

.journal-intelligence-shell {
  padding: clamp(18px, 3.2vw, 44px) !important;
}

.journal-hero-copy h1 {
  max-width: 18ch !important;
  margin: 0 !important;
  font-size: clamp(2.25rem, 4.35vw, 4.65rem) !important;
  line-height: 0.98 !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.journal-open-story {
  display: block;
  width: 100% !important;
  max-width: 100%;
}

.journal-feature-copy h3,
.journal-latest-row h3,
.journal-trending-row strong,
.blog-suggestions strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.journal-feature-copy h3 {
  font-size: clamp(1.2rem, 1.65vw, 1.65rem) !important;
  line-height: 1.12 !important;
}

.journal-latest-row h3 {
  font-size: clamp(1.05rem, 1.35vw, 1.4rem) !important;
  line-height: 1.16 !important;
}

.journal-feature-copy p,
.journal-latest-row > div > p {
  font-size: 0.92rem;
}

.blog-reader-main > h1 {
  width: 100%;
  max-width: 19ch !important;
  margin: 0 !important;
  font-size: clamp(2.2rem, 4.3vw, 4.25rem) !important;
  line-height: 1 !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.journal-hero-media.is-image-missing,
.journal-feature-image.is-image-missing,
.journal-latest-image.is-image-missing {
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--brand) 24%, transparent), transparent 58%),
    repeating-linear-gradient(135deg, transparent 0 22px, color-mix(in srgb, var(--line) 48%, transparent) 22px 23px),
    var(--panel-soft);
}

.journal-hero-media.is-image-missing::before,
.journal-feature-image.is-image-missing::before,
.journal-latest-image.is-image-missing::before {
  content: "ORCHID INTELLIGENCE";
  position: absolute;
  left: clamp(12px, 2vw, 24px);
  right: clamp(12px, 2vw, 24px);
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  font-size: clamp(0.68rem, 1vw, 0.82rem);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-align: center;
}

.journal-hero-media.is-image-missing > span {
  z-index: 1;
}

.journal-source-links {
  width: min(100%, 640px) !important;
  max-width: 640px !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: var(--panel-soft) !important;
}

.journal-source-links > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 12px 16px;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}

.journal-source-links > summary::-webkit-details-marker {
  display: none;
}

.journal-source-links > summary > span {
  margin: 0 !important;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.journal-source-links > summary > small {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 999px;
  background: #006b4f;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.journal-source-links > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  max-height: 220px;
  padding: 0 12px 12px;
  overflow: auto;
  border-top: 1px solid var(--line);
}

.journal-source-links a {
  min-width: 0;
  padding: 10px 11px !important;
  font-size: 0.82rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .journal-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .journal-hero-media {
    min-height: 280px !important;
    aspect-ratio: 16 / 9 !important;
  }

  .journal-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .journal-intelligence-shell {
    padding: 16px 12px 26px !important;
    gap: 24px !important;
  }

  .journal-topline,
  .journal-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .journal-section-head span {
    text-align: left !important;
  }

  .journal-hero-copy h1,
  .blog-reader-main > h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 10.5vw, 3rem) !important;
    line-height: 1.02 !important;
  }

  .journal-feature-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .journal-latest-row {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .journal-source-links {
    width: calc(100% - 12px) !important;
  }

  .journal-source-links > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Keep the native Brands route visible after the retired iframe-owner rules. */
html body.page-brands #brands > .brand-public:not(.is-hidden),
html body.page-brands #brands > .brand-dashboard:not(.is-hidden) {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.page-brands #brands > .is-hidden {
  display: none !important;
}

html body.page-brands #brands.brand-storefront-route {
  box-sizing: border-box !important;
  padding: clamp(128px, 11vw, 158px) clamp(12px, 4vw, 64px) clamp(70px, 8vw, 120px) !important;
  color: var(--ink) !important;
  background: var(--bg) !important;
}

/* v358 centered creator storefront and collection navigation. */
.public-creator-storefront {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

.public-creator-hero {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  min-height: clamp(390px, 55vw, 610px) !important;
  padding: clamp(42px, 8vw, 88px) 20px 38px !important;
  text-align: center !important;
  background: var(--shop-bg, var(--bg)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.public-creator-identity {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  width: min(780px, 100%);
  gap: 9px;
}

.public-creator-profile-image {
  width: clamp(118px, 14vw, 158px);
  height: clamp(118px, 14vw, 158px);
  margin-bottom: 9px;
  object-fit: cover;
  border: 2px solid rgba(0, 107, 79, 0.48);
  border-radius: 50%;
  background: var(--panel-soft);
}

.public-creator-curated {
  font: italic clamp(1rem, 2vw, 1.35rem) Georgia, "Times New Roman", serif;
  color: var(--shop-color, var(--ink));
}

.public-creator-hero h2 {
  max-width: 100% !important;
  margin: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
  overflow-wrap: anywhere;
}

.public-creator-hero p {
  max-width: 700px !important;
  margin: 4px auto 0 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

.public-creator-name { margin-top: 3px; font-size: .9rem; }
.public-creator-product-count { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.public-creator-collection-navigation {
  display: flex;
  gap: 8px;
  width: 100%;
  padding: 12px clamp(12px, 4vw, 56px);
  overflow-x: auto;
  border-block: 1px solid var(--line);
  background: var(--bg);
  scrollbar-width: thin;
}

.public-creator-collection-navigation button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 8px 16px;
  color: var(--ink);
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
}

.public-creator-collection-navigation button.is-active {
  color: #fff;
  border-color: #006b4f;
  background: #006b4f;
}

.public-creator-storefront.is-collection-open > .public-creator-collection-navigation {
  display: flex !important;
}

@media (max-width: 620px) {
  .public-creator-hero {
    min-height: 390px !important;
    padding: 36px 14px 26px !important;
  }
  .public-creator-profile-image { width: 108px; height: 108px; }
  .public-creator-hero h2 { font-size: clamp(2rem, 11vw, 3.05rem) !important; }
  .public-creator-collection-navigation { padding-inline: 10px; }
}

/* v358 ShopMy-inspired Orchid shopper experience — structure only, real Orchid data. */
.discover-section {
  padding: 0 0 80px !important;
  overflow: hidden;
  background: var(--bg) !important;
}

.discover-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--bg) !important;
  box-shadow: none !important;
}

.discover-circle-deck {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.8fr);
  gap: clamp(28px, 4vw, 70px);
  min-height: 440px;
  padding: clamp(34px, 5vw, 72px) clamp(18px, 5vw, 78px);
  color: #fff;
  background: #050505;
}

.discover-circle-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}

.discover-circle-intro .eyebrow,
.discover-circle-heading .eyebrow { color:#d0d0cc; }
.discover-circle-intro h1 {
  max-width: 620px;
  margin: 8px 0 16px;
  font: 500 clamp(2.15rem, 4.3vw, 4.65rem)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.discover-circle-intro > p:not(.eyebrow) { max-width: 470px; margin: 0; color: rgba(255,255,255,.68); line-height: 1.65; }
.discover-circle-intro .discover-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.discover-circle-intro .button { min-height: 46px; border-radius: 999px; }
.discover-circle-intro .button-light { color:#111!important; border-color:#fff!important; background:#fff!important; }
.discover-circle-intro .button-outline { color: #fff !important; border-color: rgba(255,255,255,.35) !important; background: transparent !important; }

.discover-circle-browser { min-width: 0; align-self: center; }
.discover-circle-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.discover-circle-heading h2 { margin: 5px 0 0; color: #fff; font: 500 clamp(1.65rem, 2.5vw, 2.7rem)/1 Georgia, "Times New Roman", serif; }
.discover-circle-heading > a { flex: 0 0 auto; padding-bottom: 4px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.55); }
.discover-circle-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(190px, 25%);
  gap: 13px;
  padding: 2px 2px 12px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.discover-circle-card {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 0;
  aspect-ratio: .72;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  background: #111;
  scroll-snap-align: start;
  isolation: isolate;
}
.discover-circle-card::after { content:""; position:absolute; inset:38% 0 0; z-index:2; background:linear-gradient(transparent,rgba(0,0,0,.92)); pointer-events:none; }
.discover-circle-card > img { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.discover-circle-card:hover > img { transform:scale(1.035); }
.discover-circle-card-number { position:absolute; top:14px; right:14px; z-index:3; display:grid; width:32px; height:32px; place-items:center; border-radius:999px; background:rgba(0,0,0,.62); font-size:.7rem; font-weight:800; }
.discover-circle-card-copy { position:absolute; inset:auto 16px 17px; z-index:3; display:grid; gap:5px; min-width:0; }
.discover-circle-card-copy small { color:rgba(255,255,255,.7); font-size:.67rem; font-style:normal; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.discover-circle-card-copy strong { font:500 clamp(1.25rem,2vw,1.9rem)/1.03 Georgia,"Times New Roman",serif; overflow-wrap:anywhere; }
.discover-circle-card-copy em { color:rgba(255,255,255,.68); font-size:.74rem; font-style:normal; }
.discover-circle-empty { color:rgba(255,255,255,.66); }

.discover-search-hero {
  display: grid;
  justify-items: center;
  padding: clamp(62px, 8vw, 116px) clamp(16px, 5vw, 82px) clamp(46px, 7vw, 82px);
  color: #101010;
  text-align: center;
  background: #f4f1e9;
}
.discover-search-hero > .eyebrow { color:#444; }
.discover-search-hero h2 { max-width: 1050px; margin: 8px 0 20px; color:#101010; font:500 clamp(3rem,7.4vw,7.5rem)/.88 Georgia,"Times New Roman",serif; letter-spacing:-.06em; text-wrap:balance; }
.discover-search-hero h2 em { color:#555; font-weight:500; }
.discover-search-hero > p:not(.eyebrow) { max-width: 690px; margin:0; color:#54524d; font-size:clamp(.95rem,1.5vw,1.16rem); line-height:1.6; }
.discover-reference-search {
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:min(860px,100%);
  min-height:64px;
  margin-top:32px;
  padding:8px 10px 8px 22px;
  overflow:hidden;
  color:#111;
  border:1px solid #bdb9af;
  border-radius:999px;
  background:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.07);
}
.discover-reference-search svg { width:22px; fill:#111; }
.discover-reference-search input { min-width:0; width:100%; height:44px; padding:0; color:#111; border:0; outline:0; background:transparent; font:inherit; }
.discover-reference-search kbd { padding:10px 15px; color:#fff; border-radius:999px; background:#222; font:700 .76rem/1 Arial,sans-serif; }
.discover-search-hero .discover-hero-panel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(700px,100%); margin:36px auto 0; padding-top:24px; border-top:1px solid #d3cfc5; }
.discover-search-hero .discover-hero-panel article { display:grid; justify-items:center; gap:4px; color:#101010; }
.discover-search-hero .discover-hero-panel article + article { border-left:1px solid #d3cfc5; }
.discover-search-hero .discover-hero-panel strong { color:#101010; font:500 clamp(1.65rem,3vw,2.65rem)/1 Georgia,"Times New Roman",serif; }
.discover-search-hero .discover-hero-panel span { color:#66625c; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

.discover-toolbar { width:100%; margin:0 !important; padding:16px clamp(14px,5vw,78px) !important; overflow:hidden; border-block:1px solid var(--line) !important; border-radius:0 !important; background:var(--bg) !important; }
.discover-filter-row { display:flex !important; justify-content:flex-start !important; gap:8px !important; max-width:100%; padding-bottom:2px; overflow-x:auto; flex-wrap:nowrap !important; scrollbar-width:none; }
.discover-filter-row::-webkit-scrollbar { display:none; }
.discover-filter-row button { flex:0 0 auto; min-height:42px; padding:9px 17px !important; color:var(--ink) !important; border:1px solid var(--line) !important; border-radius:999px !important; background:transparent !important; box-shadow:none !important; }
.discover-filter-row button.is-active { color:#fff!important; border-color:#202020!important; background:#202020!important; }
.discover-status { width:min(1500px,calc(100% - 32px)); margin:18px auto 0 !important; color:var(--muted); }
.discover-feed { width:min(1500px,100%); margin:0 auto; padding:0 clamp(14px,4vw,58px) 80px; background:var(--bg); }
.discover-feed .discover-section-block { padding:clamp(38px,6vw,74px) 0 0 !important; border:0 !important; background:transparent !important; }
.discover-feed .discover-block-heading h3 { font:500 clamp(1.85rem,3.4vw,3.4rem)/1.02 Georgia,"Times New Roman",serif; letter-spacing:-.035em; }

/* One disclosure opens every legal document required by the selected account role. */
.public-policy-panel .public-policy-list { display:block; }
.public-policy-bundle { width:100%; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--panel-soft); }
.public-policy-bundle > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; padding:16px 18px; cursor:pointer; list-style:none; color:var(--ink); font-weight:900; }
.public-policy-bundle > summary::-webkit-details-marker { display:none; }
.public-policy-bundle > summary span { color:#006b4f; font-size:.72rem; letter-spacing:.04em; }
.public-policy-bundle-body { display:grid; gap:0; max-height:min(52vh,580px); overflow:auto; border-top:1px solid var(--line); }
.public-policy-bundle-section { padding:18px; }
.public-policy-bundle-section + .public-policy-bundle-section { border-top:1px solid var(--line); }
.public-policy-bundle-section header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.public-policy-bundle-section h4 { margin:0; color:var(--ink); font-size:1rem; }
.public-policy-bundle-section header span { color:#006b4f; font-size:.7rem; font-weight:900; }
.public-policy-bundle-section ul { margin:12px 0 0; padding-left:20px; color:var(--muted); line-height:1.55; }

/* Light mode must never paint navigation or Tali wrapper rectangles. */
html body:not(.dark-mode) .site-header .brand,
html body:not(.dark-mode) .site-header .brand.is-active,
html body:not(.dark-mode) .site-header .brand:hover,
html body:not(.dark-mode) .orchid-chat-widget {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body:not(.dark-mode) .site-header .brand::before,
html body:not(.dark-mode) .site-header .brand::after,
html body:not(.dark-mode) .orchid-chat-widget::before,
html body:not(.dark-mode) .orchid-chat-widget::after { content:none !important; display:none !important; }
html body:not(.dark-mode) .orchid-chat-button {
  color:#fff !important;
  border:1px solid #006b4f !important;
  border-radius:999px !important;
  background:#050505 !important;
  box-shadow:none !important;
}
html body:not(.dark-mode) .orchid-chat-button span {
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  background:#006b4f !important;
  box-shadow:none !important;
}

/* The curator deck intentionally remains editorial black in both themes. */
html body:not(.dark-mode) .discover-circle-deck {
  color:#fff !important;
  background:#050505 !important;
}
html body:not(.dark-mode) .discover-circle-intro {
  color:#fff !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body:not(.dark-mode) .discover-circle-deck :is(h1,h2,.discover-circle-heading > a) { color:#fff !important; }
html body:not(.dark-mode) .discover-circle-intro > p:not(.eyebrow) { color:rgba(255,255,255,.68) !important; }
html body:not(.dark-mode) .discover-circle-intro .button-light {
  color:#fff !important;
  border-color:#006b4f !important;
  background:#006b4f !important;
}
html body:not(.dark-mode) .discover-circle-intro .button-outline {
  color:#fff !important;
  border-color:rgba(255,255,255,.35) !important;
  background:transparent !important;
}
@media (max-width: 900px) {
  .discover-circle-deck { grid-template-columns:minmax(0,1fr); min-height:0; }
  .discover-circle-intro { min-height:330px; }
  .discover-circle-track { grid-auto-columns:minmax(200px,34%); }
}

@media (max-width: 620px) {
  .discover-section { padding-top:0 !important; }
  #discover .discover-shop-nav { justify-content:flex-start; padding-inline:14px; }
  .discover-circle-deck { gap:30px; padding:36px 14px 42px; }
  .discover-circle-intro { min-height:0; }
  .discover-circle-intro h1 { max-width:100%; font-size:clamp(2.35rem,12vw,3.5rem); overflow-wrap:anywhere; }
  .discover-circle-intro .discover-hero-actions { width:100%; }
  .discover-circle-intro .button { flex:1 1 145px; }
  .discover-circle-heading { align-items:start; }
  .discover-circle-track { grid-auto-columns:minmax(190px,72vw); }
  .discover-search-hero { padding:64px 14px 44px; }
  .discover-search-hero h2 { font-size:clamp(3rem,18vw,4.8rem); }
  .discover-reference-search { grid-template-columns:22px minmax(0,1fr); min-height:58px; padding:7px 18px; }
  .discover-reference-search kbd { display:none; }
  .discover-search-hero .discover-hero-panel { gap:0; }
  .discover-search-hero .discover-hero-panel span { font-size:.58rem; letter-spacing:.04em; }
  .discover-toolbar { padding-inline:12px !important; }
  .discover-status { width:calc(100% - 24px); }
  .discover-feed { padding-inline:12px; }
  .discover-feed :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card) { min-width:0; max-width:100%; }
  .public-policy-bundle > summary { align-items:flex-start; flex-direction:column; gap:5px; }
}

/* v358 final scroll and universal-profile authority. Keep this block last. */
html { min-height:100%; overflow-x:hidden !important; overflow-y:auto !important; }
html body:not(.page-home):not(.page-tali):not(.page-admin):not(.public-auth-modal-open) {
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  touch-action:pan-x pan-y !important;
}
html body.page-brands:not(.public-auth-modal-open),
html body.page-brands:not(.public-auth-modal-open) main,
html body.page-brands:not(.public-auth-modal-open) #brands,
html body.page-creators:not(.public-auth-modal-open),
html body.page-creators:not(.public-auth-modal-open) main,
html body.page-creators:not(.public-auth-modal-open) #creators {
  height:auto !important;
  min-height:100dvh !important;
  max-height:none !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
  overscroll-behavior-y:auto !important;
}
html body.page-brands .site-footer,
html body.page-creators .site-footer { display:flex !important; }
.orchid-chat-button [data-tali-global-avatar].has-image,
html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar].has-image {
  display:block !important;
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  overflow:hidden !important;
  color:transparent !important;
  border:1px solid #006b4f !important;
  border-radius:50% !important;
  background-color:#000 !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  box-shadow:none !important;
}

/* v358 compact phone navigation: all primary routes remain visible without page overflow. */
@media (max-width:460px) {
  .announcement-bar { padding-inline:8px !important; font-size:.52rem !important; letter-spacing:.08em !important; text-align:center; }
  .site-header .nav-links { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:4px !important; overflow:visible !important; }
  .site-header .nav-links a { min-width:0 !important; width:100% !important; padding-inline:3px !important; font-size:clamp(.48rem,2.18vw,.56rem) !important; letter-spacing:.01em !important; }
}

/* v358-r21: Journal archives, faithful creator talent card, live storefront carousels and strict shopper themes */
html { overflow-x:hidden; overflow-y:auto; }
body { overflow-x:hidden; min-height:100%; }
.page-blog .journal-intelligence-shell,
.page-journal .journal-intelligence-shell { width:min(100% - 32px,1640px); margin-inline:auto; overflow:hidden; }
.journal-hero { grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr); align-items:stretch; overflow:hidden; }
.journal-hero-copy,
.journal-feature-copy,
.journal-latest-row > div,
.journal-open-story,
.journal-open-story h3 { min-width:0; max-width:100%; }
.journal-hero-copy h1 { max-width:17ch; margin-inline:0; font-size:clamp(2.3rem,5vw,4.6rem); line-height:.94; overflow-wrap:break-word; word-break:normal; hyphens:auto; }
.journal-feature-copy h3 { font-size:clamp(1.45rem,2.25vw,2.45rem); line-height:1.02; overflow-wrap:break-word; word-break:normal; }
.journal-latest-row h3 { font-size:clamp(1.3rem,1.8vw,2rem); line-height:1.08; overflow-wrap:break-word; word-break:normal; }
.journal-feature-card,
.journal-latest-row,
.journal-trending-row { overflow:hidden; }
.journal-hero-media,
.journal-feature-image,
.journal-latest-image { min-width:0; overflow:hidden; }
.journal-hero-media img,
.journal-feature-image img,
.journal-latest-image img,
.blog-inline-image img { width:100%; height:100%; display:block; object-fit:cover; }
.journal-archive { margin-top:clamp(54px,7vw,100px); padding-top:clamp(28px,4vw,58px); border-top:1px solid color-mix(in srgb,#006b4f 45%,transparent); }
.journal-archive-groups { display:grid; gap:12px; }
.journal-archive-group { border:1px solid color-mix(in srgb,currentColor 18%,transparent); border-radius:18px; background:color-mix(in srgb,#006b4f 7%,transparent); overflow:hidden; }
.journal-archive-group > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:68px; padding:16px 22px; cursor:pointer; list-style:none; font-weight:800; }
.journal-archive-group > summary::-webkit-details-marker { display:none; }
.journal-archive-group > summary small { color:#6d8179; }
.journal-archive-list { display:grid; border-top:1px solid color-mix(in srgb,currentColor 14%,transparent); }
.journal-archive-list button { display:grid; grid-template-columns:130px 150px minmax(0,1fr) 90px; align-items:center; gap:16px; width:100%; min-width:0; padding:16px 22px; border:0; border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.journal-archive-list button:last-child { border-bottom:0; }
.journal-archive-list button strong { min-width:0; overflow-wrap:break-word; }
.journal-archive-list button span,
.journal-archive-list button time,
.journal-archive-list button small { color:#6d8179; font-size:.78rem; }

/* Supplied creator-card architecture: one silhouette; tier only changes the light color. */
.public-talent-card { width:min(100%,660px); margin:26px auto 0; }
.public-talent-card > summary { position:relative; z-index:8; }
.public-talent-card > article.orchid-talent-card {
  --tier:#dbe5ee;
  position:relative;
  width:min(100%,640px);
  min-height:960px;
  margin:22px auto 50px;
  padding:154px 46px 110px;
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--tier) 82%,transparent);
  border-radius:94px 94px 80px 80px;
  background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--tier) 18%,transparent),transparent 34%),linear-gradient(165deg,#121b24,#020405 72%);
  color:#f7faf9;
  box-shadow:0 0 36px color-mix(in srgb,var(--tier) 25%,transparent),inset 0 0 34px rgba(255,255,255,.035);
  text-align:center;
}
.public-talent-card > article.orchid-talent-card::before { content:""; position:absolute; inset:15px; border:1px solid color-mix(in srgb,var(--tier) 62%,transparent); border-radius:80px 80px 67px 67px; pointer-events:none; }
.public-talent-card article[data-tier="Ambassador"] { --tier:#00d5a0; }
.public-talent-card article[data-tier="Trendsetter"] { --tier:#b26cff; }
.public-talent-card article[data-tier="Icon"] { --tier:#9fc9ee; }
.orchid-talent-content { position:relative; z-index:3; }
.orchid-talent-ornament { position:absolute; z-index:4; left:-5%; width:110%; color:var(--tier); filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tier) 70%,transparent)); pointer-events:none; }
.orchid-talent-ornament-top { top:-40px; }
.orchid-talent-ornament-bottom { bottom:-36px; }
.orchid-talent-brand { display:block; color:#fff; font:500 1.1rem/1 Georgia,serif; letter-spacing:.16em; }
.public-talent-card .orchid-talent-tier { display:block; margin:13px 0 8px; color:var(--tier); font:700 .84rem/1.2 Georgia,serif; letter-spacing:.18em; text-transform:uppercase; }
.public-talent-card h3 { margin:16px 0 7px; color:#fff; font:400 clamp(2rem,5vw,3.25rem)/1 Georgia,serif; letter-spacing:.08em; text-transform:uppercase; overflow-wrap:break-word; }
.orchid-talent-niche-line { margin:0 0 16px; color:#cfdae3; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; }
.public-talent-card .public-talent-scores { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; margin:0; padding:12px 0 18px; border-bottom:1px solid color-mix(in srgb,var(--tier) 45%,transparent); }
.public-talent-card .public-talent-scores p { display:grid; gap:4px; margin:0; }
.public-talent-card .public-talent-scores b { color:#fff; font:400 2.6rem/1 Georgia,serif; }
.public-talent-card .public-talent-scores span { color:#fff; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.public-talent-card .public-talent-scores small { color:var(--tier); font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; }
.orchid-talent-glyph { color:var(--tier); font-style:normal; font-size:1.65rem; }
.public-talent-identity { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; margin:16px 0 12px; color:#fff; font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; }
.public-talent-identity i { color:var(--tier); font-style:normal; }
.public-talent-card .public-talent-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin:0 0 16px; }
.public-talent-card .public-talent-tags span { min-width:96px; padding:7px 14px; border:1px solid var(--tier); border-radius:999px; color:#fff; font-size:.72rem; }
.public-talent-photo-shell { position:relative; height:320px; overflow:hidden; border:1px solid color-mix(in srgb,var(--tier) 68%,transparent); border-radius:58px; background:#071018; }
.public-talent-photo { width:100%; height:100%; display:block; object-fit:cover; border:0; border-radius:0; }
.public-talent-photo.is-empty { background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tier) 18%,transparent),#071018 62%); }
.public-talent-socials { position:absolute; left:8%; right:8%; bottom:66px; display:flex; justify-content:center; gap:20px; padding:9px 15px; border:1px solid var(--tier); border-radius:999px; background:rgba(0,0,0,.76); color:#fff; font-size:.78rem; }
.public-talent-photo-shell > a { position:absolute; left:18%; right:18%; bottom:15px; padding:13px; border:1px solid var(--tier); border-radius:999px; background:rgba(0,0,0,.82); color:#fff; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.public-talent-card .public-talent-commercial { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:22px 0 12px; }
.public-talent-card .public-talent-commercial p { display:grid; gap:4px; margin:0; padding:0 10px; }
.public-talent-card .public-talent-commercial p+p { border-left:1px solid color-mix(in srgb,var(--tier) 45%,transparent); }
.public-talent-card .public-talent-commercial b { color:#fff; font:400 1.45rem/1 Georgia,serif; }
.public-talent-card .public-talent-commercial span { color:#c6d3dc; font-size:.61rem; letter-spacing:.06em; text-transform:uppercase; }
.public-talent-verification { display:block; color:#92a5ae; font-size:.62rem; }

/* Public creator storefront: centered identity, unsqueezed collection cards and true horizontal product rails. */
.public-creator-storefront { width:min(100% - 28px,1480px); margin-inline:auto; overflow:visible; }
.public-creator-hero { min-height:max(470px,var(--shop-hero-height)); display:grid; place-items:center; padding:clamp(38px,6vw,88px) clamp(20px,4vw,62px); text-align:center; overflow:hidden; }
.public-creator-identity { width:min(100%,840px); margin:auto; display:flex; flex-direction:column; align-items:center; text-align:center; }
.public-creator-profile-image { width:clamp(118px,12vw,168px); height:clamp(118px,12vw,168px); border-radius:50%; object-fit:cover; border:3px solid #006b4f; background:#07150f; box-shadow:0 14px 40px rgba(0,0,0,.24); }
.public-creator-profile-image.is-empty { display:block; }
.public-creator-identity h2 { max-width:15ch; margin:14px auto 10px; font-size:clamp(2.5rem,6vw,5.6rem); line-height:.94; overflow-wrap:break-word; }
.public-creator-identity > p { max-width:64ch; margin-inline:auto; }
.public-creator-collection-navigation { justify-content:center; overflow-x:auto; scrollbar-width:none; }
.public-creator-collections-carousel { width:100%; grid-template-columns:52px minmax(0,1fr) 52px; gap:14px; overflow:visible; }
.public-creator-collections-row { display:flex; align-items:flex-start; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; padding:12px 4px 26px; }
.public-creator-collections-row > .public-creator-collection-card { flex:0 0 clamp(340px,42vw,520px); width:auto; max-width:none; scroll-snap-align:start; overflow:hidden; border-radius:26px; }
.public-creator-collections-row .agent-my-shop-collection-summary { min-height:clamp(390px,46vw,560px); }
.public-creator-collections-row .agent-my-shop-collection-summary img { width:100%; height:100%; object-fit:cover; }
.public-creator-storefront.is-collection-open > :not(.public-creator-collections-carousel) { display:flex; }
.public-creator-storefront.is-collection-open > header { display:grid; }
.public-creator-storefront.is-collection-open > nav { display:flex; }
.public-creator-storefront.is-collection-open .public-creator-collections-carousel { display:grid; width:100%; }
.public-creator-storefront.is-collection-open .public-creator-collections-carousel > .product-scroll-arrow { display:none; }
.public-creator-storefront.is-collection-open .public-creator-collections-row { display:block; width:100%; overflow:visible; }
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card:not([open]) { display:none; }
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open] { display:block; width:100%; max-width:none; }
.public-creator-collection-card[open] > summary { min-height:240px; }
.public-creator-collection-products-shell { width:100%; padding:clamp(18px,3vw,34px); background:var(--shop-bg,#0b0b0b); }
.public-creator-collection-products-head { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.public-creator-collection-products-head strong { margin-left:auto; }
.public-creator-products-carousel { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; gap:12px; min-width:0; }
.public-creator-grid.public-creator-collection-products { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(245px,310px); grid-template-columns:none; gap:18px; width:100%; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; padding:4px 2px 18px; }
.public-creator-collection-products .public-creator-product { width:auto; min-width:0; scroll-snap-align:start; }
.public-creator-collection-products .public-creator-media { aspect-ratio:4/5; }
.public-creator-collection-products .public-creator-media img { width:100%; height:100%; object-fit:cover; }

/* For Shoppers: exact white/black light mode and dark green/black dark mode. */
body.page-discover:not(.dark-mode),
body.page-discover:not(.dark-mode) .discover-section,
body.page-discover:not(.dark-mode) .discover-shell,
body.page-discover:not(.dark-mode) .discover-circle-deck,
body.page-discover:not(.dark-mode) .discover-search-hero,
body.page-discover:not(.dark-mode) .discover-feed,
body.page-discover:not(.dark-mode) .discover-toolbar,
body.page-discover:not(.dark-mode) .discover-editorial-band { background:#fff!important; color:#101010!important; }
body.page-discover:not(.dark-mode) .discover-section :is(h1,h2,h3,h4,strong,p,span,label,button,input,select) { color:#101010; }
body.page-discover:not(.dark-mode) :is(.discover-product-card,.discover-collection-card,.discover-creator-card,.discover-brand-card,.discover-search-control,.discover-sort-control) { background:#fff!important; color:#101010!important; border-color:#d8d8d3!important; }
body.page-discover:not(.dark-mode) :is(.discover-filter.is-active,.discover-category-button.is-active,.button-primary) { background:#202020!important; color:#fff!important; }
body.page-discover.dark-mode,
body.page-discover.dark-mode .discover-section,
body.page-discover.dark-mode .discover-shell,
body.page-discover.dark-mode .discover-circle-deck,
body.page-discover.dark-mode .discover-search-hero,
body.page-discover.dark-mode .discover-feed,
body.page-discover.dark-mode .discover-toolbar,
body.page-discover.dark-mode .discover-editorial-band { background:#020706!important; color:#fff!important; }
body.page-discover.dark-mode :is(.discover-product-card,.discover-collection-card,.discover-creator-card,.discover-brand-card,.discover-search-control,.discover-sort-control) { background:#07150f!important; color:#fff!important; border-color:#183b2e!important; }
body.page-discover.dark-mode .discover-section :is(h1,h2,h3,h4,strong,p,span,label,button,input,select) { color:#fff; }
body.page-discover.dark-mode :is(input,select) { background:#020706!important; }

@media(max-width:780px){
  .journal-hero { grid-template-columns:1fr; }
  .journal-hero-copy h1 { max-width:100%; font-size:clamp(2rem,12vw,3.45rem); }
  .journal-archive-list button { grid-template-columns:1fr; gap:5px; }
  .journal-archive-group > summary { padding:14px 16px; }
  .public-talent-card > article.orchid-talent-card { min-height:0; padding:116px 16px 78px; border-radius:52px; }
  .orchid-talent-ornament-top { top:-25px; }
  .public-talent-photo-shell { height:310px; border-radius:36px; }
  .public-talent-socials { left:4%; right:4%; gap:10px; font-size:.66rem; }
  .public-talent-photo-shell > a { left:11%; right:11%; font-size:.66rem; }
  .public-talent-card .public-talent-commercial { grid-template-columns:1fr; gap:10px; }
  .public-talent-card .public-talent-commercial p+p { border-left:0; border-top:1px solid rgba(255,255,255,.14); padding-top:10px; }
  .public-creator-storefront { width:min(100% - 16px,1480px); }
  .public-creator-hero { min-height:420px; padding:34px 16px; }
  .public-creator-identity h2 { max-width:100%; font-size:clamp(2.25rem,14vw,4.2rem); }
  .public-creator-collections-carousel { display:block; }
  .public-creator-collections-carousel > .product-scroll-arrow { display:none; }
  .public-creator-collections-row > .public-creator-collection-card { flex-basis:min(86vw,390px); }
  .public-creator-collections-row .agent-my-shop-collection-summary { min-height:420px; }
  .public-creator-products-carousel { grid-template-columns:1fr; }
  .public-creator-products-carousel > .product-scroll-arrow { display:none; }
  .public-creator-grid.public-creator-collection-products { grid-auto-columns:minmax(78vw,82vw); }
  .public-creator-collection-products-head { align-items:flex-start; flex-wrap:wrap; }
  .public-creator-collection-products-head strong { margin-left:0; width:100%; }
}
/* Resolve older v358 storefront declarations that used !important. */
.public-creator-collections-row { display:flex!important; overflow-x:auto!important; }
.public-creator-collections-row > .public-creator-collection-card { flex:0 0 clamp(340px,42vw,520px)!important; width:auto!important; }
.public-creator-collections-row .agent-my-shop-collection-summary { min-height:clamp(390px,46vw,560px)!important; }
.public-creator-storefront.is-collection-open > header { display:grid!important; }
.public-creator-storefront.is-collection-open > nav { display:flex!important; }
.public-creator-storefront.is-collection-open > .public-creator-collections-carousel { display:grid!important; width:100%!important; overflow:visible!important; }
.public-creator-storefront.is-collection-open .public-creator-collections-row { display:block!important; width:100%!important; overflow:visible!important; }
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card:not([open]) { display:none!important; }
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open] { display:block!important; width:100%!important; max-width:none!important; flex-basis:100%!important; overflow:visible!important; }
.public-creator-storefront.is-collection-open > :not(.public-creator-collections-carousel):not(header):not(nav) { display:revert!important; }
.public-creator-grid.public-creator-collection-products { display:grid!important; grid-auto-flow:column!important; grid-auto-columns:minmax(245px,310px)!important; grid-template-columns:none!important; overflow-x:auto!important; }
@media(max-width:780px){
  .public-creator-collections-row > .public-creator-collection-card { flex-basis:min(86vw,390px)!important; }
  .public-creator-collections-row .agent-my-shop-collection-summary { min-height:420px!important; }
  .public-creator-grid.public-creator-collection-products { grid-auto-columns:minmax(78vw,82vw)!important; }
}
/* v358-r22: lightweight Journal reader and remote-image failure containment */
.journal-reader-loading { min-height:52vh; display:grid; place-items:center; align-content:center; gap:14px; color:inherit; text-align:center; }
.journal-reader-loading span { width:38px; height:38px; border:3px solid color-mix(in srgb,#006b4f 28%,transparent); border-top-color:#006b4f; border-radius:50%; animation:orchid-journal-spin .75s linear infinite; }
.journal-reader-loading strong { font-size:.86rem; letter-spacing:.08em; text-transform:uppercase; }
@keyframes orchid-journal-spin { to { transform:rotate(360deg); } }
.journal-hero-media.is-image-missing img,
.journal-feature-image.is-image-missing img,
.journal-latest-image.is-image-missing img,
.blog-inline-image.is-image-missing img { display:none!important; }

/* v358-r23: phone Journal copy must wrap inside its card. */
@media (max-width:620px) {
  .journal-topline,
  .journal-topline > span,
  .journal-empty-state h2,
  .journal-empty-state p {
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .journal-topline {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }

  .journal-empty-state {
    min-height:430px !important;
    align-content:center !important;
  }

  .journal-empty-state p {
    line-height:1.55 !important;
  }
}

/* v358-r24: the opened collection owns the full storefront width. */
.public-creator-storefront.is-collection-open > .public-creator-collections-carousel {
  display:block !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  min-width:0 !important;
}

.public-creator-storefront.is-collection-open .public-creator-collections-row,
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open],
.public-creator-storefront.is-collection-open .public-creator-collection-products-shell,
.public-creator-storefront.is-collection-open .public-creator-grid.public-creator-collection-products {
  grid-column:1 / -1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open] {
  flex:0 0 100% !important;
}

@media (max-width:780px) {
  .public-creator-storefront.is-collection-open {
    width:calc(100% - 16px) !important;
    margin-inline:auto !important;
  }

  .public-creator-storefront.is-collection-open .public-creator-collection-products-shell {
    padding:16px 12px !important;
  }
}

/* v367: final rendered contrast guard for dark filled Shopper actions. */
html body.page-discover .discover-circle-intro .button-outline,
html body.page-discover .discover-circle-intro .button-outline *,
html body.page-discover .checkout-button,
html body.page-discover .checkout-button * {
  color:#fff!important;
  background-color:#111!important;
  border-color:#555!important;
  -webkit-text-fill-color:#fff!important;
}

/* v366: deterministic monochrome contrast on Shopper controls. */
html body.page-discover:not(.dark-mode) :is(.discover-filter-row button.is-active,.discover-save-button.is-saved,.button-dark,.button-primary,.ai-search-toggle),
html body.page-creator-link:not(.dark-mode) :is(.segmented-control button.is-active,.shop-filter-toggle.is-active,.ai-search-toggle,.button-dark,.button-primary) {
  color:#fff!important; background:#111!important; border-color:#111!important; -webkit-text-fill-color:#fff!important;
}
html body.page-discover:not(.dark-mode) :is(.discover-filter-row button.is-active,.discover-save-button.is-saved,.button-dark,.button-primary,.ai-search-toggle) *,
html body.page-creator-link:not(.dark-mode) :is(.segmented-control button.is-active,.shop-filter-toggle.is-active,.ai-search-toggle,.button-dark,.button-primary) * {
  color:#fff!important; fill:#fff!important; -webkit-text-fill-color:#fff!important;
}
html body.page-discover:not(.dark-mode) :is(.button-light,.discover-filter-row button:not(.is-active),.discover-save-button:not(.is-saved)),
html body.page-creator-link:not(.dark-mode) :is(.segmented-control button:not(.is-active),.shop-filter-menu button,.button-light,.button-outline) {
  color:#111!important; background:#fff!important; border-color:#bdbdb8!important; -webkit-text-fill-color:#111!important;
}
html body.page-discover:not(.dark-mode) :is(.button-light,.discover-filter-row button:not(.is-active),.discover-save-button:not(.is-saved)) *,
html body.page-creator-link:not(.dark-mode) :is(.segmented-control button:not(.is-active),.shop-filter-menu button,.button-light,.button-outline) * {
  color:#111!important; fill:#111!important; -webkit-text-fill-color:#111!important;
}
html body.page-discover.dark-mode :is(.discover-filter-row button.is-active,.discover-save-button.is-saved,.button-light,.button-primary),
html body.page-creator-link.dark-mode :is(.segmented-control button.is-active,.shop-filter-toggle.is-active,.button-light,.button-primary) {
  color:#111!important; background:#f5f5f2!important; border-color:#f5f5f2!important; -webkit-text-fill-color:#111!important;
}
html body.page-discover.dark-mode :is(.discover-filter-row button.is-active,.discover-save-button.is-saved,.button-light,.button-primary) *,
html body.page-creator-link.dark-mode :is(.segmented-control button.is-active,.shop-filter-toggle.is-active,.button-light,.button-primary) * {
  color:#111!important; fill:#111!important; -webkit-text-fill-color:#111!important;
}
html body.page-discover.dark-mode :is(.discover-filter-row button:not(.is-active),.discover-save-button:not(.is-saved),.button-dark,.button-outline,.ai-search-toggle),
html body.page-creator-link.dark-mode :is(.segmented-control button:not(.is-active),.shop-filter-menu button,.button-dark,.button-outline,.ai-search-toggle) {
  color:#fff!important; background:#202020!important; border-color:#4a4a4a!important; -webkit-text-fill-color:#fff!important;
}
html body.page-discover.dark-mode :is(.discover-filter-row button:not(.is-active),.discover-save-button:not(.is-saved),.button-dark,.button-outline,.ai-search-toggle) *,
html body.page-creator-link.dark-mode :is(.segmented-control button:not(.is-active),.shop-filter-menu button,.button-dark,.button-outline,.ai-search-toggle) * {
  color:#fff!important; fill:#fff!important; -webkit-text-fill-color:#fff!important;
}

/* v358-r30: platform announcement and compact public talent card.
   Journal selectors are deliberately excluded. */
.announcement-bar {
  background:#006b4f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body:not(.dark-mode):not(.page-journal):not(.page-blog) :is(.nav-links a.is-active,.nav-links a[aria-current="page"],.agent-workspace-tab.is-active,.brand-dashboard-tab.is-active) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.dark-mode:not(.page-journal):not(.page-blog) :is(.nav-links a.is-active,.nav-links a[aria-current="page"],.agent-workspace-tab.is-active,.brand-dashboard-tab.is-active) {
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}
.public-talent-card { width:min(100%,520px); }
.public-talent-card > article.orchid-talent-card {
  min-height:0;
  padding:112px 28px 76px;
  border-radius:62px 62px 52px 52px;
}
.public-talent-card > article.orchid-talent-card::before { inset:12px; border-radius:52px 52px 44px 44px; }
.public-talent-card .orchid-talent-ornament-top { top:-28px; }
.public-talent-card .orchid-talent-ornament-bottom { bottom:-24px; }
.public-talent-card .public-talent-photo { min-height:300px; max-height:360px; border-radius:42px; }
.public-talent-card .public-talent-scores b { font-size:2rem; }
.public-talent-card .public-talent-commercial { margin-top:18px; }
@media(max-width:620px) {
  .public-talent-card { width:min(92vw,410px); }
  .public-talent-card > article.orchid-talent-card { padding:92px 14px 64px; border-radius:46px; }
  .public-talent-card > article.orchid-talent-card::before { border-radius:38px; }
  .public-talent-card .public-talent-photo { min-height:250px; max-height:290px; border-radius:28px; }
}

/* v358-r29: neutral application theme boundary. Home and Journal retain their
   established palettes; creator-authored storefront canvas colors stay intact. */
body:not(.page-home):not(.page-journal):not(.page-blog) {
  --bg:#ffffff; --ink:#111111; --muted:#5f5f5a; --line:rgba(0,0,0,.16);
  --panel:#ffffff; --panel-strong:#111111; --panel-soft:#f4f4f1;
  --brand:#111111; --brand-deep:#000000; --brand-contrast:#ffffff;
  --shadow:0 18px 52px rgba(0,0,0,.09);
}
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) {
  --bg:#000000; --ink:#f7f7f5; --muted:#b7b7b2; --line:rgba(255,255,255,.20);
  --panel:#000000; --panel-strong:#ffffff; --panel-soft:#0c0c0c;
  --brand:#ffffff; --brand-deep:#ffffff; --brand-contrast:#000000; --shadow:none;
}
body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(.button-primary,.btn-primary,.copy-code-button.is-active,.shop-filter-toggle.is-active,.discover-filter-row button.is-active) {
  background:#111111 !important; border-color:#111111 !important; color:#ffffff !important;
}
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-primary,.btn-primary,.copy-code-button.is-active,.shop-filter-toggle.is-active,.discover-filter-row button.is-active) {
  background:#ffffff !important; border-color:#ffffff !important; color:#000000 !important;
}
body:not(.page-home):not(.page-journal):not(.page-blog) :is(.orchid-chat-button,.public-auth-continue,.public-auth-submit,.agent-workspace-tab.is-active,.brand-dashboard-tab.is-active) {
  border-color:currentColor !important; box-shadow:none !important;
}

/* v358-r25: active Journal controls, visible OTP and true black outlined dark surfaces. */
.journal-cat-pill {
  appearance:none;
  background:transparent;
  cursor:pointer;
}
.journal-cat-pill:hover,
.journal-cat-pill:focus-visible {
  border-color:#006b4f;
  color:var(--ink);
  outline:none;
}
.journal-cat-pill:focus-visible { box-shadow:0 0 0 3px rgba(0,107,79,.2); }

body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog),
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(main,.page,.page-shell,.page-section,.section-card,.surface,.panel,.auth-card,.brand-auth-card,.public-auth-card,.public-auth-type-card,.public-auth-otp-card,.discover-section,.discover-shell,.discover-circle-deck,.discover-search-hero,.discover-feed,.discover-toolbar,.discover-editorial-band,.discover-product-card,.discover-collection-card,.discover-creator-card,.discover-brand-card,.discover-search-control,.discover-sort-control,.agent-my-shop-collection,.public-creator-collection-products-shell) {
  background-color:#000000 !important;
}
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.section-card,.surface,.panel,.auth-card,.brand-auth-card,.public-auth-card,.public-auth-type-card,.public-auth-otp-card,.discover-product-card,.discover-collection-card,.discover-creator-card,.discover-brand-card,.discover-search-control,.discover-sort-control,.agent-my-shop-collection) {
  border-color:rgba(255,255,255,.2) !important;
  box-shadow:none !important;
}
body.page-discover.dark-mode,
body.page-discover.dark-mode .discover-section,
body.page-discover.dark-mode .discover-shell,
body.page-discover.dark-mode .discover-circle-deck,
body.page-discover.dark-mode .discover-search-hero,
body.page-discover.dark-mode .discover-feed,
body.page-discover.dark-mode .discover-toolbar,
body.page-discover.dark-mode .discover-editorial-band,
body.page-discover.dark-mode :is(.discover-product-card,.discover-collection-card,.discover-creator-card,.discover-brand-card,.discover-search-control,.discover-sort-control) {
  background:#000000 !important;
  border-color:rgba(255,255,255,.2) !important;
}

/* v361: monochrome platform contrast. Home and Journal remain excluded. */
.announcement-bar { display:block; min-height:34px; padding:0; overflow:hidden; color:#fff!important; background:#090909!important; -webkit-text-fill-color:#fff!important; }
.announcement-track { display:flex; width:max-content; min-width:200%; will-change:transform; animation:orchid-announcement-loop 34s linear infinite; }
.announcement-group { display:flex; flex:0 0 auto; align-items:center; justify-content:space-around; min-width:100vw; }
.announcement-group span { flex:0 0 auto; padding:9px clamp(24px,4vw,68px); color:#fff!important; font-size:.72rem; font-weight:900; letter-spacing:.16em; line-height:1.4; text-transform:uppercase; white-space:nowrap; -webkit-text-fill-color:#fff!important; }
.announcement-group span::after { content:"·"; margin-left:clamp(48px,7vw,110px); color:#aaa; }
@keyframes orchid-announcement-loop { from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
@media (prefers-reduced-motion:reduce) { .announcement-track{animation-duration:70s} }

body:not(.page-home):not(.page-journal):not(.page-blog) { color:var(--ink); }
body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,small,strong,em,span,a,nav) { color:#111; -webkit-text-fill-color:currentColor; }
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,small,strong,em,span,a,nav) { color:#f5f5f3; -webkit-text-fill-color:currentColor; }
body:not(.page-home):not(.page-journal):not(.page-blog) :is(input,textarea,select) { color:var(--ink)!important; background:var(--panel)!important; border-color:var(--line)!important; -webkit-text-fill-color:var(--ink)!important; }
body:not(.page-home):not(.page-journal):not(.page-blog) :is(input,textarea)::placeholder { color:var(--muted)!important; opacity:1; -webkit-text-fill-color:var(--muted)!important; }
body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(button,.button,.btn,[role="button"]):not(.button-primary):not(.btn-primary):not(.is-active) { color:#161616!important; background-color:#eeeeec; border-color:#c8c8c4; -webkit-text-fill-color:#161616!important; }
body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(button,.button,.btn,[role="button"]):not(.button-primary):not(.btn-primary):not(.is-active) { color:#f7f7f5!important; background-color:#191919; border-color:#474747; -webkit-text-fill-color:#f7f7f5!important; }
body:not(.page-home):not(.page-journal):not(.page-blog) :is(button,.button,.btn,[role="button"]):disabled { opacity:.58; }
body:not(.page-home):not(.page-journal):not(.page-blog) :focus-visible { outline:3px solid currentColor; outline-offset:3px; }

body.page-discover { --discover-bg:#f2f2f0; --discover-surface:#fff; --discover-sunken:#e5e5e2; --discover-ink:#111; --discover-muted:#5b5b57; --discover-line:#c9c9c5; }
body.page-discover.dark-mode { --discover-bg:#050505; --discover-surface:#111; --discover-sunken:#1c1c1c; --discover-ink:#f7f7f5; --discover-muted:#bdbdb8; --discover-line:#3b3b3b; }
body.page-discover :is(.discover-section,.discover-shell,.discover-feed) { color:var(--discover-ink)!important; background:var(--discover-bg)!important; }
body.page-discover .discover-shop-nav { border-color:var(--discover-line)!important; background:color-mix(in srgb,var(--discover-bg) 94%,transparent)!important; }
body.page-discover .discover-shop-nav :is(a,button) { color:var(--discover-ink)!important; background:transparent!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover .discover-circle-deck { color:#fff!important; background:linear-gradient(135deg,#050505,#171717)!important; }
body.page-discover .discover-circle-deck :is(h1,h2,h3,p,span,strong,em,a,.eyebrow) { color:#fff!important; -webkit-text-fill-color:#fff!important; }
body.page-discover .discover-circle-intro>p:not(.eyebrow), body.page-discover .discover-circle-card-copy :is(small,em), body.page-discover .discover-circle-empty { color:#c6c6c2!important; -webkit-text-fill-color:#c6c6c2!important; }
body.page-discover .discover-circle-intro .button-light { color:#111!important; border-color:#fff!important; background:#fff!important; -webkit-text-fill-color:#111!important; }
body.page-discover .discover-circle-intro .button-outline { color:#fff!important; border-color:#777!important; background:#202020!important; -webkit-text-fill-color:#fff!important; }
body.page-discover .discover-search-hero { color:var(--discover-ink)!important; background:var(--discover-sunken)!important; }
body.page-discover .discover-search-hero :is(.eyebrow,h2,h2 em) { color:var(--discover-ink)!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover .discover-search-hero>p:not(.eyebrow), body.page-discover .discover-search-hero .discover-hero-panel span { color:var(--discover-muted)!important; -webkit-text-fill-color:var(--discover-muted)!important; }
body.page-discover .discover-reference-search { color:var(--discover-ink)!important; border-color:var(--discover-line)!important; background:var(--discover-surface)!important; }
body.page-discover .discover-reference-search :is(input,svg) { color:var(--discover-ink)!important; fill:var(--discover-ink)!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover .discover-reference-search kbd { color:#fff!important; background:#222!important; -webkit-text-fill-color:#fff!important; }
body.page-discover.dark-mode .discover-reference-search kbd { color:#111!important; background:#e7e7e4!important; -webkit-text-fill-color:#111!important; }
body.page-discover .discover-toolbar { border-color:var(--discover-line)!important; background:var(--discover-bg)!important; }
body.page-discover .discover-filter-row button { color:var(--discover-ink)!important; border-color:var(--discover-line)!important; background:var(--discover-surface)!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover .discover-filter-row button.is-active { color:#fff!important; border-color:#202020!important; background:#202020!important; -webkit-text-fill-color:#fff!important; }
body.page-discover.dark-mode .discover-filter-row button.is-active { color:#111!important; border-color:#eeeeeb!important; background:#eeeeeb!important; -webkit-text-fill-color:#111!important; }
body.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) { color:var(--discover-ink)!important; border-color:var(--discover-line)!important; background:var(--discover-surface)!important; box-shadow:0 14px 36px rgba(0,0,0,.10)!important; }
body.page-discover.dark-mode :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) { box-shadow:0 16px 42px rgba(0,0,0,.48)!important; }
body.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) :is(h3,h4,strong,a,button) { color:var(--discover-ink)!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) :is(p,small,span,em) { color:var(--discover-muted)!important; -webkit-text-fill-color:var(--discover-muted)!important; }
body.page-discover .discover-save-button { color:var(--discover-ink)!important; border-color:var(--discover-line)!important; background:var(--discover-surface)!important; -webkit-text-fill-color:var(--discover-ink)!important; }
body.page-discover .discover-save-button.is-saved { color:#fff!important; border-color:#242424!important; background:#242424!important; -webkit-text-fill-color:#fff!important; }
body.page-discover.dark-mode .discover-save-button.is-saved { color:#111!important; border-color:#eeeeeb!important; background:#eeeeeb!important; -webkit-text-fill-color:#111!important; }
body.page-discover .discover-media-empty { background:linear-gradient(135deg,var(--discover-sunken),#9a9a96)!important; }
body.page-discover .discover-product-creator>span { background:#777!important; }
body.page-discover .discover-creator-placeholder { background:radial-gradient(circle at 50% 35%,#777 0 9%,var(--discover-sunken) 10% 100%)!important; }

/* v362: explicit foreground/background pairs for controls shown in the live screenshots. */
html body:not(.dark-mode):not(.page-journal):not(.page-blog) .nav-links a.is-active,
html body:not(.dark-mode):not(.page-journal):not(.page-blog) .nav-links a[aria-current="page"] { color:#111!important; border-color:#111!important; -webkit-text-fill-color:#111!important; }
html body.dark-mode:not(.page-journal):not(.page-blog) .nav-links a.is-active,
html body.dark-mode:not(.page-journal):not(.page-blog) .nav-links a[aria-current="page"] { color:#fff!important; border-color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .orchid-chat-button { color:#fff!important; border-color:#555!important; background:#050505!important; -webkit-text-fill-color:#fff!important; }
html body .orchid-chat-button strong { color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .orchid-chat-button [data-tali-global-avatar] { color:#fff!important; background:#555!important; -webkit-text-fill-color:#fff!important; }
html body.page-discover .discover-circle-deck { color:#fff!important; background:linear-gradient(135deg,#050505,#171717)!important; }
html body.page-discover .discover-circle-deck :is(.discover-circle-intro,.discover-circle-browser,.discover-circle-heading,.discover-circle-track) { color:#fff!important; background-color:transparent!important; }
html body.page-discover .discover-circle-deck :is(h1,h2,h3,p,a,span,strong,em,.eyebrow) { color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body.page-discover .discover-circle-deck :is(.discover-circle-intro>p:not(.eyebrow),.discover-circle-card-copy small,.discover-circle-card-copy em) { color:#c6c6c2!important; -webkit-text-fill-color:#c6c6c2!important; }
html body.page-discover .discover-circle-intro .button-light { color:#111!important; background:#fff!important; border-color:#fff!important; -webkit-text-fill-color:#111!important; }
html body.page-discover .discover-circle-intro .button-outline { color:#fff!important; background:#202020!important; border-color:#777!important; -webkit-text-fill-color:#fff!important; }
html body.page-discover .discover-search-hero { color:var(--discover-ink)!important; background:var(--discover-sunken)!important; }
html body.page-discover .discover-search-hero :is(h2,h2 em,.eyebrow) { color:var(--discover-ink)!important; -webkit-text-fill-color:var(--discover-ink)!important; }

/* v364: preserve the approved dark TALI control; light mode is its exact inverse. */
html body:not(.dark-mode) .orchid-chat-button { color:#111!important; border:1px solid #111!important; background:#fff!important; -webkit-text-fill-color:#111!important; box-shadow:0 16px 38px rgba(17,17,17,.14)!important; }
html body:not(.dark-mode) .orchid-chat-button strong { color:#111!important; -webkit-text-fill-color:#111!important; }
html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar] { color:#fff!important; background:#111!important; -webkit-text-fill-color:#fff!important; }
html body.dark-mode .orchid-chat-button { color:#fff!important; border:1px solid #fff!important; background:#050505!important; -webkit-text-fill-color:#fff!important; box-shadow:0 18px 45px rgba(0,0,0,.45)!important; }
html body.dark-mode .orchid-chat-button strong { color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body.dark-mode .orchid-chat-button [data-tali-global-avatar] { color:#fff!important; background:#006b4f!important; -webkit-text-fill-color:#fff!important; }
.global-logout-button { min-height:40px; padding:8px 14px; border:1px solid currentColor; border-radius:999px; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
html body:not(.dark-mode) .global-logout-button { color:#111!important; border-color:#111!important; background:#fff!important; -webkit-text-fill-color:#111!important; }
html body.dark-mode .global-logout-button { color:#fff!important; border-color:#fff!important; background:#111!important; -webkit-text-fill-color:#fff!important; }
@media(max-width:760px) { .global-logout-button { min-height:36px; padding-inline:10px; font-size:.64rem; } }

/* v358-r26: public creator identity and collection geometry must never collapse. */
.public-creator-storefront:not(.is-product-only) {
  width:min(calc(100% - 32px),1600px) !important;
  max-width:1600px !important;
  margin-inline:auto !important;
  min-width:0 !important;
}
.public-creator-hero,
.public-creator-hero .public-creator-identity {
  width:100% !important;
  margin-inline:auto !important;
  justify-items:center !important;
  align-items:center !important;
  text-align:center !important;
}
.public-creator-hero .public-creator-identity > * { margin-inline:auto !important; text-align:center !important; }
.public-creator-collections-carousel,
.public-creator-collections-row { width:100% !important; min-width:0 !important; }
.public-creator-collections-row > .public-creator-collection-card {
  flex:0 0 clamp(420px,44vw,620px) !important;
  width:clamp(420px,44vw,620px) !important;
  min-width:420px !important;
  max-width:620px !important;
}
.public-creator-collections-row .agent-my-shop-collection-summary {
  width:100% !important;
  min-width:0 !important;
  min-height:clamp(400px,46vw,600px) !important;
  aspect-ratio:4 / 3 !important;
}
.public-creator-storefront.is-collection-open .public-creator-collections-row > .public-creator-collection-card[open] {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
@media (max-width:780px) {
  .public-creator-storefront:not(.is-product-only) { width:calc(100% - 12px) !important; }
  .public-creator-collections-row { padding-inline:2px !important; }
  .public-creator-collections-row > .public-creator-collection-card {
    flex-basis:min(90vw,440px) !important;
    width:min(90vw,440px) !important;
    min-width:min(90vw,440px) !important;
  }
  .public-creator-collections-row .agent-my-shop-collection-summary {
    min-height:360px !important;
    aspect-ratio:4 / 3 !important;
  }
}

/* v367: final rendered contrast guard for dark filled Shopper actions. */
html body.page-discover .discover-circle-intro a.button-outline,
html body.page-discover .discover-circle-intro a.button-outline *,
html body.page-discover button.checkout-button,
html body.page-discover button.checkout-button * {
  color:#fff!important;
  background-color:#111!important;
  border-color:#555!important;
  -webkit-text-fill-color:#fff!important;
}

html body.page-discover:not(.dark-mode) a.button.button-outline.is-visible,
html body.page-discover:not(.dark-mode) a.button.button-outline.is-visible *,
html body.page-discover:not(.dark-mode) button.button.button-dark.checkout-button:not(.button-primary):not(.btn-primary):not(.is-active),
html body.page-discover:not(.dark-mode) button.button.button-dark.checkout-button:not(.button-primary):not(.btn-primary):not(.is-active) * {
  color:#fff!important;
  background:#111!important;
  border-color:#555!important;
  -webkit-text-fill-color:#fff!important;
}

html body.page-discover.dark-mode a.button.button-light.is-visible,
html body.page-discover.dark-mode a.button.button-light.is-visible * {
  color:#111!important;
  background:#f5f5f2!important;
  border-color:#f5f5f2!important;
  -webkit-text-fill-color:#111!important;
}

html body.page-discover.page-discover.page-discover.page-discover:not(.dark-mode) a.button.button-outline.is-visible,
html body.page-discover.page-discover.page-discover.page-discover:not(.dark-mode) button.button.button-dark.checkout-button,
html body.page-discover.page-discover.page-discover.page-discover:not(.dark-mode) :is(a.button.button-outline.is-visible,button.button.button-dark.checkout-button) * {
  color:#fff!important; background:#111!important; border-color:#555!important; -webkit-text-fill-color:#fff!important;
}
html body.page-discover.page-discover.page-discover.page-discover.dark-mode :is(a,button).button.button-light.is-visible,
html body.page-discover.page-discover.page-discover.page-discover.dark-mode :is(a,button).button.button-light.is-visible * {
  color:#111!important; background:#f5f5f2!important; border-color:#f5f5f2!important; -webkit-text-fill-color:#111!important;
}

/* v373: Creator-interface language for Shoppers and Brands only.
   Home and Journal are intentionally outside every selector in this block. */
body.page-discover,
body.page-brands {
  --platform-bg:#f1f1ef;
  --platform-surface:#ffffff;
  --platform-raised:#e3e3e0;
  --platform-strong:#111111;
  --platform-ink:#0b0b0b;
  --platform-muted:#555552;
  --platform-line:rgba(11,11,11,.13);
}

body.page-discover.dark-mode,
body.page-brands.dark-mode {
  --platform-bg:#070707;
  --platform-surface:#121212;
  --platform-raised:#202020;
  --platform-strong:#f4f4f1;
  --platform-ink:#f7f7f5;
  --platform-muted:#bdbdb8;
  --platform-line:rgba(255,255,255,.14);
}

body.page-discover :is(.discover-section,.discover-shell,.discover-feed),
body.page-brands #brands {
  color:var(--platform-ink)!important;
  background:var(--platform-bg)!important;
}

body.page-discover :is(.discover-search-hero,.discover-toolbar,.discover-section-block),
body.page-brands :is(.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel) {
  color:var(--platform-ink)!important;
  background:var(--platform-raised)!important;
  border-color:transparent!important;
  border-radius:12px!important;
  box-shadow:0 18px 54px rgba(0,0,0,.08)!important;
}

body.page-discover.dark-mode :is(.discover-search-hero,.discover-toolbar,.discover-section-block),
body.page-brands.dark-mode :is(.creator-landing-hero,.creator-landing-band,.registered-brand-showcase,.brand-dashboard-hero,.brand-dashboard-panel) {
  box-shadow:0 22px 64px rgba(0,0,0,.42)!important;
}

body.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card),
body.page-brands :is(.creator-step-grid article,.brand-dashboard-card,.brand-metric-grid article,.brand-list article,.brand-preview-board,.brand-preview-metrics article,.registered-brand-card,.brand-auth-card) {
  color:var(--platform-ink)!important;
  background:var(--platform-surface)!important;
  border-color:transparent!important;
  border-radius:12px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.10)!important;
}

body.page-discover.dark-mode :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card),
body.page-brands.dark-mode :is(.creator-step-grid article,.brand-dashboard-card,.brand-metric-grid article,.brand-list article,.brand-preview-board,.brand-preview-metrics article,.registered-brand-card,.brand-auth-card) {
  box-shadow:0 16px 42px rgba(0,0,0,.46)!important;
}

body.page-discover :is(.discover-section,.discover-feed,.discover-toolbar,.discover-section-block,.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) :is(h1,h2,h3,h4,h5,h6,strong,label,summary),
body.page-brands #brands :is(h1,h2,h3,h4,h5,h6,strong,label,summary) {
  color:var(--platform-ink)!important;
  -webkit-text-fill-color:var(--platform-ink)!important;
}

body.page-discover :is(.discover-section,.discover-feed,.discover-toolbar,.discover-section-block,.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) :is(p,small,span,em),
body.page-brands #brands :is(p,small,span,em) {
  color:var(--platform-muted)!important;
  -webkit-text-fill-color:var(--platform-muted)!important;
}

/* Preserve intentional white copy over photographic and black card surfaces. */
body.page-discover .discover-circle-deck :is(h1,h2,h3,h4,p,small,span,strong,em,a),
body.page-discover .discover-collection-curator :is(small,span),
body.page-brands .registered-brand-card:not(.is-empty):not(.is-loading) :is(span,strong,small),
body.page-brands .brand-preview-board :is(span,strong,small) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Product and brand photography must retain its real colours in both themes. */
body.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-circle-card) img,
body.page-brands #brands img {
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* Explicit foreground/background pairs prevent inherited theme text from vanishing. */
body.page-discover :is(button,.button,a.button,.copy-code-button,[role="button"]),
body.page-brands #brands :is(button,.button,a.button,.copy-code-button,[role="button"]) {
  color:var(--platform-ink)!important;
  background:var(--platform-raised)!important;
  border-color:transparent!important;
  -webkit-text-fill-color:var(--platform-ink)!important;
}

body.page-discover :is(.button-dark,.button-primary,.btn-primary,.is-active),
body.page-brands #brands :is(.button-dark,.button-primary,.btn-primary,.is-active) {
  color:#ffffff!important;
  background:#111111!important;
  border-color:#111111!important;
  -webkit-text-fill-color:#ffffff!important;
}

body.page-discover.dark-mode :is(.button-primary,.btn-primary,.discover-filter-row button.is-active,.brand-dashboard-tabs button.is-active),
body.page-brands.dark-mode #brands :is(.button-primary,.btn-primary,.brand-dashboard-tabs button.is-active) {
  color:#111111!important;
  background:#f4f4f1!important;
  border-color:#f4f4f1!important;
  -webkit-text-fill-color:#111111!important;
}

body.page-discover :is(.button-dark,.button-primary,.btn-primary,.is-active) *,
body.page-brands #brands :is(.button-dark,.button-primary,.btn-primary,.is-active) * {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

body.page-discover :is(.button-light,a.button-light),
body.page-brands #brands :is(.button-light,a.button-light) {
  color:#111111!important;
  background:#ffffff!important;
  border-color:#d0d0cc!important;
  -webkit-text-fill-color:#111111!important;
}

/* Login/OTP Verify is always legible, independent of page-specific inheritance. */
html body:not(.dark-mode) .public-auth-card .public-auth-primary,
html body:not(.dark-mode) .public-auth-overlay .public-auth-primary {
  color:#ffffff!important;
  background:#111111!important;
  border-color:#111111!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  filter:none!important;
}

html body.dark-mode .public-auth-card .public-auth-primary,
html body.dark-mode .public-auth-overlay .public-auth-primary {
  color:#111111!important;
  background:#f4f4f1!important;
  border-color:#f4f4f1!important;
  -webkit-text-fill-color:#111111!important;
  opacity:1!important;
  filter:none!important;
}

/* High-specificity closure for older theme declarations that also use !important. */
html body.page-discover.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) {
  color:var(--platform-ink)!important;
  background:var(--platform-surface)!important;
  border-color:transparent!important;
}

html body.page-discover.page-discover.dark-mode :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) {
  color:var(--platform-ink)!important;
  background:var(--platform-surface)!important;
  border-color:transparent!important;
}

html body.page-discover.page-discover.page-discover.page-discover :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card),
html body.page-discover.page-discover.page-discover.page-discover.dark-mode :is(.discover-product-card,.discover-creator-card,.discover-collection-card,.discover-brand-card,.discover-vibe-card) {
  color:var(--platform-ink)!important;
  background:var(--platform-surface)!important;
  border-color:transparent!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}

html body.page-discover .discover-product-card :is(.discover-product-media,.discover-product-card h4 button),
html body.page-discover .discover-product-card h4 button {
  color:var(--platform-ink)!important;
  background:transparent!important;
  border-color:transparent!important;
  -webkit-text-fill-color:var(--platform-ink)!important;
}

html body.page-brands #brands :is(.brand-public,.brand-directory,.brand-directory-hero,.brand-directory-track-shell,.brand-dashboard) {
  color:var(--platform-ink)!important;
  background:var(--platform-bg)!important;
  border-color:transparent!important;
}

html body.page-brands #brands :is(.brand-directory-hero,.brand-directory,.brand-dashboard-hero,.brand-dashboard-panel) {
  border-radius:12px!important;
}

html body.page-brands.page-brands #brands .button-dark.button-dark,
html body.page-brands.page-brands:not(.dark-mode) #brands :is(.button-primary,.btn-primary,.brand-category-tabs button.is-active,.brand-dashboard-tabs button.is-active) {
  color:#ffffff!important;
  background:#111111!important;
  border-color:#111111!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body.page-brands.page-brands.dark-mode #brands :is(.brand-category-tabs button.is-active,.brand-dashboard-tabs button.is-active) {
  color:#111111!important;
  background:#f4f4f1!important;
  border-color:#f4f4f1!important;
  -webkit-text-fill-color:#111111!important;
}

html body:not(.dark-mode):not(.dark-mode) .public-auth-overlay .public-auth-card .public-auth-primary.public-auth-primary.button.button-dark {
  color:#ffffff!important;
  background:#111111!important;
  border-color:#111111!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body.dark-mode.dark-mode .public-auth-overlay .public-auth-card .public-auth-primary.public-auth-primary.button.button-dark {
  color:#111111!important;
  background:#f4f4f1!important;
  border-color:#f4f4f1!important;
  -webkit-text-fill-color:#111111!important;
}

/* v374: Journal-style emerald accents and truthful live Product Pull progress. */
body.page-discover,
body.page-brands,
body.page-creators {
  --orchid-emerald:#006b4f;
}

body.page-discover :is(.discover-block-heading .eyebrow,.discover-search-hero .eyebrow),
body.page-brands #brands :is(.brand-directory-kicker,.eyebrow),
body.page-creators #creators .eyebrow {
  color:var(--orchid-emerald)!important;
  -webkit-text-fill-color:var(--orchid-emerald)!important;
}

.product-pull-progress {
  grid-column:1 / -1;
  display:grid;
  gap:14px;
  padding:16px;
  color:var(--ink);
  background:color-mix(in srgb,var(--panel) 94%,var(--orchid-emerald) 6%);
  border:1px solid var(--line);
  border-left:4px solid var(--orchid-emerald);
  border-radius:10px;
}

.product-pull-progress.is-hidden { display:none; }
.product-pull-progress header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-pull-progress header strong { color:var(--ink); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; }
.product-pull-progress header small { color:var(--muted); font-size:.7rem; font-weight:800; }
.product-pull-progress ul { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.product-pull-progress li { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px; align-items:center; min-width:0; padding:10px; background:var(--panel-soft); border:1px solid transparent; border-radius:8px; }
.product-pull-progress li > span:nth-child(2) { display:grid; gap:2px; min-width:0; }
.product-pull-progress li strong { overflow:hidden; color:var(--ink); font-size:.68rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.product-pull-progress li small { overflow:hidden; color:var(--muted); font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.product-pull-progress li em { grid-column:2; color:var(--muted); font-size:.62rem; font-style:normal; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.product-pull-check { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:.78rem; font-weight:900; }
.product-pull-progress li.is-checking .product-pull-check::before { content:""; width:8px; height:8px; border:2px solid var(--muted); border-right-color:transparent; border-radius:50%; animation:product-pull-spin .85s linear infinite; }
.product-pull-progress li.is-satisfied { border-color:color-mix(in srgb,var(--orchid-emerald) 40%,transparent); }
.product-pull-progress li.is-satisfied .product-pull-check { color:#ffffff; background:var(--orchid-emerald); border-color:var(--orchid-emerald); }
.product-pull-progress li.is-satisfied em { color:var(--orchid-emerald); }
.product-pull-progress li.is-missing { opacity:.76; }
.product-pull-progress li.is-missing .product-pull-check { color:var(--ink); background:var(--panel); }
@keyframes product-pull-spin { to { transform:rotate(360deg); } }

/* The approved dark TALI pill is the single universal truth in every mode. */
html body .orchid-chat-button,
html body:not(.dark-mode) .orchid-chat-button,
html body.dark-mode .orchid-chat-button {
  color:#ffffff!important;
  background:#050505!important;
  border:1px solid #ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
}

html body .orchid-chat-button strong,
html body:not(.dark-mode) .orchid-chat-button strong,
html body.dark-mode .orchid-chat-button strong {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body .orchid-chat-button [data-tali-global-avatar],
html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar],
html body.dark-mode .orchid-chat-button [data-tali-global-avatar] {
  color:#ffffff!important;
  background:#006b4f!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* v375: close the higher-specificity legacy light-mode collision that made
   white Shoppers copy render over a white Circle deck in production. */
html body.page-discover.page-discover .discover-circle-deck,
html body.page-discover.page-discover:not(.dark-mode) .discover-circle-deck,
html body.page-discover.page-discover.dark-mode .discover-circle-deck {
  color:#ffffff!important;
  background:linear-gradient(135deg,#050505,#171717)!important;
  border-color:#2f2f2f!important;
}

html body.page-discover.page-discover .discover-circle-deck :is(h1,h2,h3,a,strong,.eyebrow) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body.page-discover.page-discover .discover-circle-intro > p:not(.eyebrow),
html body.page-discover.page-discover .discover-circle-card-copy :is(small,em),
html body.page-discover.page-discover .discover-circle-empty {
  color:#c6c6c2!important;
  -webkit-text-fill-color:#c6c6c2!important;
}

html body.page-discover #discover .discover-circle-deck .discover-circle-intro,
html body.page-discover:not(.dark-mode) #discover .discover-circle-deck .discover-circle-intro,
html body.page-discover.dark-mode #discover .discover-circle-deck .discover-circle-intro {
  color:#ffffff!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

@media(max-width:900px) {
  .product-pull-progress ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:560px) {
  .product-pull-progress header { align-items:flex-start; flex-direction:column; }
  .product-pull-progress ul { grid-template-columns:1fr; }
}

/* v379: the creator public storefront is the shared card system for Shoppers
   and Brands. Journal emerald remains an accent; black/white surfaces retain
   their exact opposite text color in both themes. */
.orchid-storefront-product-card {
  position:relative;
  min-width:0;
  color:var(--ink);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.orchid-storefront-product-card > .orchid-storefront-product-media { margin:0!important; overflow:hidden; }
.orchid-storefront-product-card .public-creator-media { width:100%; aspect-ratio:4/5; }
.orchid-storefront-product-card .public-creator-media img { width:100%; height:100%; filter:none!important; object-fit:cover; }
.orchid-storefront-product-card > div:last-child { display:grid; align-content:start; gap:7px; padding:12px; margin:0!important; }
.orchid-storefront-product-card h4,
.orchid-storefront-product-card .agent-shop-price { color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; }
.orchid-storefront-product-card > div:last-child > span { color:var(--orchid-emerald,#006b4f)!important; -webkit-text-fill-color:var(--orchid-emerald,#006b4f)!important; }
.orchid-storefront-product-card .discover-save-button { position:absolute; top:10px; right:10px; z-index:8; }
.orchid-storefront-product-card .discover-product-creator { margin:2px 0 0; color:var(--muted)!important; }

.orchid-storefront-collection-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.orchid-storefront-collection-card .agent-my-shop-collection-summary { display:block; min-height:360px; color:#fff!important; background:#151515; }
.orchid-storefront-collection-card .agent-my-shop-collection-summary::after { content:""; position:absolute; inset:40% 0 0; z-index:1; background:linear-gradient(transparent,rgba(0,0,0,.9)); pointer-events:none; }
.orchid-storefront-collection-card .agent-my-shop-collection-summary > img { position:absolute; inset:0; width:100%; height:100%; filter:none!important; object-fit:cover; }
.orchid-storefront-collection-card .agent-my-shop-collection-summary > :is(span,strong) { z-index:3; color:#fff!important; -webkit-text-fill-color:#fff!important; }
.orchid-storefront-collection-curator { display:block; padding:10px 12px; color:var(--muted); background:var(--panel); }
.orchid-storefront-collection-card .discover-save-button { position:absolute; top:10px; right:10px; z-index:8; }

body.page-discover #discover .discover-product-grid > .discover-storefront-product-card,
body.page-discover #discover .discover-rail > .discover-storefront-product-card,
body.page-brands #brands .os-product-grid > .brand-storefront-product-card { width:100%; max-width:340px; }
body.page-discover #discover .discover-rail > .discover-storefront-collection-card { width:100%; }
body.page-discover #discover .discover-circle-card { display:block; aspect-ratio:auto; background:var(--panel); isolation:auto; }
body.page-discover #discover .discover-circle-card::after { display:none; }
body.page-discover #discover .discover-circle-card .agent-my-shop-collection-summary { min-height:clamp(330px,35vw,460px); }
body.page-discover #discover .discover-circle-track { grid-auto-columns:minmax(230px,28%); }
body.page-brands #brands .os-product-grid.public-creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.page-brands #brands .os-content-grid.public-creator-collections-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }

body.page-discover :is(.discover-filter-row button.is-active,.discover-reference-search kbd),
body.page-brands #brands :is(.brand-category-tabs button.is-active,.os-tabs button.is-active),
body.page-creators #creators :is(.brand-dashboard-tabs button.is-active,.agent-dashboard-tab.is-active) {
  box-shadow:inset 0 -3px 0 var(--orchid-emerald,#006b4f)!important;
}
body.page-discover :is(a,button,.orchid-storefront-product-card,.orchid-storefront-collection-card):focus-visible,
body.page-brands #brands :is(a,button,.orchid-storefront-product-card,.orchid-storefront-collection-card):focus-visible,
body.page-creators #creators :is(a,button):focus-visible { outline:2px solid var(--orchid-emerald,#006b4f)!important; outline-offset:3px; }

html body:not(.dark-mode) :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) { --ink:#111; --muted:#5d5d59; --panel:#fff; --line:#d0d0cc; color:#111!important; background:#fff!important; }
html body.dark-mode :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) { --ink:#fff; --muted:#c6c6c2; --panel:#111; --line:#343434; color:#fff!important; background:#111!important; }
html body :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) .button-dark { color:#fff!important; background:#050505!important; border-color:#050505!important; -webkit-text-fill-color:#fff!important; }
html body.dark-mode :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) .button-dark { color:#111!important; background:#f4f4f1!important; border-color:#f4f4f1!important; -webkit-text-fill-color:#111!important; }
html body.page-discover.page-discover.page-discover.page-discover:not(.dark-mode) #discover .orchid-storefront-product-card button.button.button-dark,
html body.page-brands.page-brands.page-brands.page-brands:not(.dark-mode) #brands .orchid-storefront-product-card button.button.button-dark {
  color:#fff!important; background:#050505!important; border-color:#050505!important; -webkit-text-fill-color:#fff!important;
}
html body.page-discover.page-discover.page-discover.page-discover.dark-mode #discover .orchid-storefront-product-card button.button.button-dark,
html body.page-brands.page-brands.page-brands.page-brands.dark-mode #brands .orchid-storefront-product-card button.button.button-dark {
  color:#111!important; background:#f4f4f1!important; border-color:#f4f4f1!important; -webkit-text-fill-color:#111!important;
}
html body:not(.dark-mode) :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) :is(h1,h2,h3,h4,p,strong,small,em) { color:inherit; }
html body.dark-mode :is(.orchid-storefront-product-card,.orchid-storefront-collection-card) :is(h1,h2,h3,h4,p,strong,small,em) { color:inherit; }

/* Merchant and creator imagery must retain its real color. */
body.page-discover #discover img,
body.page-brands #brands img,
body.page-creators #creators img { filter:none!important; -webkit-filter:none!important; }

/* Login and OTP verification stays readable even when legacy theme rules load later. */
html body:not(.dark-mode) :is(.public-auth-primary,[data-public-auth-submit],[data-verify-otp]) { color:#fff!important; background:#111!important; border-color:#111!important; -webkit-text-fill-color:#fff!important; }
html body.dark-mode :is(.public-auth-primary,[data-public-auth-submit],[data-verify-otp]) { color:#111!important; background:#f4f4f1!important; border-color:#f4f4f1!important; -webkit-text-fill-color:#111!important; }

@media(max-width:820px) {
  body.page-brands #brands .os-product-grid.public-creator-grid,
  body.page-brands #brands .os-content-grid.public-creator-collections-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
  body.page-discover #discover .discover-circle-track { grid-auto-columns:minmax(220px,78vw); }
  body.page-brands #brands .os-product-grid.public-creator-grid,
  body.page-brands #brands .os-content-grid.public-creator-collections-row { grid-template-columns:1fr; }
}

/* v381: interaction speed, persistent navigation and semantic button contrast.
   Home and Journal keep their protected visual systems; the universal TALI
   launcher remains the explicitly approved exception. */
html {
  scroll-padding-top:96px;
  -webkit-overflow-scrolling:touch;
}

html body .site-header {
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) :is(button,.button,.btn,.text-button,[role="button"],.nav-links a) {
  touch-action:manipulation;
  transition-duration:120ms!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button),
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button) {
  color:#ffffff!important;
  background:#050505!important;
  border-color:#050505!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button) *,
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button) * {
  color:#ffffff!important;
  fill:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-light,.btn-light,.button-white),
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-light,.btn-light,.button-white) {
  color:#111111!important;
  background:#ffffff!important;
  border-color:#d0d0cc!important;
  -webkit-text-fill-color:#111111!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-light,.btn-light,.button-white) *,
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(.button-light,.btn-light,.button-white) * {
  color:#111111!important;
  fill:#111111!important;
  -webkit-text-fill-color:#111111!important;
}

/* The approved dark-mode TALI pill is identical in every theme. */
html body .orchid-chat-button,
html body:not(.dark-mode) .orchid-chat-button,
html body.dark-mode .orchid-chat-button {
  color:#ffffff!important;
  background:#050505!important;
  border:1px solid #ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body .orchid-chat-button :is(span,strong),
html body:not(.dark-mode) .orchid-chat-button :is(span,strong),
html body.dark-mode .orchid-chat-button :is(span,strong) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body .orchid-chat-button [data-tali-global-avatar],
html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar],
html body.dark-mode .orchid-chat-button [data-tali-global-avatar] {
  color:#ffffff!important;
  background:#006b4f!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Journal emerald is used as a precise accent, never as a large platform fill. */
body.page-discover :is(.discover-filter-row button.is-active,.discover-save-button.is-saved),
body.page-brands #brands :is(.brand-category-tabs button.is-active,.os-tabs button.is-active),
body.page-creators #creators :is(.agent-dashboard-tab.is-active,.brand-dashboard-tab.is-active) {
  border-bottom-color:#006b4f!important;
  box-shadow:inset 0 -3px 0 #006b4f!important;
}

html body.page-discover.page-discover.page-discover:not(.dark-mode) #discover section.discover-circle-deck {
  color:#ffffff!important;
  background:linear-gradient(135deg,#050505,#171717)!important;
  border-color:#2f2f2f!important;
}
html body.page-discover.page-discover.page-discover:not(.dark-mode) #discover section.discover-circle-deck :is(h1,h2,h3,h4,p,a,span,strong,small,em) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body.page-discover.page-discover.page-discover:not(.dark-mode) #discover section.discover-circle-deck :is(.discover-circle-intro > p:not(.eyebrow),.discover-circle-card-copy small,.discover-circle-card-copy em) {
  color:#c6c6c2!important;
  -webkit-text-fill-color:#c6c6c2!important;
}

html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) .site-footer {
  color:#ffffff!important;
  background:#050505!important;
  border-color:#2f2f2f!important;
}
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) .site-footer :is(a,p,strong,span) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html body:not(.page-home):not(.page-journal):not(.page-blog) .cart-drawer .checkout-button.button-dark,
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) .cart-drawer .checkout-button.button-dark {
  color:#ffffff!important;
  background:#050505!important;
  border-color:#050505!important;
  -webkit-text-fill-color:#ffffff!important;
}

body:not(.page-home):not(.page-journal):not(.page-blog) :is(main,.cart-drawer,.product-preview) img {
  filter:none!important;
  -webkit-filter:none!important;
}

html body:not(.dark-mode):not(.page-home):not(.page-journal):not(.page-blog) :is(button.button-dark,.button.button-dark,.btn.button-dark):not(.button-primary):not(.btn-primary):not(.is-active),
html body.dark-mode:not(.page-home):not(.page-journal):not(.page-blog) :is(button.button-dark,.button.button-dark,.btn.button-dark):not(.button-primary):not(.btn-primary):not(.is-active) {
  color:#ffffff!important;
  background:#050505!important;
  border-color:#050505!important;
  -webkit-text-fill-color:#ffffff!important;
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
}

/* v382: one direct buyer storefront, closed evidence disclosures, and the
   approved dark TALI launcher on a fully transparent parent surface. */
html body .orchid-chat-widget,
html body:not(.dark-mode) .orchid-chat-widget,
html body.dark-mode .orchid-chat-widget {
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .orchid-chat-widget::before,
html body .orchid-chat-widget::after {
  content:none!important;
  display:none!important;
}
html body .orchid-chat-button {
  margin:0!important;
  outline:0!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
}

body.page-creator-link #shop > :is(.section-heading,.shop-toolbar,.shopping-assistant) {
  display:none!important;
}
body.page-creator-link #shop {
  min-height:calc(100dvh - 112px);
  padding:clamp(22px,4vw,58px) 0 clamp(64px,8vw,110px)!important;
  background:var(--bg)!important;
}
body.page-creator-link #shop > .product-grid {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.buyer-creator-storefront {
  --shop-bg:var(--panel);
  --shop-color:var(--ink);
  --shop-font:inherit;
}
.buyer-creator-storefront .public-creator-hero {
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:center!important;
  place-items:center!important;
  color:var(--ink)!important;
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.1)!important;
}
.buyer-creator-storefront .public-creator-hero::after { display:none!important; }
.buyer-creator-storefront .public-creator-identity {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,840px)!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.buyer-creator-storefront .public-creator-identity :is(h2,p,strong,span) {
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
.buyer-creator-storefront .public-creator-curated,
.buyer-creator-storefront .public-creator-product-count { color:#006b4f!important; -webkit-text-fill-color:#006b4f!important; }
.buyer-storefront-skeleton {
  width:min(100% - 32px,1480px);
  min-height:520px;
  margin:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(100deg,var(--panel) 20%,var(--panel-soft) 40%,var(--panel) 60%);
  background-size:220% 100%;
  animation:buyer-storefront-loading 1.1s linear infinite;
}
@keyframes buyer-storefront-loading { to { background-position-x:-220%; } }

.product-pull-progress { padding:0!important; overflow:hidden; }
.product-pull-progress > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:50px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.product-pull-progress > summary::-webkit-details-marker { display:none; }
.product-pull-progress > summary::after {
  content:"⌄";
  color:#006b4f;
  font-size:20px;
  line-height:1;
  transition:transform 120ms ease;
}
.product-pull-progress[open] > summary::after { transform:rotate(180deg); }
.product-pull-progress > summary > span { display:grid; gap:3px; }
.product-pull-progress > ul { margin:0!important; padding:14px!important; border-top:1px solid var(--line); }

body.page-discover #discover .discover-shell { padding-top:clamp(22px,4vw,48px); }
body.page-discover #discover .discover-shop-nav,
body.page-discover #discover .discover-toolbar,
body.page-brands #brands :is(.brand-directory-hero,.brand-directory),
body.page-creators #creators .uploaded-page-interface {
  border-color:color-mix(in srgb,#006b4f 38%,var(--line))!important;
}
body.page-discover #discover :is(.discover-shop-nav a:hover,.discover-shop-nav button:hover,.discover-filter-row button.is-active),
body.page-brands #brands :is(.brand-directory-kicker,.brand-directory-heading span,.brand-category-tabs button.is-active),
body.page-creators #creators :is(.eyebrow,.agent-dashboard-tab.is-active) {
  color:#006b4f!important;
  -webkit-text-fill-color:#006b4f!important;
}
body.page-discover #discover .discover-filter-row button.is-active,
body.page-brands #brands :is(.brand-category-tabs button.is-active,.os-tabs button.is-active) {
  color:#ffffff!important;
  background:#006b4f!important;
  border-color:#006b4f!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.page-discover #discover .discover-filter-row button.is-active *,
body.page-brands #brands :is(.brand-category-tabs button.is-active,.os-tabs button.is-active) * {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.page-discover #discover :is(.discover-shop-nav a,.discover-shop-nav button,.discover-filter-row button):focus-visible,
body.page-brands #brands :is(a,button):focus-visible,
body.page-creators #creators :is(a,button):focus-visible {
  outline:2px solid #006b4f!important;
  outline-offset:3px;
}

@media(max-width:620px) {
  body.page-creator-link #shop { padding-top:12px!important; }
  .buyer-storefront-skeleton { width:calc(100% - 12px); min-height:420px; }
}

/* v387 final interaction guard: dialogs own their scroll; the approved dark
   TALI pill and its circular emerald avatar are pixel-identical in both modes. */
html.modal-scroll-locked,
html body.modal-scroll-locked {
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none;
}

html body .orchid-chat-widget,
html body:not(.dark-mode) .orchid-chat-widget,
html body.dark-mode .orchid-chat-widget {
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .orchid-chat-button,
html body:not(.dark-mode) .orchid-chat-button,
html body.dark-mode .orchid-chat-button {
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:132px!important;
  min-height:58px!important;
  padding:8px 18px 8px 10px!important;
  color:#fff!important;
  border:1px solid #fff!important;
  border-radius:999px!important;
  background:#050505!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
  -webkit-text-fill-color:#fff!important;
}

html body .orchid-chat-button [data-tali-global-avatar],
html body:not(.dark-mode) .orchid-chat-button [data-tali-global-avatar],
html body.dark-mode .orchid-chat-button [data-tali-global-avatar] {
  display:grid!important;
  flex:0 0 40px!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  border:0!important;
  border-radius:50%!important;
  aspect-ratio:1/1!important;
  background:#006b4f!important;
  -webkit-text-fill-color:#fff!important;
}

html body .orchid-chat-button [data-tali-global-avatar] img { width:100%!important; height:100%!important; object-fit:cover!important; filter:none!important; }
html body .orchid-chat-button strong { color:#fff!important; -webkit-text-fill-color:#fff!important; }

html body:not(.dark-mode) .global-logout-button:not(.is-hidden),
html body.dark-mode .global-logout-button:not(.is-hidden) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  border:1px solid #050505!important;
  background:#050505!important;
  -webkit-text-fill-color:#fff!important;
}

/* v390 OPVE Recovery deploy. The final route, contrast and temporary waitlist layer. Home and Journal
   content remain untouched; Journal's emerald restraint is borrowed only by
   the three application entry pages requested by the owner. */
html.modal-scroll-locked,
html body.modal-scroll-locked { overflow:auto!important; overscroll-behavior:auto!important; touch-action:auto!important; }

html body .announcement-bar { background:#006b4f!important; color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .announcement-group span::after { color:#a8d2c4!important; }

html body:not(.dark-mode):is(.page-discover,.page-brands,.page-creators) {
  background:linear-gradient(180deg,#e7f3ed 0%,#f5faf7 25%,#ffffff 72%) fixed!important;
}
html body:not(.dark-mode):is(.page-discover,.page-brands,.page-creators) main,
html body:not(.dark-mode).page-discover :is(#discover,.discover-shell,.discover-feed),
html body:not(.dark-mode):is(.page-brands,.page-creators) :is(.uploaded-page-interface,.brand-storefront-route) {
  background:transparent!important;
}

html body :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button) {
  color:#fff!important; background-color:#050505!important; border-color:#050505!important; -webkit-text-fill-color:#fff!important;
}
html body :is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button) * {
  color:inherit!important; fill:currentColor!important; background-color:transparent!important; border-color:transparent!important; -webkit-text-fill-color:inherit!important;
}
html body :is(.button-light,.btn-light,.button-white) {
  color:#111!important; background-color:#fff!important; border-color:#bdbdb8!important; -webkit-text-fill-color:#111!important;
}
html body :is(.button-light,.btn-light,.button-white) * {
  color:inherit!important; fill:currentColor!important; background-color:transparent!important; border-color:transparent!important; -webkit-text-fill-color:inherit!important;
}
html body .cart-button { color:inherit!important; -webkit-text-fill-color:currentColor!important; }
html body .cart-button [data-cart-count] {
  display:grid!important; place-items:center!important; min-width:30px!important; height:30px!important; padding:0 8px!important;
  color:#fff!important; background:#111!important; border:1px solid #111!important; border-radius:5px!important; -webkit-text-fill-color:#fff!important;
}
html body.dark-mode .cart-button [data-cart-count] { color:#111!important; background:#fff!important; border-color:#fff!important; -webkit-text-fill-color:#111!important; }
html body:is(.page-discover,.page-brands,.page-creators,.page-creator-link) img { filter:none!important; }

body.page-creator-link #shop.public-storefront-route { padding-top:clamp(14px,2vw,28px)!important; }
.buyer-creator-storefront { width:min(100% - 32px,1760px); margin-inline:auto; }
.buyer-creator-storefront .public-creator-hero { min-height:clamp(390px,58vh,720px)!important; }
.buyer-creator-storefront .public-creator-profile-image { width:clamp(130px,14vw,220px)!important; height:clamp(130px,14vw,220px)!important; object-fit:cover!important; border-radius:50%!important; }
.buyer-creator-storefront .public-creator-collections-carousel { margin-top:26px!important; }
.buyer-creator-storefront .public-creator-collections-row { display:grid!important; grid-auto-flow:column!important; grid-auto-columns:clamp(270px,28vw,430px)!important; gap:16px!important; min-height:330px!important; overflow-x:auto!important; }
.buyer-creator-storefront .public-creator-collection-card { display:block!important; min-height:320px!important; overflow:hidden!important; border-radius:12px!important; background:var(--panel)!important; }
.buyer-creator-storefront .agent-my-shop-collection-summary { display:block!important; position:relative!important; min-height:320px!important; overflow:hidden!important; }
.buyer-creator-storefront .agent-my-shop-collection-summary > img,
.buyer-creator-storefront .agent-my-shop-collection-summary > .discover-media-empty { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; }
.buyer-creator-storefront .agent-my-shop-collection-summary > span,
.buyer-creator-storefront .agent-my-shop-collection-summary > strong { position:relative!important; z-index:2!important; display:block!important; color:#fff!important; -webkit-text-fill-color:#fff!important; }
.buyer-creator-storefront .agent-my-shop-collection-summary::after { content:""; position:absolute; inset:38% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.92)); }

.waitlist-open-button {
  position:fixed; left:22px; bottom:24px; z-index:89; min-height:42px; padding:10px 18px; border:1px solid #fff; border-radius:999px;
  color:#111!important; background:#fff!important; border-color:#b9bdb9!important; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; -webkit-text-fill-color:#111!important;
}
.waitlist-overlay { position:fixed; inset:0; z-index:190; display:grid; place-items:center; padding:18px; overflow-y:auto; background:rgba(0,0,0,.72); }
.waitlist-dialog { position:relative; width:min(540px,100%); max-height:calc(100dvh - 36px); overflow:auto; padding:clamp(24px,5vw,46px); color:#111; border:1px solid #aaa; border-radius:20px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.42); }
.waitlist-dialog :is(h2,p,label) { color:#111!important; -webkit-text-fill-color:#111!important; }
.waitlist-dialog h2 { margin:.2em 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,6vw,3.7rem); line-height:.95; }
.waitlist-dialog form { display:grid; grid-template-columns:1fr 170px; gap:12px; margin-top:22px; }
.waitlist-dialog label { display:grid; gap:7px; font-size:.75rem; font-weight:850; text-transform:uppercase; }
.waitlist-dialog input,.waitlist-dialog select { width:100%; min-height:48px; padding:10px 12px; color:#111!important; border:1px solid #aaa!important; background:#f4f4f1!important; -webkit-text-fill-color:#111!important; }
.waitlist-dialog form .button { min-height:46px; }
.waitlist-close { position:absolute; top:14px; right:14px; width:38px; height:38px; color:#fff!important; border:0; border-radius:50%; background:#111!important; font-size:22px; -webkit-text-fill-color:#fff!important; }
.waitlist-message { min-height:22px; margin:14px 0 0; font-size:.82rem; }
.waitlist-overlay.is-hidden,.waitlist-open-button.is-hidden { display:none!important; }
@media(max-width:620px) {
  .waitlist-open-button { left:12px; bottom:14px; }
  .waitlist-dialog form { grid-template-columns:1fr; }
  .buyer-creator-storefront { width:calc(100% - 12px); }
}

/* v439: Creator stories, compact talent cards, messaging, and shared public footer. */
.discover-creator-stories[hidden] { display:none!important; }
.discover-creator-stories { padding-block:24px 8px; }
.creator-story-rail__heading {
  display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px;
}
.creator-story-rail__heading h2 {
  margin:0; font:600 clamp(24px,3vw,36px)/1.08 var(--font-editorial,Georgia,serif);
}
.creator-story-rail__heading p { margin:0; font:400 14px/20px var(--font-ui,Arial,sans-serif); }
.creator-story-rail__track {
  display:grid; grid-auto-flow:column; grid-auto-columns:clamp(240px,28vw,360px); gap:16px;
  overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity;
  padding-bottom:8px; scrollbar-width:thin;
}
.creator-story-card {
  display:grid; grid-template-rows:auto minmax(0,1fr); min-width:0; color:inherit;
  text-decoration:none; scroll-snap-align:start;
}
.creator-story-card__media {
  display:grid; place-items:center; aspect-ratio:16/10; overflow:hidden; background:#ecece8;
}
.creator-story-card__media img { display:block; width:100%; height:100%; object-fit:cover; }
.creator-story-card__copy { display:grid; gap:6px; padding:12px 0; min-width:0; }
.creator-story-card__copy small {
  font:600 12px/16px var(--font-ui,Arial,sans-serif); letter-spacing:.06em; text-transform:uppercase;
}
.creator-story-card__copy strong {
  font:600 20px/1.15 var(--font-editorial,Georgia,serif); word-break:normal; overflow-wrap:normal;
}
.creator-story-card__copy > span {
  display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  font:400 14px/20px var(--font-ui,Arial,sans-serif);
}

.public-talent-card--compact { display:block; width:min(920px,100%); margin:24px auto 0; }
.public-talent-card--compact > summary {
  display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer;
  padding:12px 0; font:600 14px/20px var(--font-ui,Arial,sans-serif); list-style:none;
}
.public-talent-card--compact > summary::-webkit-details-marker { display:none; }
.public-talent-card--compact .orchid-talent-card--compact {
  display:grid; grid-template-columns:minmax(140px,220px) minmax(0,1fr); gap:24px;
  min-width:0; min-height:0; padding:24px; color:var(--ink,#111);
  border:1px solid var(--line,#d7d7d2); border-radius:16px; background:var(--surface,#fff); box-shadow:none;
}
.public-talent-card--compact .public-talent-photo-shell {
  min-width:0; min-height:0; aspect-ratio:4/5; overflow:hidden; border-radius:12px; background:#ecece8;
}
.public-talent-card--compact .public-talent-photo-shell img { width:100%; height:100%; object-fit:cover; }
.public-talent-card--compact .public-talent-main { display:grid; align-content:start; gap:14px; min-width:0; }
.public-talent-card--compact .public-talent-main :is(h2,h3,p) { margin:0; max-width:100%; }
.public-talent-card--compact .public-talent-main :is(h2,h3) {
  font:600 clamp(22px,3vw,32px)/1.1 var(--font-editorial,Georgia,serif); word-break:normal; overflow-wrap:normal;
}
.public-talent-card--compact .public-talent-score-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; min-width:0;
}
.public-talent-card--compact .public-talent-score-grid > * { min-width:0; }

.message-menu-shell { position:relative; z-index:220; }
.message-menu-shell > .message-button { position:relative; z-index:2; pointer-events:auto!important; }
.message-menu-shell .account-menu:not(.is-hidden) { display:block!important; pointer-events:auto!important; }

html body:not(.page-admin):not(.page-tali) .site-footer {
  display:block!important; width:100%; min-height:0!important; color:#fff!important;
  border:0!important; background:#050505!important;
}
html body:not(.page-admin):not(.page-tali) .site-footer__container {
  display:grid!important; grid-template-columns:minmax(0,1fr) auto auto; align-items:start;
  gap:24px; min-height:0!important; padding-block:32px!important;
}
html body:not(.page-admin):not(.page-tali) .site-footer :is(a,p,strong,span) {
  color:#fff!important; -webkit-text-fill-color:#fff!important;
}
.site-footer__company,.site-footer__links { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.site-footer a { text-underline-offset:4px; }

@media(max-width:700px) {
  .discover-creator-stories { padding-block:18px 4px; }
  .creator-story-rail__heading { align-items:start; flex-direction:column; gap:4px; }
  .creator-story-rail__track { grid-auto-columns:82%; gap:12px; }
  .public-talent-card--compact .orchid-talent-card--compact {
    grid-template-columns:96px minmax(0,1fr); gap:14px; padding:14px; border-radius:12px;
  }
  .public-talent-card--compact .public-talent-score-grid { grid-template-columns:1fr; gap:6px; }
  html body:not(.page-admin):not(.page-tali) .site-footer__container {
    grid-template-columns:1fr!important; gap:18px; padding-block:24px!important;
  }
  :is(.public-talent-card,.message-menu-card,.discover-creator-stories) .button {
    min-height:36px!important; padding:8px 12px!important; font-size:13px!important; line-height:18px!important;
  }
}

/* v440: reference-led Brand introduction and compact Brand workspace. */
html body.page-brands #brands { background:#fff!important; color:#111; }
html body.page-brands.dark-mode #brands { background:#000!important; color:#f6f6f3; }
html body.page-brands #brands .brand-public { width:min(100% - 24px,1760px)!important; max-width:1760px!important; padding:12px 0 56px!important; }
.brand-intro-hero { position:relative; min-height:clamp(560px,70vw,840px); overflow:hidden; color:#fff; background:#111; }
.brand-intro-hero > picture > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.brand-intro-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.22) 72%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%); }
.brand-intro-hero__copy { position:relative; z-index:1; display:grid; align-content:end; width:min(980px,94%); min-height:inherit; padding:clamp(38px,7vw,104px); }
.brand-intro-hero__copy .brand-directory-kicker { color:#fff!important; text-transform:uppercase; letter-spacing:.12em; }
.brand-intro-hero h1 { max-width:16ch; margin:14px 0 22px; color:#fff!important; font:500 clamp(50px,7vw,108px)/.92 var(--font-editorial,Georgia,serif)!important; letter-spacing:-.035em!important; }
.brand-intro-hero p { max-width:760px; margin:0; color:#fff!important; font-size:clamp(17px,1.7vw,23px); line-height:1.45; }
.brand-intro-hero .brand-directory-actions { display:flex; gap:10px; margin-top:28px; }
.brand-intro-hero .brand-intro-signup { color:#fff!important; border-color:#fff!important; background:transparent!important; -webkit-text-fill-color:#fff!important; }
.brand-featured-section,.brand-insights { padding:clamp(56px,8vw,112px) clamp(18px,4vw,64px); }
.brand-intro-section-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:32px; }
.brand-intro-section-head h2 { max-width:18ch; margin:0; font:500 clamp(42px,5vw,74px)/.98 var(--font-editorial,Georgia,serif)!important; letter-spacing:-.025em!important; }
.brand-intro-section-head p { flex:0 1 560px; min-width:0; max-width:560px; margin:0; color:var(--muted); overflow-wrap:anywhere; }
.brand-featured-rail { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(280px,27vw,430px); gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; padding-bottom:12px; scrollbar-width:thin; }
.brand-external-card { position:relative; display:grid; min-height:480px; overflow:hidden; color:#fff; background:#161817; text-decoration:none; scroll-snap-align:start; }
.brand-external-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.86; }
.brand-external-card::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.94)); }
.brand-external-card__copy { position:relative; z-index:1; align-self:end; display:grid; gap:7px; padding:26px; }
.brand-external-card__copy strong { color:#fff!important; font:500 36px/1 var(--font-editorial,Georgia,serif)!important; }
.brand-external-card__copy :is(small,span) { color:#fff!important; }
.brand-external-card__copy small { text-transform:uppercase; letter-spacing:.11em; }
.brand-intro-statement { display:grid; place-items:center; min-height:540px; padding:72px 24px; text-align:center; border-block:1px solid var(--line); }
.brand-intro-statement p { margin:0 0 24px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.brand-intro-statement h2 { max-width:22ch; margin:0; font:500 clamp(48px,6vw,88px)/.95 var(--font-editorial,Georgia,serif)!important; letter-spacing:-.035em!important; }
.brand-learning { display:grid; gap:1px; background:var(--line); }
.brand-learning-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); min-height:700px; background:var(--bg,#fff); }
.brand-learning-row:nth-child(even) .brand-learning-media { order:2; }
.brand-learning-media { overflow:hidden; background:#171918; }
.brand-learning-media img { width:100%; height:100%; min-height:700px; object-fit:cover; }
.brand-learning-copy { display:grid; grid-template-columns:auto minmax(0,1fr); align-content:center; gap:18px 26px; padding:clamp(46px,7vw,116px); }
.brand-learning-copy > span { display:grid; place-items:center; width:54px; height:54px; border:1px solid currentColor; border-radius:50%; font:500 18px/1 var(--font-editorial,Georgia,serif); }
.brand-learning-copy h2 { max-width:15ch; margin:0; font:500 clamp(44px,5vw,76px)/.98 var(--font-editorial,Georgia,serif)!important; letter-spacing:-.025em!important; }
.brand-learning-copy p,.brand-learning-copy a { grid-column:2; max-width:620px; }
.brand-learning-copy p { margin:12px 0 0; color:var(--muted); font-size:clamp(17px,1.5vw,21px); line-height:1.5; }
.brand-learning-copy a { color:inherit; text-underline-offset:5px; }
html body.page-brands #brands .brand-directory { margin:0!important; padding:clamp(54px,7vw,96px) clamp(18px,4vw,64px)!important; border-radius:0!important; box-shadow:none!important; }
.brand-insights { border-top:1px solid var(--line); }
.brand-insights .brand-intro-section-head > a { color:inherit; text-underline-offset:5px; }
.brand-insights-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.brand-insight-card { display:grid; gap:14px; min-width:0; color:inherit; text-decoration:none; }
.brand-insight-card:is(button) { width:100%; padding:0; border:0; background:transparent; font:inherit; text-align:left; cursor:pointer; }
/* v443: editorial previews are text on the page, not filled action buttons. */
html body #brands .brand-insight-card,
html body #brands .brand-insight-card:is(:hover,:focus,:active) {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}
html body #brands .brand-insight-card > :is(small,strong,span:not(.brand-insight-card__empty)) {
  background:transparent!important;
  box-shadow:none!important;
}
.brand-insight-card img,.brand-insight-card__empty { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; background:#e4e4e0; }
.brand-insight-card small { text-transform:uppercase; letter-spacing:.1em; }
.brand-insight-card strong { font:500 clamp(25px,2.6vw,40px)/1.1 var(--font-editorial,Georgia,serif)!important; }
html body.page-brands #brands > .brand-dashboard:not(.is-hidden) { min-height:0!important; padding-block:clamp(20px,4vw,52px)!important; }
html body.page-brands #brands .brand-dashboard-hero { align-items:start!important; gap:20px!important; padding:clamp(22px,4vw,42px)!important; }
html body.page-brands #brands .brand-dashboard-tabs { display:flex!important; flex-wrap:nowrap!important; gap:6px!important; overflow-x:auto!important; padding:8px!important; border:1px solid var(--line)!important; border-radius:14px!important; scrollbar-width:thin; }
html body.page-brands #brands .brand-dashboard-tabs button { flex:0 0 auto!important; min-height:40px!important; padding:8px 13px!important; border-radius:9px!important; white-space:nowrap!important; }
html body.page-brands #brands .brand-dashboard-panel { min-height:0!important; padding:clamp(16px,3vw,34px)!important; }
@media(max-width:760px) {
  html body.page-brands #brands .brand-public { width:100%!important; padding-top:0!important; }
  .brand-intro-hero { min-height:510px; }
  .brand-intro-hero__copy { padding:28px 18px; }
  .brand-intro-hero h1 { font-size:clamp(40px,12vw,58px)!important; }
  .brand-intro-hero .brand-directory-actions .button { min-height:38px!important; padding:8px 13px!important; font-size:12px!important; }
  .brand-intro-section-head { align-items:start; flex-direction:column; gap:12px; }
  .brand-featured-rail { grid-auto-columns:82%; }
  .brand-external-card { min-height:370px; }
  .brand-intro-statement { min-height:400px; padding-inline:18px; }
  .brand-intro-statement h2 { font-size:clamp(38px,11vw,54px)!important; }
  .brand-learning-row { grid-template-columns:1fr; min-height:0; }
  .brand-learning-row:nth-child(even) .brand-learning-media { order:0; }
  .brand-learning-media img { min-height:0; aspect-ratio:4/3; }
  .brand-learning-copy { grid-template-columns:40px minmax(0,1fr); gap:12px 16px; padding:36px 18px 44px; }
  .brand-learning-copy > span { width:40px; height:40px; }
  .brand-learning-copy h2 { font-size:clamp(34px,10vw,49px)!important; }
  .brand-insights-grid { grid-template-columns:1fr; }
  html body.page-brands #brands .brand-dashboard-tabs button { min-height:36px!important; padding:7px 10px!important; font-size:12px!important; }
  html body.page-brands #brands .brand-commerce-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.page-brands #brands .brand-commerce-layout { grid-template-columns:1fr!important; }
}

/* v440: scoped responsive completion for the requested public experiences. */
body.auth-restoring :is([data-brand-mode],[data-open-public-auth],.brand-auth-card,.public-auth-overlay,.creator-access) {
  visibility:hidden!important;
  pointer-events:none!important;
}

html body:not(.page-admin):not(.page-tali) .site-footer {
  position:static!important;
  display:block!important;
  inset:auto!important;
  min-height:0!important;
  color:#fff!important;
  background:#050505!important;
}
html body:not(.page-admin):not(.page-tali) .site-footer a {
  color:#fff!important;
  text-decoration:none!important;
  -webkit-text-fill-color:#fff!important;
}
.site-footer__social { display:grid!important; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.42); border-radius:50%; }
.site-footer__social svg { width:15px; height:15px; fill:currentColor; }

:is(#brands,#discover,#dashboard,#shop) details[open],
:is(#brands,#discover,#dashboard,#shop) details[open] > :not(summary) {
  overflow:visible;
}

@media(max-width:700px) {
  html body:not(.page-admin):not(.page-tali) .site-footer__container {
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding-block:18px!important;
  }
  .site-footer__container > div:first-child p { margin:4px 0 0; font-size:12px; line-height:1.4; }
  .site-footer__company,.site-footer__links { gap:10px 14px; }
  .site-footer :is(a,strong) { font-size:12px; line-height:16px; }
  body.page-discover #discover .discover-category-rail {
    grid-auto-columns:min(84vw,340px)!important;
    gap:12px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
  }
  body.page-discover #discover .discover-category-card { min-width:0!important; width:100%!important; scroll-snap-align:start; }
  :is(#brands,#discover,#dashboard,#shop) :is(.button,.copy-code-button,.agent-my-shop-back-button):not(.discover-save-button) {
    min-height:36px!important;
    padding:7px 11px!important;
    font-size:12px!important;
    line-height:16px!important;
  }
}

/* v441: the shared footer remains reachable after every route, including CMS and Tali. */
html body:not(.public-auth-modal-open):is(.page-home,.page-creators,.page-brands,.page-admin,.page-tali) {
  height:auto!important; min-height:100dvh!important; max-height:none!important;
  overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior-y:auto;
}
html body:not(.public-auth-modal-open) main#top {height:auto!important;max-height:none!important;overflow:visible!important;}
html body[class][class] .site-footer {
  display:block!important; position:static!important; inset:auto!important;
  flex-shrink:0; width:100%; max-height:none!important; overflow:visible!important;
  padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  background:#000!important; color:#fff!important;
}
html body[class][class] .site-footer :is(a,p,strong,span) {color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body[class][class] .site-footer__container {display:flex!important;flex-wrap:wrap;gap:24px;padding-block:24px!important;}

/* v450: the one Home footer closes every route in normal document flow. */
html body:not(.public-auth-modal-open):is(.page-home,.page-shop,.page-creator-link,.page-discover,.page-creators,.page-payments,.page-domain,.page-dashboard,.page-brands,.page-journal,.page-blog,.page-admin,.page-tali){height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
html body[class][class] .site-footer{display:block!important;position:static!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#000!important;color:#fff!important}
html body[class][class] .site-footer :is(a,p,strong,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
.brand-blog-editor {display:grid;gap:16px;max-width:900px;}
.brand-blog-editor label {display:grid;gap:6px;}
.brand-blog-editor :is(input:not([type=checkbox]),textarea) {width:100%;box-sizing:border-box;padding:12px;border:1px solid #aab4af;border-radius:8px;color:inherit;background:transparent;}
.brand-blog-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-top:24px;}
.brand-blog-list img {width:100%;aspect-ratio:16/9;object-fit:cover;}
.brand-blog-body {white-space:pre-wrap;overflow-wrap:anywhere;}

/* v454: one document scroll for Admin CMS. The embedded application reports
   its real height; no route shell may impose a viewport-sized clipping box. */
html body.page-admin main#top,
html body.page-admin main#top #admin,
html body.page-admin .admin-panel[data-admin-control-host],
html body.page-admin .admin-panel[data-admin-control-host] .orchid-admin-control-shell,
html body.page-admin #admin .admin-control-frame-shell {
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body.page-admin .admin-panel[data-admin-control-host] iframe.orchid-admin-control-frame {
  display:block!important;
  width:100%!important;
  height:auto;
  min-height:calc(100dvh - 150px)!important;
  max-height:none!important;
  border:0!important;
  overflow:visible!important;
  background:#000!important;
}
html body.page-admin .site-footer,
html body.page-tali .site-footer,
html body[class][class] .site-footer {
  position:static!important;
  display:block!important;
  visibility:visible;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  color:#fff!important;
  background:#000!important;
}
html body.page-admin .site-footer :is(a,p,strong,span),
html body.page-tali .site-footer :is(a,p,strong,span),
html body[class][class] .site-footer :is(a,p,strong,span) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:760px) {
  html body.page-admin .admin-panel[data-admin-control-host] iframe.orchid-admin-control-frame {
    min-height:calc(100dvh - 132px)!important;
  }
}

/* v454: final universal footer colour authority. Some light-mode route rules
   intentionally carry several body qualifiers, so the shared footer needs an
   equally explicit terminal rule to remain black on every public surface. */
html body[class][class][class][class] footer.site-footer {
  background:#000!important;
  background-color:#000!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
html body[class][class][class][class] footer.site-footer :is(a,p,strong,span,nav) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* v456: Creator is content-sized. The embedded app may grow for opened
   collections and newly added products, but it no longer manufactures a blank
   900px panel while account state is resolving. */
html body.page-creators main#top,
html body.page-creators #creators.uploaded-route-section,
html body.page-creators #creators > .uploaded-page-interface {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
html body.page-creators #creators iframe.uploaded-page-frame {
  display:block!important;
  width:100%!important;
  height:calc(100dvh - 150px)!important;
  min-height:480px!important;
  max-height:none!important;
  border:0!important;
  overflow:hidden!important;
}
@media(max-width:760px) {
  html body.page-creators #creators iframe.uploaded-page-frame {
    height:calc(100dvh - 132px)!important;
    min-height:480px!important;
  }
}