/* Orchid public UI system v1.0.0 — the final cascade authority for the
   application shell, commerce primitives, and Creator storefront family. */
:root {
  --orchid-emerald:#006349;
  --orchid-emerald-hover:#004f3b;
  --orchid-emerald-soft:#e7f2ee;
  --orchid-black:#000000;
  --orchid-charcoal:#171918;
  --orchid-graphite:#292c2a;
  --orchid-gray-900:#202321;
  --orchid-gray-700:#4f5551;
  --orchid-gray-500:#747b76;
  --orchid-gray-300:#c9ceca;
  --orchid-gray-200:#dfe3e0;
  --orchid-gray-100:#f2f4f2;
  --orchid-white:#ffffff;
  --orchid-danger:#b42318;
  --orchid-success:#006349;
  --orchid-ui-font:"Source Sans Pro",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --orchid-radius-sm:8px;
  --orchid-radius-md:12px;
  --orchid-radius-lg:18px;
  --orchid-shadow-sm:0 4px 16px rgba(0,0,0,.08);
  --orchid-shadow-md:0 16px 42px rgba(0,0,0,.12);
  --orchid-focus:0 0 0 3px color-mix(in srgb,var(--orchid-emerald) 34%,transparent);
  --surface-page:var(--orchid-white);
  --surface-panel:var(--orchid-white);
  --surface-muted:var(--orchid-gray-100);
  --surface-strong:var(--orchid-black);
  --text-primary:#111411;
  --text-secondary:#525953;
  --text-on-strong:var(--orchid-white);
  --border-subtle:var(--orchid-gray-200);
}

html body,
html body.page-discover,
html body.page-brands,
html body.page-creators,
html body.page-creator-link { --orchid-emerald:#006349; }

html[data-orchid-theme="dark"],
html[data-theme="dark"],
body.dark-mode {
  --surface-page:#050605;
  --surface-panel:#111311;
  --surface-muted:#1b1e1c;
  --surface-strong:var(--orchid-white);
  --text-primary:#f8faf8;
  --text-secondary:#bfc5c0;
  --text-on-strong:#111411;
  --border-subtle:#333734;
}

html { scroll-behavior:smooth; scroll-padding-top:142px; }
body:has(> .public-header-stack) { padding-top:var(--orchid-public-header-height,112px)!important; }
body:not(.page-journal):not(.page-blog) { font-family:var(--orchid-ui-font); }
body:not(.page-home):not(.page-journal):not(.page-blog) { color:var(--text-primary); background:var(--surface-page); }

/* Canonical public shell */
.public-header-stack {
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:120;
  display:block!important;
  width:100%;
  background:var(--surface-panel);
}
html body .public-header-stack .announcement-bar {
  position:relative!important;
  inset:0!important;
  min-height:30px;
  color:#fff!important;
  background:var(--orchid-emerald)!important;
  border:0!important;
  -webkit-text-fill-color:#fff!important;
}
html body .public-header-stack .announcement-group span,
html body .public-header-stack .announcement-group span::after { color:#fff!important; -webkit-text-fill-color:#fff!important; }
.public-header-stack .site-header {
  position:relative!important;
  inset:0!important;
  min-height:82px;
  color:var(--text-primary)!important;
  background:var(--surface-panel)!important;
  border-bottom:1px solid var(--border-subtle)!important;
  box-shadow:none!important;
}
.public-header-stack .brand-logo { filter:none!important; }
.public-header-stack .nav-links a {
  color:var(--text-primary)!important;
  border-radius:var(--orchid-radius-sm);
  font-family:var(--orchid-ui-font);
  -webkit-text-fill-color:var(--text-primary)!important;
}
.public-header-stack .nav-links a:is(:hover,:focus-visible) {
  color:var(--orchid-emerald)!important;
  background:var(--orchid-emerald-soft)!important;
  -webkit-text-fill-color:var(--orchid-emerald)!important;
}
.public-header-stack .nav-links a.is-active {
  color:#fff!important;
  background:var(--orchid-emerald)!important;
  -webkit-text-fill-color:#fff!important;
}
.header-account-actions { display:flex; align-items:center; gap:8px; }
.public-mobile-account-slot:empty { display:none; }
.public-header-stack :is(.icon-button,.cart-button,.global-logout-button) { min-height:44px; border-radius:var(--orchid-radius-sm)!important; }
.public-header-stack .icon-button { color:var(--text-primary)!important; background:var(--surface-muted)!important; border:1px solid var(--border-subtle)!important; }
.public-header-stack .icon-button svg { fill:currentColor!important; }
.public-header-stack .cart-button { color:var(--text-primary)!important; background:var(--surface-muted)!important; border:1px solid var(--border-subtle)!important; -webkit-text-fill-color:var(--text-primary)!important; }
.public-header-stack .cart-button [data-cart-count] { color:#fff!important; background:#000!important; border-color:#000!important; -webkit-text-fill-color:#fff!important; }
body.dark-mode .public-header-stack .cart-button [data-cart-count] { color:#000!important; background:#fff!important; border-color:#fff!important; -webkit-text-fill-color:#000!important; }
.public-header-stack .global-logout-button:not(.is-hidden) { color:#fff!important; background:#000!important; border:1px solid #000!important; -webkit-text-fill-color:#fff!important; }
.public-header-stack .global-logout-button:not(.is-hidden) * { color:#fff!important; -webkit-text-fill-color:#fff!important; }

/* Button and control contract */
body:not(.page-home):not(.page-journal):not(.page-blog) :is(button,.button,.btn,[role="button"]) {
  font-family:var(--orchid-ui-font);
  font-weight:600;
}
:is(.orchid-button,.button,.btn,.copy-code-button,.text-button) {
  min-height:40px;
  padding:8px 16px;
  border-radius:var(--orchid-radius-sm)!important;
}
:is(.button-primary,.btn-primary,.orchid-button--primary) {
  color:#fff!important;
  background:var(--orchid-emerald)!important;
  border-color:var(--orchid-emerald)!important;
  -webkit-text-fill-color:#fff!important;
}
:is(.button-primary,.btn-primary,.orchid-button--primary):is(:hover,:focus-visible) { background:var(--orchid-emerald-hover)!important; border-color:var(--orchid-emerald-hover)!important; }
:is(.button-dark,.btn-dark,.public-auth-primary,.global-logout-button,.orchid-button--dark) {
  color:#fff!important;
  background:#000!important;
  border-color:#000!important;
  -webkit-text-fill-color:#fff!important;
}
:is(.button-light,.btn-light,.button-white,.button-quiet,.orchid-button--light) {
  color:#111!important;
  background:#fff!important;
  border-color:var(--orchid-gray-300)!important;
  -webkit-text-fill-color:#111!important;
}
body.dark-mode :is(.button-quiet,.orchid-button--secondary) {
  color:#fff!important;
  background:var(--orchid-graphite)!important;
  border-color:#454a46!important;
  -webkit-text-fill-color:#fff!important;
}
:is(button,a,input,select,textarea,[role="button"]):focus-visible { outline:2px solid var(--orchid-emerald)!important; outline-offset:2px!important; box-shadow:var(--orchid-focus); }
button:disabled,.button[aria-disabled="true"] { opacity:.58; cursor:not-allowed; }

/* Canonical Creator storefront */
.public-creator-storefront,.creator-app { --green:var(--orchid-emerald); --green-bright:var(--orchid-emerald); }
.public-creator-storefront { width:min(100% - 32px,1760px); margin-inline:auto; color:var(--text-primary); }
.public-creator-hero,.storefront-profile-hero.orchid-storefront-hero {
  display:grid!important;
  place-items:center!important;
  min-height:clamp(390px,58vh,720px)!important;
  padding:clamp(36px,7vw,90px)!important;
  color:var(--text-primary)!important;
  background:var(--surface-panel)!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:var(--orchid-radius-lg)!important;
  box-shadow:var(--orchid-shadow-md)!important;
}
.public-creator-identity { display:flex!important; flex-direction:column; align-items:center; gap:10px; width:min(100%,860px); text-align:center; }
.public-creator-profile-image,.storefront-profile-image {
  display:block;
  width:clamp(132px,14vw,210px)!important;
  height:clamp(132px,14vw,210px)!important;
  object-fit:cover!important;
  border:2px solid var(--orchid-emerald)!important;
  border-radius:50%!important;
  background:var(--orchid-charcoal)!important;
  filter:none!important;
}
.public-creator-profile-image.is-empty { position:relative; }
.public-creator-profile-image.is-empty::after { content:""; position:absolute; inset:42%; border-radius:50%; background:var(--orchid-emerald); }
.public-creator-curated,.storefront-profile-hero .curated-by { color:var(--text-secondary)!important; font:700 12px/16px var(--orchid-ui-font)!important; letter-spacing:.05em!important; text-transform:uppercase; -webkit-text-fill-color:var(--text-secondary)!important; }
.public-creator-identity h2,.storefront-profile-hero h2 { margin:0; color:var(--text-primary)!important; font:700 36px/42px var(--orchid-ui-font)!important; -webkit-text-fill-color:var(--text-primary)!important; }
.public-creator-identity > p,.storefront-profile-hero .storefront-bio { max-width:720px; margin:0; color:var(--text-secondary)!important; line-height:1.6; -webkit-text-fill-color:var(--text-secondary)!important; }
.public-creator-name { color:var(--text-primary)!important; -webkit-text-fill-color:var(--text-primary)!important; }
.buyer-creator-storefront .public-creator-name { display:none!important; }
.public-creator-product-count,.storefront-profile-hero .storefront-count { color:var(--orchid-emerald)!important; font-size:12px; line-height:16px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; -webkit-text-fill-color:var(--orchid-emerald)!important; }
.public-creator-collection-navigation,.collection-navigation {
  display:flex!important;
  gap:8px;
  padding:20px 0;
  overflow-x:auto;
  scrollbar-width:thin;
  border-bottom:1px solid var(--border-subtle);
}
.public-creator-collection-navigation button,.collection-navigation button { flex:0 0 auto; color:var(--text-primary)!important; background:var(--surface-panel)!important; border:1px solid var(--border-subtle)!important; -webkit-text-fill-color:var(--text-primary)!important; }
.public-creator-collection-navigation button:is(.is-active,[aria-selected="true"]),.collection-navigation button[aria-selected="true"] { color:#fff!important; background:var(--orchid-emerald)!important; border-color:var(--orchid-emerald)!important; -webkit-text-fill-color:#fff!important; }

/* Commerce cards and rails */
.orchid-product-card,.product-card.orchid-product-card,.public-creator-product.orchid-product-card {
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  overflow:hidden;
  color:var(--text-primary);
  background:var(--surface-panel)!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:var(--orchid-radius-md)!important;
  box-shadow:var(--orchid-shadow-sm)!important;
}
.orchid-product-card__media { display:grid; place-items:center; aspect-ratio:4/5; overflow:hidden; background:var(--surface-muted); }
.orchid-product-card__media > :is(img,picture,.public-creator-media,.real-image,.image-empty,.orchid-media-empty) { width:100%!important; height:100%!important; max-width:none!important; aspect-ratio:4/5!important; object-fit:contain!important; border:0!important; border-radius:0!important; filter:none!important; }
.orchid-product-card__media :is(img,video) { width:100%!important; height:100%!important; object-fit:contain!important; filter:none!important; }
.orchid-media-empty { display:block; background:linear-gradient(145deg,var(--surface-muted),var(--border-subtle)); }
.orchid-product-card__body { display:flex; flex-direction:column; min-width:0; padding:16px; }
.orchid-product-card__brand { margin:0 0 8px; color:var(--text-secondary)!important; font-size:12px; line-height:16px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; -webkit-text-fill-color:var(--text-secondary)!important; }
.orchid-product-card__title { display:-webkit-box; min-height:40px; margin:0; overflow:hidden; color:var(--text-primary)!important; font:600 15px/20px var(--orchid-ui-font)!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; -webkit-text-fill-color:var(--text-primary)!important; }
.orchid-product-card__price { margin:10px 0 14px; color:var(--text-primary)!important; font-size:18px; line-height:24px; font-weight:700; font-variant-numeric:tabular-nums; -webkit-text-fill-color:var(--text-primary)!important; }
.orchid-product-card__actions { display:grid; gap:8px; margin-top:auto; }
.orchid-product-card__actions > :is(button,a) { width:100%; min-height:44px; }
.orchid-collection-card,.collection-card.orchid-collection-card {
  position:relative!important;
  display:grid!important;
  min-width:0;
  min-height:320px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  background:var(--orchid-charcoal)!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:var(--orchid-radius-md)!important;
  box-shadow:var(--orchid-shadow-sm)!important;
  text-align:left;
  -webkit-text-fill-color:#fff!important;
}
.orchid-collection-card__media { position:absolute; inset:0; }
.orchid-collection-card__media > :is(img,.orchid-media-empty) { width:100%; height:100%; object-fit:cover; filter:none!important; }
.orchid-collection-card__shade { position:absolute; inset:32% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.94)); }
.orchid-collection-card__copy { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; gap:5px; min-width:0; min-height:320px; padding:22px; color:#fff!important; -webkit-text-fill-color:#fff!important; }
.orchid-collection-card__copy small { font-size:12px; line-height:16px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.orchid-collection-card__copy strong { font:700 22px/28px var(--orchid-ui-font); overflow-wrap:normal; word-break:normal; }
.orchid-collection-card__copy > span { font-size:12px; }
.orchid-collection-card__link { position:absolute; inset:0; z-index:3; border-radius:inherit; }
.orchid-collection-card-surface { width:100%; min-height:320px!important; }
.orchid-collection-card-surface > img,
.orchid-collection-card-surface > .discover-media-empty { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; object-fit:cover!important; filter:none!important; }
.orchid-collection-card-surface::after { content:""; position:absolute; inset:32% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.94)); }
.orchid-collection-card-surface > :is(span,strong) { position:relative; z-index:2; display:block; margin:0; padding-inline:22px; color:#fff!important; -webkit-text-fill-color:#fff!important; }
.orchid-collection-card-surface > span { padding-top:220px; font:700 22px/28px var(--orchid-ui-font); }
.orchid-collection-card-surface > strong { padding-top:8px; font:700 12px/16px var(--orchid-ui-font); }
[data-commerce-rail] { display:grid!important; grid-auto-flow:column!important; grid-auto-columns:clamp(260px,28vw,360px)!important; gap:16px!important; overflow-x:auto!important; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; }
[data-commerce-rail] > * { scroll-snap-align:start; }
[data-commerce-rail] > .orchid-collection-card { width:auto!important; min-width:0!important; max-width:none!important; flex:none!important; }
[data-commerce-rail-prev],[data-commerce-rail-next] { min-width:44px; min-height:44px; }
:is(.discover-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] {
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
}
.public-creator-collection-view { width:100%!important; min-width:0!important; padding:clamp(18px,3vw,34px)!important; background:var(--surface-panel)!important; border:1px solid var(--border-subtle)!important; border-radius:var(--orchid-radius-md)!important; }
.public-creator-collection-products-head { display:flex!important; align-items:center!important; gap:16px!important; margin-bottom:20px!important; }

/* Creator workspace uses the same primitives without inheriting public route chrome. */
.creator-app { color:var(--text-primary); font-family:var(--orchid-ui-font); }
.creator-app .workspace-tabs { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; width:min(820px,100%)!important; padding:6px!important; background:var(--surface-muted)!important; border:1px solid var(--border-subtle)!important; border-radius:var(--orchid-radius-md)!important; }
.creator-app .workspace-tabs .tab { min-height:44px; color:var(--text-primary)!important; background:transparent!important; border:0!important; -webkit-text-fill-color:var(--text-primary)!important; }
.creator-app .workspace-tabs .tab[aria-selected="true"] { color:#fff!important; background:#000!important; -webkit-text-fill-color:#fff!important; }
.creator-app .collection-grid { display:grid!important; grid-auto-flow:column!important; grid-auto-columns:clamp(280px,32vw,390px)!important; gap:16px!important; overflow-x:auto!important; scroll-snap-type:x mandatory; }
.creator-app .product-grid { grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important; gap:16px!important; }

/* Stable Tali launcher identity in both themes. */
html body .orchid-chat-widget { padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
html body .orchid-chat-widget .orchid-chat-button {
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:132px!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 18px 8px 10px!important;
  color:#fff!important;
  background:#000!important;
  border:1px solid #fff!important;
  border-radius:999px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.34)!important;
  -webkit-text-fill-color:#fff!important;
}
html body .orchid-chat-widget .orchid-chat-button [data-tali-global-avatar] { display:grid!important; flex:0 0 40px!important; place-items:center!important; width:40px!important; height:40px!important; min-width:40px!important; max-width:40px!important; min-height:40px!important; max-height:40px!important; padding:0!important; color:#fff!important; background:var(--orchid-emerald)!important; border:0!important; border-radius:50%!important; aspect-ratio:1!important; -webkit-text-fill-color:#fff!important; }
html body .orchid-chat-widget .orchid-chat-button strong { color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .tali-route-suggestion {
  color:#fff!important;
  background:#000!important;
  border:1px solid #fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .tali-route-suggestion :is(strong,p,span) { color:#fff!important; -webkit-text-fill-color:#fff!important; opacity:1!important; }
html body .tali-route-suggestion [data-tali-suggestion-close] {
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  padding:0!important;
  color:#fff!important;
  background:#292929!important;
  border:1px solid #666!important;
  border-radius:50%!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:#fff!important;
}

/* Drawers/dialogs own scrolling while their page stays at the user's working position. */
html:has(body.modal-scroll-locked),body.modal-scroll-locked { overflow:hidden!important; overscroll-behavior:none!important; }
:is(.waitlist-overlay,.public-auth-overlay,.collection-chooser-overlay,.crop-editor-overlay,.product-preview-overlay,.cart-drawer) { overscroll-behavior:contain; }
:is(.waitlist-dialog,.public-auth-dialog,.collection-chooser-dialog,.crop-editor-dialog,.product-preview,.cart-drawer__body) { max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; }

/* A shopper can leave #discover through history.pushState without a fragment
   navigation. Override the legacy :target router so its former target cannot
   keep Discover painted over the canonical storefront. */
body.page-creator-link main [data-page]:not(#shop) { display:none!important; }
body.page-creator-link main #shop.public-storefront-route { display:block!important; }

/* v405 live-render safeguards. These selectors deliberately include the
   route/shell identity so older page rules cannot repaint a critical control
   after a route or theme change. */
html body .public-header-stack .site-header .header-actions .global-logout-button:not(.is-hidden),
html body:not(.dark-mode) .public-header-stack .site-header .header-actions .global-logout-button:not(.is-hidden),
html body.dark-mode .public-header-stack .site-header .header-actions .global-logout-button:not(.is-hidden) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:#050505!important;
  border:1px solid #050505!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#fff!important;
}
html body .public-header-stack .global-logout-button:not(.is-hidden)::before,
html body .public-header-stack .global-logout-button:not(.is-hidden)::after { color:#fff!important; -webkit-text-fill-color:#fff!important; }

html body button.waitlist-open-button:not(.is-hidden),
html body:not(.dark-mode) button.waitlist-open-button:not(.is-hidden),
html body.dark-mode button.waitlist-open-button:not(.is-hidden) {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#111!important;
  background:#fff!important;
  border:1px solid #b9bdb9!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  -webkit-text-fill-color:#111!important;
}

html body .orchid-chat-widget .tali-route-suggestion,
html body:not(.dark-mode) .orchid-chat-widget .tali-route-suggestion,
html body.dark-mode .orchid-chat-widget .tali-route-suggestion {
  color:#fff!important;
  background:#000!important;
  border:1px solid #fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  -webkit-text-fill-color:#fff!important;
}
html body .orchid-chat-widget .tali-route-suggestion :is(strong,a) { color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .orchid-chat-widget .tali-route-suggestion p { color:#c8ccc8!important; -webkit-text-fill-color:#c8ccc8!important; }

/* The arrows overlay the edges. The content rail therefore owns the complete
   shell width instead of accidentally occupying the former 44px arrow cell. */
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] {
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] > [data-commerce-rail] {
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding-inline:clamp(12px,3vw,46px)!important;
}
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] > [data-commerce-rail-prev],
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] > [data-commerce-rail-next] {
  position:absolute!important;
  z-index:6!important;
  top:50%!important;
  width:44px!important;
  min-width:44px!important;
  transform:translateY(-50%)!important;
}
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] > [data-commerce-rail-prev] { left:0!important; }
html body :is(.discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] > [data-commerce-rail-next] { right:0!important; }

html body.page-discover #discover .discover-collections-block [data-commerce-rail],
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-collections-row {
  grid-auto-columns:clamp(320px,31vw,500px)!important;
  min-height:360px!important;
}
html body.page-discover #discover .discover-collections-block [data-commerce-rail] > .orchid-collection-card,
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-collections-row > .orchid-collection-card {
  width:auto!important;
  min-width:0!important;
  min-height:360px!important;
  aspect-ratio:6/5!important;
}
html body.page-discover #discover .discover-collections-block .orchid-collection-card__copy,
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .orchid-collection-card__copy { min-height:360px!important; }

html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"],
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-hero {
  background-image:none!important;
  filter:none!important;
}
html body.page-creator-link:not(.dark-mode) #shop [data-canonical-public-storefront="creator-v2"] .public-creator-hero {
  color:#111411!important;
  background:#fff!important;
  border-color:#dfe3e0!important;
  -webkit-text-fill-color:#111411!important;
}
html body.page-creator-link.dark-mode #shop [data-canonical-public-storefront="creator-v2"] .public-creator-hero {
  color:#f8faf8!important;
  background:#111311!important;
  border-color:#333734!important;
  -webkit-text-fill-color:#f8faf8!important;
}
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-hero::before,
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-hero::after { display:none!important; content:none!important; }
html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] :is(.storefront-owner-actions,.public-talent-card,[data-oveb],[data-change-storefront-profile],[data-profile-editor]) { display:none!important; }

@media(max-width:820px) {
  html { scroll-padding-top:150px; }
  .public-header-stack .announcement-bar { min-height:28px; }
  .public-header-stack .site-header { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"brand actions" "nav nav"!important; min-height:100px; padding:7px 10px!important; }
  .public-header-stack .brand { grid-area:brand; }
  .public-header-stack .brand-logo { width:104px!important; max-height:42px; object-fit:contain; }
  .public-mobile-account-slot { display:none!important; }
  .public-header-stack .header-actions { grid-area:actions; display:flex!important; align-items:center!important; justify-self:end!important; }
  .public-header-stack .cart-button { min-width:54px!important; padding:7px!important; }
  .public-header-stack .cart-button > span { display:none; }
  .public-header-stack .nav-links {
    position:static!important;
    grid-area:nav!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    height:auto!important;
    min-height:44px!important;
    padding:4px 0 0!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    color:var(--text-primary)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
    scrollbar-width:none;
  }
  .public-header-stack .nav-links::-webkit-scrollbar { display:none; }
  .public-header-stack .nav-links > a {
    display:flex!important;
    flex:1 1 0!important;
    align-items:center;
    justify-content:center;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:36px;
    padding:7px 3px!important;
    font-size:clamp(8px,2.25vw,12px)!important;
    white-space:nowrap;
  }
  .creator-app .workspace-tabs { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

@media(max-width:639px) {
  .public-creator-storefront { width:calc(100% - 12px); }
  .public-creator-hero,.storefront-profile-hero.orchid-storefront-hero { min-height:430px!important; padding:32px 16px!important; }
  .public-creator-identity h2,.storefront-profile-hero h2 { font-size:clamp(42px,14vw,64px)!important; }
  [data-commerce-rail] { grid-auto-columns:calc(100vw - 44px)!important; gap:12px!important; }
  html body.page-discover #discover .discover-collections-block [data-commerce-rail],
  html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-collections-row { grid-auto-columns:min(84vw,380px)!important; min-height:340px!important; }
  html body.page-discover #discover .discover-collections-block [data-commerce-rail] > .orchid-collection-card,
  html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-collections-row > .orchid-collection-card,
  html body.page-discover #discover .discover-collections-block .orchid-collection-card__copy,
  html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .orchid-collection-card__copy { min-height:340px!important; }
  :is(.discover-rail-shell,.public-creator-collections-carousel,.public-creator-products-carousel)[data-commerce-rail-shell] { grid-template-columns:36px minmax(0,1fr) 36px!important; gap:4px!important; }
  .public-creator-collection-products-head { align-items:flex-start!important; flex-direction:column!important; }
  .creator-app .product-grid { display:grid!important; grid-template-columns:1fr!important; }
  body.page-discover :is(.discover-product-grid,.discover-results-grid,.discover-saved-grid),
  body.page-brands :is(.brand-product-grid,.brand-directory-grid),
  .public-creator-storefront :is(.public-creator-grid,.public-creator-products):not([data-commerce-rail]) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  body.page-discover :is(.discover-product-grid,.discover-results-grid,.discover-saved-grid) > .orchid-product-card,
  body.page-brands :is(.brand-product-grid,.brand-directory-grid) > .orchid-product-card,
  .public-creator-storefront :is(.public-creator-grid,.public-creator-products):not([data-commerce-rail]) > .orchid-product-card {
    width:100%!important;
    max-width:none!important;
  }
  .creator-app #collection-products.product-grid { display:grid!important; grid-auto-flow:column!important; grid-auto-columns:calc(100vw - 60px)!important; grid-template-columns:none!important; }
  .creator-app #collection-products.product-grid.hide { display:none!important; }
  .orchid-product-card__body { padding:14px; }
  .orchid-product-card__actions > :is(button,a) { width:100%!important; }
  html body .orchid-chat-widget .orchid-chat-button { min-width:122px!important; min-height:54px!important; padding:7px 16px 7px 9px!important; }
  html body .orchid-chat-widget .orchid-chat-button [data-tali-global-avatar] { flex-basis:36px!important; width:36px!important; height:36px!important; min-width:36px!important; max-width:36px!important; min-height:36px!important; max-height:36px!important; }
}

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* v406 semantic typography and session controls. Journal editorial content
   keeps its protected typography; all application and commerce UI shares one
   restrained sans-serif scale. */
:root {
  --text-display-size:36px;
  --text-display-line:42px;
  --text-h1-size:28px;
  --text-h1-line:34px;
  --text-h2-size:22px;
  --text-h2-line:28px;
  --text-h3-size:18px;
  --text-h3-line:24px;
  --text-body-size:15px;
  --text-body-line:22px;
  --text-ui-size:14px;
  --text-ui-line:20px;
  --text-meta-size:13px;
  --text-meta-line:18px;
  --text-eyebrow-size:12px;
  --text-eyebrow-line:16px;
}
body:not(.page-journal):not(.page-blog),
body:not(.page-journal):not(.page-blog) :is(button,input,select,textarea,optgroup) {
  font-family:var(--orchid-ui-font)!important;
}
body:not(.page-journal):not(.page-blog) :is(p,li,dd,dt,label,input,select,textarea) {
  hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
}
.text-display { font-size:var(--text-display-size)!important; line-height:var(--text-display-line)!important; font-weight:700!important; }
.text-h1 { font-size:var(--text-h1-size)!important; line-height:var(--text-h1-line)!important; font-weight:700!important; }
.text-h2 { font-size:var(--text-h2-size)!important; line-height:var(--text-h2-line)!important; font-weight:700!important; }
.text-h3 { font-size:var(--text-h3-size)!important; line-height:var(--text-h3-line)!important; font-weight:600!important; }
.text-body { font-size:var(--text-body-size)!important; line-height:var(--text-body-line)!important; font-weight:400!important; }
.text-ui { font-size:var(--text-ui-size)!important; line-height:var(--text-ui-line)!important; font-weight:600!important; }
.text-meta { font-size:var(--text-meta-size)!important; line-height:var(--text-meta-line)!important; font-weight:500!important; }
.text-eyebrow { font-size:var(--text-eyebrow-size)!important; line-height:var(--text-eyebrow-line)!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase; }
body:not(.page-journal):not(.page-blog) :is(button,.button,.nav-links a,.workspace-tabs .tab) { font-size:var(--text-ui-size); line-height:var(--text-ui-line); font-weight:600; }
body:not(.page-journal):not(.page-blog) :is(.orchid-product-card__brand,.brand-label,.eyebrow) { font-size:12px!important; line-height:16px!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase; }
body:not(.page-journal):not(.page-blog) :is(.orchid-product-card__title,.product-title) { font-size:15px!important; line-height:20px!important; font-weight:600!important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
body:not(.page-journal):not(.page-blog) :is(.orchid-product-card__price,.product-price,.price) { font-size:18px!important; line-height:24px!important; font-weight:700!important; font-variant-numeric:tabular-nums; }
.creator-app { font-family:var(--orchid-ui-font)!important; }
.creator-app :is(h1,.creator-blog-hero h2) { font-family:var(--orchid-ui-font)!important; font-size:36px!important; line-height:42px!important; font-weight:700!important; }
.creator-app :is(h2,.opve-confirmation h3) { font-family:var(--orchid-ui-font)!important; font-size:22px!important; line-height:28px!important; font-weight:700!important; }
.creator-app :is(h3,.creator-blog-card h3,.product-card h3) { font-family:var(--orchid-ui-font)!important; font-size:18px!important; line-height:24px!important; font-weight:600!important; }
.creator-app :is(.talent-brand,.talent-card h3,.talent-score-row strong,.talent-commercial strong,.collection-copy strong) { font-family:var(--orchid-ui-font)!important; }
@media(max-width:760px) { :root { --text-h1-size:24px; --text-h1-line:30px; } }

/* Compact authentication state icon: emerald means authenticated, red means
   signed out. The same icon and dimensions are used in both themes. */
html body .public-header-stack .site-header .header-actions .global-session-button,
html body .brand-dashboard .global-session-button {
  position:relative!important;
  display:inline-grid!important;
  flex:0 0 44px!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  color:#bd2c2c!important;
  background:var(--surface-panel)!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  -webkit-text-fill-color:currentColor!important;
}
html body .public-header-stack .site-header .header-actions .global-session-button.is-authenticated,
html body .brand-dashboard .global-session-button.is-authenticated { color:#007b5c!important; }
html body .public-header-stack .site-header .header-actions .global-session-button.is-signed-out,
html body .brand-dashboard .global-session-button.is-signed-out { color:#bd2c2c!important; }
html body .global-session-button > img { display:none!important; }
html body .global-session-button::before {
  content:""!important;
  display:block!important;
  width:23px!important;
  height:23px!important;
  background:currentColor!important;
  -webkit-mask:url("assets/orchid-session-icon.png?v=412") center/contain no-repeat!important;
  mask:url("assets/orchid-session-icon.png?v=412") center/contain no-repeat!important;
}
html body .public-header-stack .site-header .header-actions .global-session-button::before,
html body .brand-dashboard .global-session-button::before { background:currentColor!important; }
html body .public-header-stack .site-header .header-actions .global-session-button.is-authenticated::before,
html body .brand-dashboard .global-session-button.is-authenticated::before {
  color:#007b5c!important;
  background-color:#007b5c!important;
  -webkit-text-fill-color:#007b5c!important;
}
html body .public-header-stack .site-header .header-actions .global-session-button.is-signed-out::before,
html body .brand-dashboard .global-session-button.is-signed-out::before {
  color:#bd2c2c!important;
  background-color:#bd2c2c!important;
  -webkit-text-fill-color:#bd2c2c!important;
}
html body .global-session-button::after { display:none!important; content:none!important; }

/* Tablet and desktop storefront containment. Mobile values below 761px stay
   exactly as defined by the existing mobile storefront. */
@media(min-width:761px) {
  html body .public-creator-storefront {
    width:min(94vw,1580px)!important;
    max-width:1580px!important;
    margin-inline:auto!important;
  }
  html body .public-creator-storefront > :is(.public-creator-hero,.public-creator-collections-carousel,.public-creator-collection-view) {
    width:100%!important;
    max-width:none!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }
  html body .public-creator-storefront > :is(.public-creator-collections-carousel,.public-creator-collection-view) {
    padding-inline:clamp(24px,2.2vw,32px)!important;
  }
  html body.page-creator-link #shop [data-canonical-public-storefront="creator-v2"] .public-creator-collections-row {
    grid-auto-columns:clamp(360px,30vw,500px)!important;
  }
}

/* Shopper-facing creator identity is visible and readable while all owner-only
   controls remain removed by the canonical public-storefront rule above. */
html body.page-creator-link:not(.dark-mode) #shop [data-canonical-public-storefront="creator-v2"] .public-creator-name {
  display:block!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
html body.page-creator-link.dark-mode #shop [data-canonical-public-storefront="creator-v2"] .public-creator-name {
  display:block!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Keep the inbox useful throughout the tablet/compact-desktop range instead of
   letting the absolutely positioned menu collapse with the header controls. */
@media(min-width:761px) and (max-width:1180px) {
  html body .message-menu-shell .account-menu:not(.is-hidden) {
    position:fixed!important;
    top:calc(var(--orchid-public-header-height,112px) + 10px)!important;
    right:16px!important;
    left:auto!important;
    width:min(560px,calc(100vw - 32px))!important;
    min-width:min(480px,calc(100vw - 32px))!important;
    max-height:calc(100dvh - var(--orchid-public-header-height,112px) - 26px)!important;
  }
}
.public-auth-otp-card [data-public-auth-otp-countdown] { display:block; margin-top:4px; color:var(--orchid-emerald)!important; font-size:13px!important; line-height:18px!important; font-variant-numeric:tabular-nums; }
.public-auth-otp-card [data-public-auth-otp-countdown].is-expired { color:var(--orchid-danger)!important; }

/* v409: widen only the authenticated Creator workspace Storefront tab.
   The shopper-facing .public-creator-storefront and every mobile rule remain
   unchanged. Both premium surfaces use the same breakout geometry so their
   content lines and the Collections rail stay aligned. */
@media(min-width:761px) {
  .creator-app #screen-storefront {
    width:min(94vw,1580px)!important;
    max-width:none!important;
    position:relative;
    left:50%;
    margin-inline:0!important;
    transform:translateX(-50%);
  }
  .creator-app #screen-storefront > :is(.storefront-profile-hero,#collection-section) {
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:clamp(24px,2vw,32px)!important;
  }
  .creator-app #screen-storefront #collection-section :is(.section-head,.collection-navigation,.collection-carousel,#collection-products,#storefront-empty) {
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  .creator-app #screen-storefront .collection-carousel,
  .creator-app #screen-storefront .collection-grid {
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}
@media(min-width:761px) and (max-width:1023px) {
  .creator-app #screen-storefront > :is(.storefront-profile-hero,#collection-section) {
    padding-inline:clamp(20px,2.35vw,24px)!important;
  }
}
@media(min-width:1600px) {
  .creator-app #screen-storefront {
    width:min(92vw,1680px)!important;
  }
}

/* v412 density and interaction rhythm. All values remain on Orchid's 4px
   spacing grid and leave the established typography tokens unchanged. */
@media(min-width:821px) {
  .public-header-stack .nav-links > a {
    font-size:14px!important;
    line-height:20px!important;
    font-weight:600!important;
  }
  .public-header-stack .nav-links > a.is-active,
  .public-header-stack .nav-links > a[aria-current="page"] { font-weight:700!important; }
}

:is(.brand-dashboard-tabs,.dashboard-tabs,.tracking-tabs,.agent-dashboard-tabs,.workspace-tabs,.brand-category-tabs) {
  align-items:center;
  column-gap:clamp(20px,2vw,24px)!important;
  min-height:40px;
}
:is(.brand-dashboard-tabs,.dashboard-tabs,.tracking-tabs,.agent-dashboard-tabs,.workspace-tabs,.brand-category-tabs) :is(button,a,.tab) {
  min-height:40px!important;
  padding-block:8px!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:500!important;
  border-bottom-width:2px!important;
}
:is(.brand-dashboard-tabs,.dashboard-tabs,.tracking-tabs,.agent-dashboard-tabs,.workspace-tabs,.brand-category-tabs) :is(button,a,.tab).is-active {
  font-weight:600!important;
}

body:not(.page-journal):not(.page-blog) :is(.section-head,.discover-block-heading,.brand-commerce-toolbar,.dashboard-heading,.page-heading) {
  margin-block-end:16px!important;
}
body:not(.page-journal):not(.page-blog) :is(.section-head,.discover-block-heading,.brand-commerce-toolbar,.dashboard-heading,.page-heading) > :is(div,p,h1,h2,h3) {
  margin-block-start:0;
}
.discover-feed .discover-section-block {
  padding-block:24px 0!important;
}
.discover-feed .discover-section-block + .discover-section-block {
  margin-block-start:0!important;
}
.brand-dashboard-panel,
.creator-app :is(.dashboard-panel,.workspace-panel) { gap:16px!important; }
.brand-dashboard-tabs + .brand-dashboard-panel,
.workspace-tabs + :is(.workspace-panel,.dashboard-panel) { margin-block-start:20px!important; }

/* Canonical Shopper card geometry: source image dimensions never influence
   the card, and every title/action lane reserves the same space. */
body.page-discover :is(.discover-product-grid,.discover-results-grid,.discover-saved-grid) > .orchid-product-card {
  align-self:stretch;
  height:100%;
}
body.page-discover .orchid-product-card__media {
  width:100%;
  aspect-ratio:4/5!important;
  overflow:hidden;
}
body.page-discover .orchid-product-card__media :is(img,picture) {
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body.page-discover .orchid-product-card__body {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}
body.page-discover .orchid-product-card__title { min-height:40px!important; }
body.page-discover .orchid-product-card__actions { margin-block-start:auto; }

/* Shopper performance: preserve card geometry while avoiding permanent GPU
   layers, expensive glass blurs and offscreen card painting. */
body.page-discover.orchid-motion-ready #discover [data-orchid-animate] {
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
body.page-discover #discover .discover-save-button {
  background:var(--surface-panel,#fff)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.page-discover #discover .orchid-product-card {
  content-visibility:auto;
  contain-intrinsic-block-size:650px;
}
body.page-discover #discover :is(.orchid-product-card__media,.public-creator-media,.orchid-collection-card__media).is-image-unavailable > img {
  display:none!important;
}

.discover-loading-state { min-height:460px; }
.discover-product-skeleton { pointer-events:none; }
.discover-skeleton-media,
.discover-skeleton-line,
.discover-skeleton-action {
  display:block;
  border-radius:8px;
  background:linear-gradient(90deg,var(--surface-muted,#ecefed) 25%,var(--surface-panel,#fff) 50%,var(--surface-muted,#ecefed) 75%);
  background-size:220% 100%;
  animation:orchid-skeleton 1.2s ease-in-out infinite;
}
.discover-skeleton-media { aspect-ratio:4/5; border-radius:12px 12px 0 0; }
.discover-skeleton-line { width:calc(100% - 28px); height:16px; margin:16px 14px 0; }
.discover-skeleton-line.is-short { width:58%; margin-top:8px; }
.discover-skeleton-action { width:calc(100% - 28px); height:40px; margin:20px 14px 14px; }
.discover-load-more { display:flex; justify-content:center; padding-block:24px 8px; }
.discover-error-state .discover-block-heading { align-items:center; }
@keyframes orchid-skeleton { to { background-position:-220% 0; } }

/* v413 Shopper discovery alignment and compact navigation. */
html body.page-discover #discover .discover-toolbar,
html body.page-discover #discover .discover-status,
html body.page-discover #discover .discover-feed {
  width:min(1500px,100%)!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
  padding-inline:clamp(16px,4vw,58px)!important;
}
html body.page-discover #discover .discover-status {
  min-height:20px!important;
  margin-top:16px!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.page-discover #discover .discover-filter-row { gap:8px!important; }
html body.page-discover #discover .discover-filter-row button {
  min-height:40px!important;
  padding:8px 14px!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
html body.page-discover #discover .discover-feed .discover-section-block { padding-top:24px!important; }
html body.page-discover #discover .discover-block-heading { gap:16px!important; padding-inline:0!important; }
html body.page-discover #discover .discover-block-heading h3 {
  margin:0!important;
  font-family:var(--orchid-ui-font)!important;
  font-size:22px!important;
  line-height:28px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
html body.page-discover #discover .discover-block-heading > span {
  font-size:13px!important;
  line-height:18px!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
}
html body.page-discover #discover .discover-loading-state .discover-block-heading p:not(.eyebrow) {
  margin:4px 0 0;
  color:var(--orchid-muted);
}
html body.page-discover #discover .discover-creators-block .discover-rail { grid-auto-columns:minmax(280px,360px)!important; }
@media(max-width:760px) {
  html body.page-discover #discover .discover-toolbar,
  html body.page-discover #discover .discover-status,
  html body.page-discover #discover .discover-feed { padding-inline:16px!important; }
  html body.page-discover #discover .discover-block-heading h3 { font-size:20px!important; line-height:26px!important; }
}

/* v420 universal commerce rail and shadow authority. Product and collection
   content uses one carousel controller; card media never carries drop shadow. */
html body [data-commerce-rail] {
  align-items:stretch!important;
}

html body :is(.product-grid,.featured-product-grid,.product-row-scroll,.landing-product-row,.landing-product-grid,.discover-product-grid,.discover-collection-grid,.discover-circle-track,.public-creator-grid,.public-creator-collections-row,.os-product-grid,.brand-product-grid,.collection-grid,.cms-product-live-grid)[data-commerce-rail] {
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(260px,28vw,360px)!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
}

html body .agent-my-shop-product-rail[data-commerce-rail],
html body .agent-my-shop-collection-row[data-commerce-rail]:not(.is-collection-open) {
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(260px,28vw,360px)!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
}

html body .agent-my-shop-product-rail[data-commerce-rail] {
  grid-column:1 / -1!important;
}

html body [data-commerce-rail] > :is(.orchid-product-card,.product-card,.discover-product-card,.public-creator-product,.os-product-card,.cms-product-card-shell,.orchid-collection-card,.collection-card,.discover-collection-card,.public-creator-shelf) {
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  scroll-snap-align:start!important;
}

html body .agent-my-shop-product-rail[data-commerce-rail] > .agent-shop-card,
html body .agent-my-shop-collection-row[data-commerce-rail]:not(.is-collection-open) > .agent-my-shop-category-card {
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  scroll-snap-align:start!important;
}

html body :is(.orchid-product-card,.product-card,.discover-product-card,.public-creator-product,.os-product-card,.agent-shop-card,.orchid-collection-card,.collection-card,.discover-collection-card,.public-creator-shelf,.agent-my-shop-category-card),
html body :is([class*="product-card"],[class*="collection-card"]) {
  box-shadow:none!important;
}

html body :is(.orchid-product-card,.product-card,.discover-product-card,.public-creator-product,.os-product-card,.agent-shop-card,.orchid-collection-card,.collection-card,.discover-collection-card,.public-creator-shelf,.agent-my-shop-category-card) :is(img,picture,video),
html body :is([class*="product-card"],[class*="collection-card"]) :is(img,picture,video) {
  box-shadow:none!important;
  filter:none!important;
}

@media(max-width:639px) {
  html body :is(.product-grid,.featured-product-grid,.product-row-scroll,.landing-product-row,.landing-product-grid,.discover-product-grid,.discover-collection-grid,.discover-circle-track,.public-creator-grid,.public-creator-collections-row,.os-product-grid,.brand-product-grid,.collection-grid,.cms-product-live-grid)[data-commerce-rail] {
    grid-auto-columns:calc(100vw - 44px)!important;
    gap:12px!important;
  }

  html body .agent-my-shop-product-rail[data-commerce-rail],
  html body .agent-my-shop-collection-row[data-commerce-rail]:not(.is-collection-open) {
    grid-auto-columns:calc(100vw - 44px)!important;
    gap:12px!important;
  }
}

/* v422 intelligent Shopper search. The former pill toolbar and visible load
   status are replaced by one compact, semantic discovery control. */
html body.page-discover #discover .discover-intelligent-search {
  width:min(1500px,100%)!important;
  min-height:0!important;
  margin-inline:auto!important;
  padding:20px clamp(16px,4vw,58px) 0!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body.page-discover #discover .discover-search-form {
  position:relative;
  display:flex;
  align-items:center;
  width:min(100%,500px);
  height:44px;
  margin-inline:auto;
  color:var(--text-primary,#111);
  background:var(--surface-panel,#fff);
  border:1px solid var(--border-subtle,#aeb5b1);
  border-radius:10px;
  box-shadow:none;
}

html:not([data-theme="dark"]) body.page-discover #discover .discover-search-form {
  color:#111!important;
  background:#fff!important;
  border-color:#aeb5b1!important;
}

html body.page-discover #discover .discover-search-form:focus-within {
  border-color:var(--orchid-emerald);
}

html body.page-discover #discover .discover-search-form > svg {
  flex:0 0 auto;
  width:18px;
  height:18px;
  margin-left:14px;
  fill:currentColor;
  opacity:.72;
}

html body.page-discover #discover .discover-search-form input {
  min-width:0;
  height:42px;
  flex:1 1 auto;
  margin:0;
  padding:10px 10px;
  color:var(--text-primary)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font:400 15px/22px var(--orchid-ui-font)!important;
  -webkit-text-fill-color:var(--text-primary)!important;
  appearance:none;
}

html body.page-discover #discover .discover-search-form input::placeholder {
  color:var(--text-secondary)!important;
  opacity:1;
}

html body.page-discover #discover .discover-search-form input::-webkit-search-cancel-button {
  display:none;
}

html body.page-discover #discover .discover-search-form [data-discover-search-clear] {
  flex:0 0 auto;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  margin-right:4px;
  padding:0;
  color:var(--text-secondary);
  background:transparent;
  border:0;
  border-radius:8px!important;
  font:600 20px/20px var(--orchid-ui-font);
}

html body.page-discover #discover .discover-search-form [data-discover-search-clear][hidden] {
  display:none!important;
}

html body.page-discover #discover .discover-search-results .discover-block-heading p:not(.eyebrow) {
  max-width:620px;
  margin:6px 0 0;
  color:var(--text-secondary);
  font:400 15px/22px var(--orchid-ui-font);
}

@media(max-width:760px) {
  html body.page-discover #discover .discover-intelligent-search {
    padding:16px 16px 0!important;
  }
  html body.page-discover #discover .discover-search-form {
    width:100%;
    height:44px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .discover-skeleton-media,.discover-skeleton-line,.discover-skeleton-action { animation:none; }
}

/* v414 desktop header density: stronger page names and quieter utility icons. */
@media(min-width:821px) {
  html body .public-header-stack .nav-links > a {
    font-size:14px!important;
    line-height:20px!important;
    font-weight:700!important;
  }
  html body .public-header-stack .site-header .header-actions .icon-button,
  html body .public-header-stack .site-header .header-actions .global-session-button {
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:10px!important;
  }
  html body .public-header-stack .site-header .header-actions .icon-button svg {
    width:18px!important;
    height:18px!important;
  }
  html body .public-header-stack .site-header .header-actions .global-session-button::before {
    width:19px!important;
    height:19px!important;
  }
  html body .public-header-stack .site-header .header-actions .cart-button {
    min-height:40px!important;
    padding:5px 10px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  html body .public-header-stack .site-header .header-actions .cart-button svg {
    width:18px!important;
    height:18px!important;
  }
  html body .public-header-stack .site-header .header-actions .cart-button [data-cart-count] {
    min-width:26px!important;
    height:26px!important;
    padding-inline:6px!important;
    font-size:13px!important;
    line-height:18px!important;
  }
}

/* v418 flat reactive page flow. Decorative section shells no longer create
   floating islands or viewport-filling gaps; functional cards and controls
   retain their own surfaces and interaction. */
html body.page-discover #discover :is(.discover-search-hero,.discover-toolbar,.discover-section-block),
.creator-app .screen > .section-card,
.creator-app .my-shop-columns > .section-card,
.creator-app #screen-blog > .creator-blog-hero {
  box-sizing:border-box!important;
  min-height:0!important;
  height:auto!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body.page-discover #discover .discover-toolbar {
  padding-block:12px!important;
  border-bottom:1px solid var(--border-subtle,var(--line))!important;
}

html body.page-discover #discover .discover-feed {
  display:block!important;
  padding-block:8px 48px!important;
}

html body.page-discover #discover .discover-feed .discover-section-block {
  display:grid!important;
  gap:20px!important;
  margin:0!important;
  padding:32px 0 0!important;
}

html body.page-discover #discover .discover-feed .discover-section-block + .discover-section-block {
  margin-top:40px!important;
  padding-top:40px!important;
  border-top:1px solid var(--border-subtle,var(--line))!important;
}

html body.page-discover #discover .discover-block-heading,
html body.page-discover #discover .discover-block-heading > div {
  min-width:0!important;
  margin:0!important;
}

html body.page-discover #discover .discover-block-heading > div {
  display:grid!important;
  gap:6px!important;
}

html body.page-discover #discover .discover-block-heading :is(.eyebrow,h3,p) {
  max-width:none!important;
  margin:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-discover #discover .orchid-reactive-rail-list {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
  min-height:0!important;
}

html body.page-discover #discover .orchid-reactive-rail-row {
  min-height:0!important;
  height:auto!important;
  margin:0!important;
}

html body.page-discover #discover .discover-loading-state {
  min-height:0!important;
  padding-block:32px!important;
}

html body.page-discover #discover .discover-load-more {
  padding-block:24px 0!important;
}

.creator-app .screen {
  min-height:0!important;
  height:auto!important;
}

.creator-app .screen > .section-card,
.creator-app .my-shop-columns > .section-card {
  margin-top:40px!important;
}

.creator-app .screen > .section-card:not(#collection-section),
.creator-app .my-shop-columns > .section-card {
  padding:0!important;
}

@media(min-width:761px) {
  .creator-app #screen-storefront > #collection-section {
    padding-block:0!important;
    padding-inline:clamp(24px,2vw,32px)!important;
  }
}

@media(min-width:761px) and (max-width:1023px) {
  .creator-app #screen-storefront > #collection-section {
    padding-inline:clamp(20px,2.35vw,24px)!important;
  }
}

.creator-app .my-shop-columns {
  gap:24px!important;
}

.creator-app :is(.section-head,.shop-subheading) {
  margin-bottom:20px!important;
}

.creator-app .section-head > div {
  display:grid!important;
  gap:6px!important;
}

.creator-app :is(.section-head,.workspace-head,.creator-blog-hero) :is(h1,h2,h3,p),
.creator-app #screen-blog > .creator-blog-hero :is(h2,p) {
  max-width:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

.creator-app #screen-blog > .creator-blog-hero h2 {
  margin:6px 0 0!important;
  font-family:var(--orchid-ui-font)!important;
  font-size:28px!important;
  line-height:34px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}

.creator-app #screen-blog > .creator-blog-hero :is(h2,p) {
  color:var(--text-primary,var(--ink))!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

.creator-app #screen-blog > .creator-blog-hero p,
.creator-app #screen-blog > .creator-blog-hero .subtle {
  margin-top:6px!important;
  font-family:var(--orchid-ui-font)!important;
  font-size:15px!important;
  line-height:22px!important;
  font-weight:400!important;
}

@media(min-width:761px) {
  .creator-app #screen-storefront > .storefront-profile-hero {
    box-sizing:border-box!important;
    min-height:0!important;
    height:auto!important;
    padding:32px 24px!important;
    color:var(--text-primary,var(--ink))!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .creator-app #screen-storefront > .storefront-profile-hero :is(h2,p) {
    max-width:none!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .creator-app #screen-storefront > .storefront-profile-hero h2 {
    margin:6px 0 0!important;
    font-family:var(--orchid-ui-font)!important;
    font-size:28px!important;
    line-height:34px!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
  }
  .creator-app #screen-storefront > .storefront-profile-hero .storefront-bio {
    margin-top:6px!important;
    font-family:var(--orchid-ui-font)!important;
    font-size:15px!important;
    line-height:22px!important;
    font-weight:400!important;
  }
}

@media(max-width:760px) {
  html body.page-discover #discover .discover-feed { padding-block-end:32px!important; }
  html body.page-discover #discover .discover-feed .discover-section-block { padding-top:24px!important; }
  html body.page-discover #discover .discover-feed .discover-section-block + .discover-section-block {
    margin-top:32px!important;
    padding-top:32px!important;
  }
  html body.page-discover #discover .orchid-reactive-rail-list { gap:16px!important; }
  .creator-app .screen > .section-card,
  .creator-app .my-shop-columns > .section-card { margin-top:32px!important; }
  .creator-app #screen-blog > .creator-blog-hero h2 { font-size:24px!important; line-height:30px!important; }
}

/* v419 structural wrapper removal. These selectors target page-flow shells,
   not product cards, collection cards, filters, or working view controls. */
html body.page-discover:not(.dark-mode) #discover,
html body.page-discover:not(.dark-mode) #discover :is(.discover-shell,.discover-feed) {
  background:#fff!important;
}

html body.page-discover #discover .discover-toolbar {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body.page-discover #discover .discover-flow-section {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:32px 0 0!important;
  color:var(--platform-ink,var(--text-primary))!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}

html body.page-discover #discover .discover-flow-section::before,
html body.page-discover #discover .discover-flow-section::after {
  content:none!important;
  display:none!important;
}

html body.page-discover #discover .discover-flow-section + .discover-flow-section {
  margin-top:40px!important;
  padding-top:40px!important;
  border-top:1px solid var(--border-subtle,var(--platform-line))!important;
}

.creator-app .creator-access {
  min-height:0!important;
  height:auto!important;
  margin:32px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.creator-app .workspace-tabs.hide {
  display:none!important;
}

.creator-app .workspace-tabs:not(.hide) {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:min(640px,100%)!important;
  margin:20px auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.creator-app .workspace-tabs .tab {
  min-width:0!important;
  min-height:40px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:1px solid var(--border-subtle)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html[data-theme="light"] .creator-app .workspace-tabs .tab[aria-selected="true"],
html[data-theme="dark"] .creator-app .workspace-tabs .tab[aria-selected="true"] {
  color:#fff!important;
  background:var(--orchid-emerald,var(--green))!important;
  border-color:var(--orchid-emerald,var(--green))!important;
  -webkit-text-fill-color:#fff!important;
}

@media(max-width:760px) {
  html body.page-discover #discover .discover-flow-section { padding-top:24px!important; }
  html body.page-discover #discover .discover-flow-section + .discover-flow-section {
    margin-top:32px!important;
    padding-top:32px!important;
  }
  .creator-app .creator-access { margin-top:24px!important; }
  .creator-app .workspace-tabs:not(.hide) {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .creator-app .workspace-tabs .tab {
    min-height:36px!important;
    padding:6px 3px!important;
    font-size:12px!important;
    line-height:18px!important;
  }
}

/* v423 flat image-led commerce cards. Every live Product and Collection card
   keeps its existing geometry and interaction while sharing one borderless,
   shadow-free visual language. Keyboard focus remains available on controls. */
html body :where(
  .orchid-product-card,
  .product-card,
  .discover-product-card,
  .public-creator-product,
  .orchid-storefront-product-card,
  .brand-storefront-product-card,
  .os-product-card,
  .agent-shop-card,
  .cms-product-card-shell,
  .orchid-collection-card,
  .collection-card,
  .discover-collection-card,
  .public-creator-shelf,
  .orchid-storefront-collection-card,
  .brand-storefront-collection-card,
  .agent-my-shop-category-card
) {
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body :where(
  .orchid-product-card,
  .product-card,
  .discover-product-card,
  .public-creator-product,
  .orchid-storefront-product-card,
  .brand-storefront-product-card,
  .os-product-card,
  .agent-shop-card,
  .cms-product-card-shell,
  .orchid-collection-card,
  .collection-card,
  .discover-collection-card,
  .public-creator-shelf,
  .orchid-storefront-collection-card,
  .brand-storefront-collection-card,
  .agent-my-shop-category-card
):is(:hover,:active) {
  transform:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

html body :where(
  .orchid-product-card__media,
  .product-card .product-visual,
  .discover-product-media,
  .public-creator-media,
  .agent-shop-media,
  .agent-shop-card > img,
  .orchid-collection-card__media,
  .collection-card > a,
  .agent-my-shop-collection-summary
) {
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body :where(
  .orchid-product-card,
  .product-card,
  .discover-product-card,
  .public-creator-product,
  .orchid-storefront-product-card,
  .brand-storefront-product-card,
  .os-product-card,
  .agent-shop-card,
  .orchid-collection-card,
  .collection-card,
  .discover-collection-card,
  .public-creator-shelf,
  .orchid-storefront-collection-card,
  .brand-storefront-collection-card,
  .agent-my-shop-category-card
) :is(img,picture,video,.real-image,.image-empty,.orchid-media-empty) {
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

html body .orchid-product-card__body,
html body .product-card .product-body,
html body .discover-product-body,
html body .agent-shop-card > div {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body .orchid-product-card__body {
  padding:10px 4px 12px!important;
}

html body .orchid-product-card__body > * { order:5; }
html body .orchid-product-card__price {
  order:1;
  margin:0 0 3px!important;
}
html body .orchid-product-card__title {
  order:2;
  margin:0!important;
}
html body .orchid-product-card__brand {
  order:3;
  margin:5px 0 0!important;
}
html body .orchid-product-card__actions {
  order:8;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:8px!important;
}

html body .agent-shop-card > div {
  display:flex!important;
  flex-direction:column!important;
  padding:10px 4px 12px!important;
}
html body .agent-shop-card > div > * { order:5; }
html body .agent-shop-card .agent-shop-price { order:1; margin:0 0 3px!important; }
html body .agent-shop-card h4 { order:2; margin:0!important; }
html body .agent-shop-card > div > span:not(.agent-shop-price) { order:3; margin:5px 0 0!important; }
html body .agent-shop-card .agent-shop-clicks { order:4; margin-top:5px!important; }
html body .agent-shop-card .agent-shop-actions { order:8; margin-top:8px!important; }

html body .orchid-product-card__actions > :is(button,a),
html body .product-card .product-buy-row .button,
html body .agent-shop-card .agent-shop-actions > :is(button,a) {
  justify-content:flex-start!important;
  width:fit-content!important;
  min-width:0!important;
  min-height:28px!important;
  padding:4px 0!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body :is(.orchid-product-card,.discover-product-card,.public-creator-product) .discover-save-button {
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body :is(.orchid-collection-card,.collection-card.orchid-collection-card) {
  color:var(--text-primary,var(--ink))!important;
  background:var(--surface-muted,var(--panel-strong))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body .orchid-collection-card__shade {
  display:none!important;
  background:none!important;
}

html body .orchid-collection-card-surface::after,
html body .agent-my-shop-collection-summary::before,
html body .agent-my-shop-collection-summary::after {
  display:none!important;
  content:none!important;
  background:none!important;
}

html body .orchid-collection-card__copy {
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  justify-content:flex-end!important;
  min-height:0!important;
  padding:10px!important;
  pointer-events:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .orchid-collection-card__copy :is(small,strong) {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

html body .orchid-collection-card__copy > span,
html body .agent-my-shop-collection-summary > strong {
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:4px 7px!important;
  color:#111!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:500 12px/16px var(--orchid-ui-font)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  -webkit-text-fill-color:#111!important;
}

html body .orchid-collection-card__link {
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body .agent-my-shop-category-card > .agent-my-shop-collection-summary {
  position:relative!important;
  display:block!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body .agent-my-shop-category-card > .agent-my-shop-collection-summary::-webkit-details-marker {
  display:none!important;
}

html body .agent-my-shop-collection-summary > img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:cover!important;
}

html body .agent-my-shop-collection-summary > span {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

html body .agent-my-shop-collection-summary > strong {
  position:absolute!important;
  left:10px!important;
  bottom:10px!important;
  z-index:2!important;
}

html body .cms-product-card-shell > .cms-object-controls,
html body .cms-product-card-shell > .cms-card-edit-actions {
  box-shadow:none!important;
}

/* Legacy theme rules used class-heavy !important selectors. Repeat the card
   class here so this last-loaded authority also wins on those older surfaces. */
html body :is(
  .orchid-product-card.orchid-product-card,
  .product-card.product-card,
  .discover-product-card.discover-product-card,
  .public-creator-product.public-creator-product,
  .orchid-storefront-product-card.orchid-storefront-product-card,
  .brand-storefront-product-card.brand-storefront-product-card,
  .os-product-card.os-product-card,
  .agent-shop-card.agent-shop-card,
  .cms-product-card-shell.cms-product-card-shell,
  .orchid-collection-card.orchid-collection-card,
  .collection-card.collection-card,
  .discover-collection-card.discover-collection-card,
  .public-creator-shelf.public-creator-shelf,
  .public-creator-collection-card.public-creator-collection-card,
  .orchid-storefront-collection-card.orchid-storefront-collection-card,
  .brand-storefront-collection-card.brand-storefront-collection-card,
  .agent-my-shop-category-card.agent-my-shop-category-card
) {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body :is(
  .orchid-product-card.orchid-product-card,
  .product-card.product-card,
  .discover-product-card.discover-product-card,
  .public-creator-product.public-creator-product,
  .agent-shop-card.agent-shop-card,
  .orchid-collection-card.orchid-collection-card,
  .collection-card.collection-card,
  .discover-collection-card.discover-collection-card,
  .public-creator-collection-card.public-creator-collection-card,
  .agent-my-shop-category-card.agent-my-shop-category-card
):is(:hover,:active) {
  transform:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

html body :is(
  .orchid-product-card__media.orchid-product-card__media,
  .discover-product-media.discover-product-media,
  .public-creator-media.public-creator-media,
  .agent-shop-media.agent-shop-media,
  .orchid-collection-card__media.orchid-collection-card__media,
  .agent-my-shop-collection-summary.agent-my-shop-collection-summary
) {
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body .orchid-product-card__actions.orchid-product-card__actions > :is(button.button,a.button,button,a),
html body .agent-shop-actions.agent-shop-actions > :is(button.button,a.button,button,a) {
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

/* Shopper and Brand previously shipped exceptionally specific theme closures.
   The doubled route id makes the shared flat card treatment authoritative
   without disturbing creator, filter, or navigation cards on either page. */
html body #discover#discover :is(
  .orchid-product-card,
  .discover-product-card,
  .orchid-collection-card,
  .discover-collection-card
),
html body #brands#brands :is(
  .orchid-product-card,
  .brand-storefront-product-card,
  .orchid-collection-card,
  .brand-storefront-collection-card
) {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body #discover#discover .orchid-product-card__actions > :is(button,a),
html body #brands#brands .orchid-product-card__actions > :is(button,a) {
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

/* v424 mobile commerce scale. Phone product rails show two complete cards;
   Collection rails remain image-led and intentionally reveal only a restrained
   preview of the next collection. Desktop and tablet track sizes are unchanged. */
@media(max-width:639px) {
  html body [data-commerce-rail]:has(> :is(
    .orchid-product-card,
    .product-card,
    .discover-product-card,
    .public-creator-product,
    .agent-shop-card,
    .os-product-card,
    .cms-product-card-shell
  )) {
    grid-auto-columns:calc((100% - 10px)/2)!important;
    gap:10px!important;
    padding-inline:0!important;
    scroll-padding-inline:0!important;
  }

  html body [data-commerce-rail]:has(> :is(
    .orchid-collection-card,
    .collection-card,
    .discover-collection-card,
    .public-creator-shelf,
    .public-creator-collection-card,
    .agent-my-shop-category-card
  )) {
    grid-auto-columns:min(86%,420px)!important;
    gap:10px!important;
    padding-inline:0!important;
    scroll-padding-inline:0!important;
  }

  html body [data-commerce-rail] > :is(
    .orchid-product-card,
    .product-card,
    .discover-product-card,
    .public-creator-product,
    .agent-shop-card,
    .os-product-card,
    .cms-product-card-shell
  ) {
    min-width:0!important;
    max-width:none!important;
  }

  html body :is(
    .orchid-product-card__media.orchid-product-card__media,
    .product-card.product-card .product-visual,
    .discover-product-card.discover-product-card .discover-product-media,
    .public-creator-product.public-creator-product .public-creator-media,
    .agent-shop-card.agent-shop-card .agent-shop-media
  ) {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
  }

  html body :is(
    .orchid-product-card__media.orchid-product-card__media,
    .product-card.product-card .product-visual,
    .discover-product-card.discover-product-card .discover-product-media,
    .public-creator-product.public-creator-product .public-creator-media,
    .agent-shop-card.agent-shop-card .agent-shop-media
  ) :is(img,picture,video,.real-image,.image-empty,.orchid-media-empty) {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__body,
  html body .product-card.product-card .product-body,
  html body .agent-shop-card.agent-shop-card > div {
    padding:8px 2px 10px!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__price,
  html body .product-card.product-card :is(.price-small,.product-buy-row strong),
  html body .agent-shop-card.agent-shop-card .agent-shop-price {
    min-height:0!important;
    margin:0 0 3px!important;
    font:600 15px/20px var(--orchid-ui-font)!important;
    letter-spacing:0!important;
    font-variant-numeric:tabular-nums!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__title,
  html body .product-card.product-card .product-body h3,
  html body .agent-shop-card.agent-shop-card h4 {
    min-height:40px!important;
    margin:0!important;
    font:500 14px/20px var(--orchid-ui-font)!important;
    letter-spacing:0!important;
    -webkit-line-clamp:2!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__brand,
  html body .product-card.product-card .partner-name,
  html body .agent-shop-card.agent-shop-card > div > span:not(.agent-shop-price) {
    min-height:0!important;
    margin:4px 0 0!important;
    font:500 12px/18px var(--orchid-ui-font)!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__actions,
  html body .product-card.product-card .product-buy-row,
  html body .agent-shop-card.agent-shop-card .agent-shop-actions {
    gap:6px 10px!important;
    margin-top:6px!important;
    flex-wrap:wrap!important;
  }

  html body .orchid-product-card.orchid-product-card .orchid-product-card__actions > :is(button,a),
  html body .product-card.product-card .product-buy-row .button,
  html body .agent-shop-card.agent-shop-card .agent-shop-actions > :is(button,a) {
    min-height:24px!important;
    padding:2px 0!important;
    font:600 12px/16px var(--orchid-ui-font)!important;
  }

  html body :is(
    .orchid-collection-card.orchid-collection-card,
    .public-creator-collection-card.public-creator-collection-card
  ) {
    display:grid!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__media {
    position:relative!important;
    inset:auto!important;
    display:block!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__media > :is(img,.orchid-media-empty) {
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__copy {
    position:static!important;
    inset:auto!important;
    display:flex!important;
    grid-row:2!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:3px!important;
    min-height:0!important;
    padding:9px 2px 10px!important;
    color:var(--text-primary,var(--ink))!important;
    pointer-events:none!important;
    -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__copy small {
    display:none!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__copy strong {
    position:static!important;
    order:1!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    color:var(--text-primary,var(--ink))!important;
    font:600 20px/26px var(--orchid-ui-font)!important;
    letter-spacing:0!important;
    white-space:normal!important;
    -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
  }

  html body .orchid-collection-card.orchid-collection-card .orchid-collection-card__copy > span {
    position:static!important;
    order:2!important;
    align-self:auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:var(--text-secondary,var(--muted))!important;
    background:transparent!important;
    font:500 13px/18px var(--orchid-ui-font)!important;
    -webkit-text-fill-color:var(--text-secondary,var(--muted))!important;
  }

  html body .agent-my-shop-category-card.agent-my-shop-category-card > .agent-my-shop-collection-summary {
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }

  html body .agent-my-shop-collection-summary.agent-my-shop-collection-summary > img {
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
  }

  html body .agent-my-shop-collection-summary.agent-my-shop-collection-summary > span,
  html body .agent-my-shop-collection-summary.agent-my-shop-collection-summary > strong {
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:normal!important;
  }

  html body .agent-my-shop-collection-summary.agent-my-shop-collection-summary > span {
    grid-row:2!important;
    padding:9px 2px 0!important;
    color:var(--text-primary,var(--ink))!important;
    font:600 20px/26px var(--orchid-ui-font)!important;
    -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
  }

  html body .agent-my-shop-collection-summary.agent-my-shop-collection-summary > strong {
    grid-row:3!important;
    padding:0 2px 10px!important;
    color:var(--text-secondary,var(--muted))!important;
    background:transparent!important;
    font:500 13px/18px var(--orchid-ui-font)!important;
    -webkit-text-fill-color:var(--text-secondary,var(--muted))!important;
  }
}

/* v424 compact public-header utilities. Cart is an icon control with a quiet
   count badge; authentication keeps only its status mark on a clear surface. */
html body .public-header-stack .site-header .header-actions .icon-button,
html body .public-header-stack .site-header .header-actions .global-session-button.global-logout-button,
html body .public-header-stack .site-header .header-actions .cart-button {
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
}

html body .public-header-stack .site-header .header-actions .icon-button svg,
html body .public-header-stack .site-header .header-actions .cart-button svg {
  width:17px!important;
  height:17px!important;
}

html body .public-header-stack .site-header .header-actions .global-session-button.global-logout-button:not(.is-hidden),
html body:not(.dark-mode) .public-header-stack .site-header .header-actions .global-session-button.global-logout-button:not(.is-hidden),
html body.dark-mode .public-header-stack .site-header .header-actions .global-session-button.global-logout-button:not(.is-hidden) {
  color:#bd2c2c!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
}

html body .public-header-stack .site-header .header-actions .global-session-button.global-logout-button.is-authenticated:not(.is-hidden) {
  color:var(--orchid-emerald,#007b5c)!important;
  -webkit-text-fill-color:var(--orchid-emerald,#007b5c)!important;
}

html body .public-header-stack .site-header .header-actions .global-session-button.global-logout-button::before {
  width:18px!important;
  height:18px!important;
  color:currentColor!important;
  background:currentColor!important;
}

html body .public-header-stack .site-header .header-actions .cart-button {
  position:relative!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body .public-header-stack .site-header .header-actions .cart-button > span {
  display:none!important;
}

html body .public-header-stack .site-header .header-actions .cart-button [data-cart-count] {
  position:absolute!important;
  top:-2px!important;
  right:-3px!important;
  display:grid!important;
  place-items:center!important;
  min-width:16px!important;
  width:auto!important;
  height:16px!important;
  padding:0 4px!important;
  color:#fff!important;
  background:#000!important;
  border:0!important;
  border-radius:999px!important;
  font:600 10px/14px var(--orchid-ui-font)!important;
  -webkit-text-fill-color:#fff!important;
}

/* v428 discovery, editorial media, and product-detail authority. */
html body :is(.orchid-product-card,.orchid-storefront-product-card,.orchid-storefront-collection-card,.discover-product-card,.discover-collection-card,.public-creator-product,.agent-shop-card) :is(.discover-save-button,[data-card-bookmark],.card-bookmark) {
  display:none!important;
}

html body.page-discover #discover .discover-shop-by-section {
  display:grid;
  gap:clamp(24px,3vw,40px);
  padding-block:clamp(34px,5vw,68px)!important;
  border-top:1px solid var(--line)!important;
}

html body.page-discover #discover .discover-shop-by-header {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,520px);
  align-items:center;
  gap:32px;
}

html body.page-discover #discover .discover-shop-by-header > div:first-child span,
html body.page-discover #discover .discover-directory-heading > span {
  display:block;
  margin-bottom:2px;
  font-family:var(--font-editorial)!important;
  font-size:clamp(19px,2vw,30px)!important;
  font-style:italic;
  font-weight:500!important;
  line-height:1.1!important;
}

html body.page-discover #discover .discover-shop-by-header h2,
html body.page-discover #discover .discover-directory-heading h2 {
  margin:0!important;
  font-family:var(--font-editorial)!important;
  font-size:clamp(58px,8vw,124px)!important;
  font-weight:600!important;
  line-height:.88!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

html body.page-discover #discover .discover-shop-by-intro {
  display:grid;
  justify-items:end;
  justify-self:end;
  text-align:right;
  gap:18px;
  padding-bottom:6px;
}

html body.page-discover #discover .discover-shop-by-intro p {
  max-width:480px;
  margin:0;
  font-size:16px!important;
  line-height:24px!important;
}

html body.page-discover #discover .shopper-live-banner {
  position:relative;
  min-height:clamp(360px,48vw,680px);
  margin-block:clamp(16px,2.5vw,34px) clamp(22px,3vw,42px);
  overflow:hidden;
  color:#fff;
  background:#111;
}
html body.page-discover #discover .shopper-live-banner__media,
html body.page-discover #discover .shopper-live-banner__media img,
html body.page-discover #discover .shopper-live-banner__shade { position:absolute;inset:0;width:100%;height:100%; }
html body.page-discover #discover .shopper-live-banner__media img { object-fit:cover;opacity:0;transform:scale(1.008);transition:opacity .7s ease; }
html body.page-discover #discover .shopper-live-banner__media img.is-active { opacity:1; }
html body.page-discover #discover .shopper-live-banner__shade { background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 64%,rgba(0,0,0,.04)); }
html body.page-discover #discover .shopper-live-banner__copy { position:absolute;z-index:1;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);top:50%;display:grid;gap:12px;max-width:760px;transform:translateY(-50%); }
html body.page-discover #discover .shopper-live-banner__copy span { font:700 12px/16px var(--font-ui);letter-spacing:.09em;text-transform:uppercase; }
html body.page-discover #discover .shopper-live-banner__copy h1 { margin:0;color:#fff;font-family:var(--font-editorial);font-size:clamp(42px,6.5vw,92px);font-weight:600;line-height:.94;letter-spacing:-.04em;overflow-wrap:normal;word-break:normal; }
html body.page-discover #discover .shopper-live-banner__copy p { max-width:520px;margin:0;color:rgba(255,255,255,.9);font-size:18px;line-height:26px; }

html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) {
  position:relative;
  display:grid;
  grid-template-rows:auto auto;
  width:min(340px,78vw)!important;
  min-width:min(340px,78vw)!important;
  padding:0!important;
  overflow:hidden;
  color:var(--ink)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left;
  cursor:pointer;
}

html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) > :is(img,.discover-media-empty) {
  display:block;
  width:100%!important;
  aspect-ratio:4/5!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
  background:var(--surface-muted)!important;
}

html body.page-discover #discover :is(.discover-brand-card__copy,.discover-category-card > span) {
  display:grid;
  gap:4px;
  padding:12px 0 0!important;
}

html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) small {
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.07em!important;
  text-transform:uppercase;
}

html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) strong {
  font-family:var(--font-editorial)!important;
  font-size:24px!important;
  font-weight:600!important;
  line-height:28px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) em {
  color:var(--muted)!important;
  font-size:13px!important;
  font-style:normal!important;
}

html body.page-discover #discover .discover-directory {
  display:grid;
  gap:32px;
  padding-block:38px 64px;
}

html body.page-discover #discover .discover-directory-nav {
  display:flex;
  align-items:center;
  gap:14px;
  overflow-x:auto;
  white-space:nowrap;
}

html body.page-discover #discover .discover-directory-nav button {
  padding:8px 0;
  color:var(--muted);
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  font:600 14px/20px var(--font-ui);
}

html body.page-discover #discover .discover-directory-nav button[aria-current="page"] { color:var(--ink);border-bottom-color:var(--green); }
html body.page-discover #discover .discover-directory-nav [data-discover-directory-close] { margin-left:auto; }
html body.page-discover #discover .discover-directory-heading { display:grid;gap:8px;max-width:900px; }
html body.page-discover #discover .discover-directory-heading p { max-width:620px;margin:8px 0 0;font-size:18px;line-height:26px; }
html body.page-discover #discover .discover-directory-feature {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  grid-template-areas:"identity media" "copy media" "copy controls";
  align-items:center;
  gap:24px 40px;
  min-width:0;
  padding-block:24px;
}
html body.page-discover #discover .discover-directory-feature__identity { grid-area:identity;min-width:0;align-self:start; }
html body.page-discover #discover .discover-directory-feature__copy { grid-area:copy;display:grid;align-content:start;gap:16px;min-width:0;padding-block:0;align-self:start; }
html body.page-discover #discover .discover-directory-feature__copy h3 { margin:0;max-width:100%; }
html body.page-discover #discover .discover-directory-feature__copy p { max-width:620px;margin:0;color:var(--muted);font:400 15px/22px var(--font-ui);overflow-wrap:normal;word-break:normal; }
html body.page-discover #discover .discover-directory-feature__copy .button { justify-self:start;margin-top:8px; }
html body.page-discover #discover .discover-directory-feature__media { grid-area:media;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:10px;align-items:center;min-width:0;overflow:hidden;background:transparent;aspect-ratio:auto; }
html body.page-discover #discover .discover-directory-feature__portrait { display:block;position:relative;width:100%;min-width:0;padding:0;border:0;border-radius:0;aspect-ratio:4/5;overflow:hidden;background:var(--surface-muted);cursor:pointer; }
html body.page-discover #discover .discover-directory-feature__media :is(img,.orchid-media-empty) { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%; }
html body.page-discover #discover .discover-directory-feature__peeks { display:flex;gap:10px;height:70%;min-width:0; }
html body.page-discover #discover .discover-directory-feature__peeks button { position:relative;flex:0 0 85%;width:85%;min-width:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--surface-muted);cursor:pointer;opacity:.65; }
html body.page-discover #discover .discover-directory-feature__peeks strong { position:absolute;left:8px;right:8px;bottom:14px;color:#fff;-webkit-text-fill-color:#fff;font:500 20px/22px var(--font-editorial);text-shadow:none; }
html body.page-discover #discover .discover-directory-feature__peeks button::after { content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55)); }
html body.page-discover #discover .discover-directory-feature__peeks strong { z-index:1; }
html body.page-discover #discover .discover-directory-feature__controls { grid-area:controls;display:flex;justify-content:flex-start;gap:12px; }
html body.page-discover #discover .discover-directory-feature__controls button { width:44px;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:50%;background:transparent;font:500 22px/1 var(--font-ui);cursor:pointer; }
html body.page-discover #discover .discover-directory-feature__controls button:disabled { opacity:.35;cursor:default; }
html body.page-discover #discover .discover-directory-feature__dots { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:32px; }
html body.page-discover #discover .discover-directory-feature__dots button { width:24px;height:24px;padding:6px;border:0;background:transparent;cursor:pointer; }
html body.page-discover #discover .discover-directory-feature__dots button::after { content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--line); }
html body.page-discover #discover .discover-directory-feature__dots button[aria-current="true"]::after { background:var(--ink); }
html body.page-discover #discover :is(.discover-shop-by-intro,.discover-directory-feature__copy) .button { min-height:44px;padding:12px 24px;border-radius:4px;box-shadow:none!important;font:600 14px/20px var(--font-ui);letter-spacing:.04em; }
html body.page-discover #discover .discover-directory-nav button { background:transparent!important;box-shadow:none!important; }
html body.page-discover #discover .discover-directory-divider { display:flex;align-items:center;gap:18px;font-family:var(--font-editorial);font-size:24px;font-style:italic; }
html body.page-discover #discover .discover-directory-divider::after { content:"";flex:1;height:1px;background:var(--line); }
html body.page-discover #discover .discover-directory-status-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px; }
html body.page-discover #discover .discover-directory-card { position:relative; }
html body.page-discover #discover .discover-directory-card::before { content:attr(data-discover-status);position:absolute;z-index:2;top:12px;left:12px;padding:6px 9px;color:#fff;background:#006b4f;font:700 11px/14px var(--font-ui);letter-spacing:.05em;text-transform:uppercase; }

html body:is(.page-journal,.page-blog) #journal .journal-masthead { display:grid;place-items:center;width:100%;overflow:hidden;text-align:center!important; }
html body:is(.page-journal,.page-blog) #journal .journal-masthead h1 {
  width:100%!important;
  margin-inline:auto!important;
  font-size:clamp(34px,7.4vw,110px)!important;
  line-height:.9!important;
  letter-spacing:-.04em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-live-banner {
  position:relative;
  min-height:clamp(220px,28vw,420px);
  margin:24px 0 36px;
  overflow:hidden;
  color:#fff;
  background:#08100d;
}
html body:is(.page-journal,.page-blog) #journal .journal-live-banner img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78; }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.08)); }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner > div { position:absolute;z-index:1;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:clamp(22px,4vw,54px);display:grid;gap:10px;max-width:720px; }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner span { font:700 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase; }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner strong { font-family:var(--font-editorial);font-size:clamp(30px,4.4vw,62px);font-weight:600;line-height:1; }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner button { justify-self:start;padding:0;color:#fff;border:0;border-bottom:1px solid currentColor;background:transparent;font:600 14px/28px var(--font-ui); }

.cms-editorial-media-panel { display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:24px;margin:20px 0;padding:24px;border:1px solid var(--line);background:var(--surface); }
.cms-editorial-media-panel .cms-page-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.cms-editorial-media-panel label { display:grid;gap:7px;min-width:0; }
.cms-editorial-media-preview { width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--surface-muted); }

html body .product-preview-overlay { padding:2.5dvh 2vw!important; }
html body .product-preview-dismiss {
  position:fixed;
  z-index:10003;
  top:max(14px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
  display:flex;
  align-items:center;
  gap:8px;
}
html body .product-preview-dismiss :is(.product-preview-back,.product-preview-close) {
  position:static!important;
  inset:auto!important;
  width:auto!important;
  min-width:76px;
  height:42px;
  padding:0 15px!important;
  color:var(--ink)!important;
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font:600 14px/20px var(--font-ui)!important;
}
html body .product-preview-dismiss .product-preview-close { color:#fff!important;background:#111!important;border-color:#111!important; }
html body .orchid-auto-commerce-rail { scroll-snap-type:x proximity!important; }
html body .product-detail-dialog.is-partner-detail {
  display:grid!important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;
  grid-template-areas:"copy media"!important;
  width:min(96vw,1720px)!important;
  height:min(94dvh,1020px)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:auto!important;
  border-radius:0!important;
}
html body .product-detail-dialog.is-partner-detail .product-detail-media { grid-area:media!important;min-height:100%!important; }
html body .product-detail-dialog.is-partner-detail .product-detail-copy { grid-area:copy!important;align-content:start!important;padding:clamp(44px,6vw,104px)!important; }
html body .product-detail-dialog.is-partner-detail .product-detail-actions { grid-template-columns:1fr!important; }
html body .product-detail-dialog.is-partner-detail .product-detail-unavailable { color:#fff!important;background:#8a8a8a!important; }
html body .product-detail-dialog.is-partner-detail .product-detail-alternatives { display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:14px;color:var(--ink);border:0;border-bottom:1px solid currentColor;background:transparent;font:700 13px/20px var(--font-ui);letter-spacing:.08em;text-decoration:none; }

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity {
  grid-template-columns:1fr!important;
  grid-template-rows:auto!important;
  justify-items:center!important;
  max-width:980px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > .public-creator-profile-image { grid-column:1!important;grid-row:auto!important; }
html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > :not(.public-creator-profile-image) { grid-column:1!important;text-align:center!important; }

html body.page-creators iframe.uploaded-page-frame { height:clamp(540px,72dvh,760px)!important; }

@media(max-width:900px) {
  html body.page-discover #discover .discover-shop-by-header { grid-template-columns:1fr;gap:20px; }
  html body.page-discover #discover .discover-directory-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.page-discover #discover .discover-directory-feature { grid-template-columns:1fr;grid-template-areas:"media" "controls" "copy" "dots";gap:16px; }
  html body.page-discover #discover .discover-directory-feature__media { aspect-ratio:4/5; }
  .cms-editorial-media-panel { grid-template-columns:1fr; }
  html body .product-detail-dialog.is-partner-detail { grid-template-columns:1fr!important;grid-template-areas:"media" "copy"!important;height:94dvh!important; }
  html body .product-detail-dialog.is-partner-detail .product-detail-media { min-height:48dvh!important; }
  html body .product-detail-dialog.is-partner-detail .product-detail-copy { padding:24px 18px 36px!important; }
}

@media(max-width:620px) {
  html body.page-discover #discover .discover-shop-by-section { padding-block:30px!important; }
  html body.page-discover #discover .discover-shop-by-header h2,
  html body.page-discover #discover .discover-directory-heading h2 { font-size:clamp(48px,18vw,78px)!important; }
  html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) { width:82vw!important;min-width:82vw!important; }
  html body.page-discover #discover .discover-directory-status-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px; }
  html body:is(.page-journal,.page-blog) #journal .journal-masthead h1 { font-size:clamp(25px,9.6vw,48px)!important; }
  .cms-editorial-media-panel .cms-page-fields { grid-template-columns:1fr; }
}

/* Creator workspace signed-out presentation. */
.creator-app > .workspace-head { min-height:0!important;padding-block:clamp(20px,3vw,36px)!important; }
.creator-app.is-connected > .workspace-head { display:none!important; }
.creator-app > .workspace-head .subtle { max-width:820px!important;margin-top:8px!important; }
.creator-app > .creator-access {
  display:grid!important;
  grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr)!important;
  align-items:stretch!important;
  gap:clamp(24px,5vw,72px)!important;
  min-height:0!important;
  padding:clamp(24px,4vw,56px)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.creator-app > .creator-access.hide { display:none!important; }
.creator-access-copy { align-self:center;min-width:0; }
.creator-access-copy h2 { margin:8px 0!important;font-family:var(--font-editorial)!important;font-size:clamp(30px,4vw,56px)!important;line-height:1!important; }
.creator-access-actions { display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important; }
.creator-access-actions .button { display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-height:50px!important;padding-inline:20px!important;border-radius:8px!important; }
.creator-workspace-feature { width:100%!important;height:100%!important;min-height:300px!important;max-height:460px!important;object-fit:cover!important;background:var(--surface-muted)!important; }
@media(max-width:760px) {
  .creator-app > .creator-access { grid-template-columns:1fr!important;padding:22px 16px!important; }
  .creator-workspace-feature { order:-1;min-height:230px!important;max-height:300px!important; }
  .creator-access-actions { display:grid!important;grid-template-columns:1fr!important; }
}

html body.dark-mode .public-header-stack .site-header .header-actions .cart-button [data-cart-count] {
  color:#000!important;
  background:#fff!important;
  -webkit-text-fill-color:#000!important;
}

@media(max-width:820px) {
  html body .public-header-stack .site-header .header-actions .icon-button,
  html body .public-header-stack .site-header .header-actions .global-session-button.global-logout-button,
  html body .public-header-stack .site-header .header-actions .cart-button {
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }

  html body .public-header-stack .site-header .header-actions .icon-button svg,
  html body .public-header-stack .site-header .header-actions .cart-button svg {
    width:16px!important;
    height:16px!important;
  }
}

/* v424 flat responsive Journal lead composition. Functional category controls
   remain, but no longer render as green gradient pills or outlined tabs. */
html body:is(.page-journal,.page-blog) #journal,
html body:is(.page-journal,.page-blog) #journal .journal-intelligence-shell {
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-intelligence-shell {
  width:min(100% - 32px,1640px)!important;
  margin-inline:auto!important;
  padding:clamp(20px,3vw,44px) 0 52px!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-hero {
  display:grid!important;
  grid-template-columns:minmax(240px,.72fr) minmax(0,2.28fr)!important;
  gap:clamp(28px,3.5vw,56px)!important;
  align-items:start!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-hero-intro {
  align-content:start!important;
  gap:16px!important;
  padding-top:8px!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-hero-intro h1 {
  max-width:11ch!important;
  margin:10px 0 4px!important;
  font:500 clamp(42px,4.2vw,64px)/1.02 var(--font-editorial,var(--serif-font))!important;
  letter-spacing:-.025em!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-hero-intro > p {
  max-width:34ch!important;
  margin:0!important;
  font:400 17px/25px var(--orchid-ui-font)!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-intro-link {
  justify-content:flex-start!important;
  width:fit-content!important;
  min-height:36px!important;
  padding:6px 0!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:600 14px/20px var(--orchid-ui-font)!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,24px)!important;
  min-width:0!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-grid:has(> .journal-lead-card:only-child) {
  grid-template-columns:minmax(0,1fr)!important;
}

html body:is(.page-journal,.page-blog) #journal :is(
  .journal-lead-card,
  .journal-feature-card,
  .journal-latest-row,
  .journal-trending-panel,
  .journal-archive-group,
  .journal-source-links
) {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-card {
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  min-width:0!important;
}

html body:is(.page-journal,.page-blog) #journal :is(
  .journal-lead-image,
  .journal-feature-image,
  .journal-latest-image,
  .journal-hero-media
) {
  overflow:hidden!important;
  background:var(--surface-muted,var(--panel-soft))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-image {
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/3!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-image > img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
  filter:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-image > span {
  position:absolute!important;
  left:12px!important;
  bottom:12px!important;
  padding:5px 8px!important;
  color:#fff!important;
  background:rgba(0,60,44,.86)!important;
  border:0!important;
  border-radius:0!important;
  font:600 12px/16px var(--orchid-ui-font)!important;
  text-transform:uppercase!important;
  -webkit-text-fill-color:#fff!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-copy {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:16px 2px 4px!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-copy .journal-open-story h2 {
  min-height:0!important;
  margin:8px 0 10px!important;
  font:500 clamp(25px,2.1vw,34px)/1.08 var(--font-editorial,var(--serif-font))!important;
  letter-spacing:-.02em!important;
  text-align:left!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-copy > p {
  margin:0!important;
  color:var(--text-secondary,var(--muted))!important;
  font:400 15px/22px var(--orchid-ui-font)!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-footer {
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:auto!important;
  padding-top:18px!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-lead-footer .journal-read-link {
  flex:0 0 auto!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  text-decoration:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-cat-strip {
  gap:20px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-cat-pill,
html body:is(.page-journal,.page-blog) #journal .journal-cat-pill:is(:hover,:focus-visible,.is-active) {
  min-height:38px!important;
  padding:7px 0!important;
  color:var(--text-secondary,var(--muted))!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font:600 13px/20px var(--orchid-ui-font)!important;
  -webkit-text-fill-color:var(--text-secondary,var(--muted))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-cat-pill:is(:hover,:focus-visible,.is-active) {
  color:var(--text-primary,var(--ink))!important;
  border-bottom-color:var(--orchid-emerald,#006b4f)!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-trending-panel {
  padding:0!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-archive-group > summary,
html body:is(.page-journal,.page-blog) #journal .journal-source-links > summary {
  border-top:1px solid var(--border-subtle,var(--line))!important;
  border-radius:0!important;
  background:transparent!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-source-links a {
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--border-subtle,var(--line))!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal .blog-reader {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body:is(.page-journal,.page-blog) #journal :is(
  .journal-hero-media.is-image-missing,
  .journal-feature-image.is-image-missing,
  .journal-latest-image.is-image-missing
) {
  background:var(--surface-muted,var(--panel-soft))!important;
}

html body:is(.page-journal,.page-blog) #journal :is(
  .journal-hero-media.is-image-missing,
  .journal-feature-image.is-image-missing,
  .journal-latest-image.is-image-missing
)::before {
  display:none!important;
  content:none!important;
}

@media(max-width:1100px) {
  html body:is(.page-journal,.page-blog) #journal .journal-hero {
    grid-template-columns:1fr!important;
  }

  html body:is(.page-journal,.page-blog) #journal .journal-hero-intro h1 {
    max-width:14ch!important;
  }
}

@media(max-width:700px) {
  html body:is(.page-journal,.page-blog) #journal .journal-intelligence-shell {
    width:calc(100% - 32px)!important;
    padding-block:18px 36px!important;
  }

  html body:is(.page-journal,.page-blog) #journal .journal-lead-grid {
    grid-template-columns:1fr!important;
  }

  html body:is(.page-journal,.page-blog) #journal .journal-hero-intro h1 {
    max-width:13ch!important;
    font-size:clamp(36px,11vw,42px)!important;
  }

  html body:is(.page-journal,.page-blog) #journal .journal-hero-intro > p {
    font-size:15px!important;
    line-height:22px!important;
  }

  html body:is(.page-journal,.page-blog) #journal .journal-lead-copy .journal-open-story h2 {
    font-size:26px!important;
    line-height:30px!important;
  }
}

/* v426 creator discovery, direct card actions, and workspace density. */
.orchid-product-card { position:relative; }
.orchid-product-card__hit-target {
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  cursor:pointer;
}
.orchid-product-card :is(.discover-save-button,.public-creator-media button,.orchid-product-card__actions button,.orchid-product-card__actions a) {
  position:relative;
  z-index:2;
}

html body.page-discover #discover .discover-creators-block .discover-rail {
  grid-auto-columns:clamp(260px,24vw,360px)!important;
  gap:24px!important;
}
html body.page-discover #discover .discover-creator-card {
  min-width:0!important;
  padding:0!important;
  overflow:visible!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.page-discover #discover .discover-creator-card__link {
  display:grid!important;
  gap:0!important;
  color:inherit!important;
  text-decoration:none!important;
}
html body.page-discover #discover .discover-creator-card__link > :is(img,.discover-creator-placeholder) {
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  min-height:0!important;
  object-fit:cover!important;
  background:var(--surface-muted,var(--panel-soft))!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.page-discover #discover .discover-creator-card__meta {
  margin-top:12px!important;
  color:var(--text-secondary,var(--muted))!important;
  font:var(--type-meta,400 13px/18px var(--orchid-ui-font))!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
html body.page-discover #discover .discover-creator-card h4 {
  margin:5px 0 0!important;
  color:var(--text-primary,var(--ink))!important;
  font:var(--type-subtitle,500 17px/24px var(--font-editorial,serif))!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.creator-app #screen-myshop > .metrics {
  gap:16px!important;
  margin:24px 0 0!important;
}
.creator-app #screen-myshop > .metrics .metric {
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  min-height:150px!important;
  padding:24px!important;
  background:var(--surface-panel,var(--panel))!important;
  border:1px solid var(--border-subtle,var(--line))!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.creator-app #screen-myshop > .metrics .metric span {
  color:var(--text-secondary,var(--muted))!important;
  font:var(--type-body,400 15px/22px var(--orchid-ui-font))!important;
}
.creator-app #screen-myshop > .metrics .metric b {
  color:var(--text-primary,var(--ink))!important;
  font:600 30px/36px var(--orchid-ui-font)!important;
  font-variant-numeric:tabular-nums!important;
}
.creator-app .myshop-progress-callout {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
  padding:18px 22px;
  background:color-mix(in srgb,var(--orchid-emerald) 5%,var(--surface-panel,var(--panel)));
  border:1px solid color-mix(in srgb,var(--orchid-emerald) 20%,var(--border-subtle,var(--line)));
  border-radius:14px;
}
.creator-app .myshop-progress-callout > div { display:grid; gap:2px; }
.creator-app .myshop-progress-callout p { margin:0; color:var(--text-secondary,var(--muted)); }

@media(max-width:760px) {
  html body.page-discover #discover .discover-creators-block .discover-rail { grid-auto-columns:minmax(72vw,300px)!important; gap:14px!important; }
  .creator-app #screen-myshop > .metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  .creator-app #screen-myshop > .metrics .metric { min-height:118px!important; padding:16px!important; }
  .creator-app #screen-myshop > .metrics .metric b { font-size:24px!important; line-height:30px!important; }
  .creator-app .myshop-progress-callout { align-items:stretch; flex-direction:column; padding:16px; }
  .creator-app .myshop-progress-callout .button { width:100%; }
}

/* v427 smooth rails, compact identity areas, responsive messaging and text flow. */
html body [data-commerce-rail] {
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:0!important;
  -webkit-overflow-scrolling:touch;
}

html body [data-commerce-rail] > * {
  scroll-snap-align:start!important;
  scroll-snap-stop:normal!important;
}

html body [data-commerce-rail] > :is(
  .orchid-product-card,.product-card,.discover-product-card,.public-creator-product,
  .agent-shop-card,.os-product-card,.cms-product-card-shell,.orchid-collection-card,
  .collection-card,.discover-collection-card,.public-creator-shelf,.agent-my-shop-category-card
) {
  contain:layout paint;
}

html body :is(.orchid-product-card,.product-card,.discover-product-card,.public-creator-product,.agent-shop-card,.os-product-card,.cms-product-card-shell) .discover-save-button {
  display:none!important;
}

@media(max-width:760px) {
  html body [data-commerce-rail-prev],
  html body [data-commerce-rail-next],
  html body .product-scroll-arrow,
  html body .carousel-arrow {
    display:none!important;
  }

  html body :is(
    .discover-rail-shell,.discover-product-rail-shell,.public-creator-collections-carousel,
    .public-creator-products-carousel,.product-row-shell,.collection-carousel
  )[data-commerce-rail-shell] {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
}

/* Message icon opens a real viewport modal. It never competes for header space. */
html body.message-menu-open {
  overflow:hidden!important;
}

html body.message-menu-open::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:118;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(2px);
}

html body .message-menu-shell .account-menu:not(.is-hidden) {
  position:fixed!important;
  top:calc(var(--orchid-public-header-height,112px) + 16px)!important;
  right:auto!important;
  bottom:16px!important;
  left:50%!important;
  z-index:150!important;
  width:min(820px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:820px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--orchid-public-header-height,112px) - 32px)!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  border:1px solid var(--border-subtle,var(--line))!important;
  border-radius:18px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.28)!important;
}

html body .message-menu-card.message-phone-app {
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  gap:14px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:inherit!important;
  padding:20px!important;
  overflow:hidden!important;
  background:var(--surface-panel,var(--panel))!important;
}

html body .message-menu-heading {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

html body .message-menu-heading > span {
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}

html body .message-menu-heading strong {
  color:var(--text-primary,var(--ink))!important;
  font:700 28px/32px var(--font-editorial,var(--serif-font))!important;
  text-transform:uppercase!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body .message-menu-heading small {
  color:var(--text-secondary,var(--muted))!important;
  font:400 14px/20px var(--orchid-ui-font)!important;
  -webkit-text-fill-color:var(--text-secondary,var(--muted))!important;
}

html body .message-menu-close {
  display:grid!important;
  flex:0 0 38px!important;
  place-items:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  color:var(--text-primary,var(--ink))!important;
  background:transparent!important;
  border:1px solid var(--border-subtle,var(--line))!important;
  border-radius:50%!important;
  font:600 24px/1 var(--orchid-ui-font)!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body .message-phone {
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
  height:100%!important;
  padding:12px!important;
  overflow:hidden!important;
  background:var(--surface-muted,var(--panel-soft))!important;
  border:1px solid var(--border-subtle,var(--line))!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

html body .message-phone-status { display:none!important; }
html body .message-phone-topbar { grid-template-columns:1fr auto!important; min-height:38px!important; }
html body .message-phone-topbar > span { display:none!important; }
html body .message-phone-topbar strong { justify-self:start; font:600 14px/20px var(--orchid-ui-font)!important; }
html body .message-refresh-icon { justify-self:end!important; min-height:32px!important; padding-inline:10px!important; }
html body .message-thread-list { min-height:0!important; max-height:none!important; overflow:auto!important; scrollbar-gutter:stable; }
html body .message-thread-list:not(:has(.message-thread-view)) { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px 12px!important; }
html body .message-phone-row { min-width:0!important; min-height:62px!important; padding:8px!important; background:var(--surface-panel,var(--panel))!important; }
html body .message-role-note { margin:0!important; }

@media(max-width:760px) {
  html body .message-menu-shell .account-menu:not(.is-hidden),
  html body.message-menu-open .message-menu-shell .account-menu:not(.is-hidden) {
    inset:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) 10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
  }
  html body .message-menu-card.message-phone-app { padding:14px!important; }
  html body .message-menu-heading strong { font-size:24px!important; line-height:28px!important; }
  html body .message-thread-list:not(:has(.message-thread-view)) { grid-template-columns:1fr!important; }
  html body .message-role-note { display:none!important; }
}

/* The Journal masthead replaces the two cramped utility labels. */
html body:is(.page-journal,.page-blog) .public-header-stack .nav-links a {
  color:var(--text-primary,var(--ink))!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body:is(.page-journal,.page-blog) .public-header-stack .nav-links a.is-active,
html body:is(.page-journal,.page-blog) .public-header-stack .nav-links a[aria-current="page"] {
  color:var(--text-primary,var(--ink))!important;
  border-bottom-color:currentColor!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-masthead {
  display:block!important;
  width:100%!important;
  padding:0 0 20px!important;
  border-bottom:1px solid var(--border-subtle,var(--line))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-masthead h1 {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:var(--text-primary,var(--ink))!important;
  font:700 clamp(22px,6.8vw,104px)/1.08 var(--font-editorial,var(--serif-font))!important;
  text-align:center!important;
  white-space:nowrap!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-section-head h2 {
  display:inline-flex!important;
  align-items:baseline!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

html body:is(.page-journal,.page-blog) #journal .journal-section-head h2 > sup {
  position:static!important;
  display:inline!important;
  margin:0!important;
  vertical-align:baseline!important;
  line-height:1!important;
}

html body:is(.page-journal,.page-blog) #journal :is(.journal-open-story h2,.journal-open-story h3,.journal-trending-row strong,.blog-suggestions strong) {
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body:is(.page-journal,.page-blog) #journal .blog-reader-main {
  width:min(100%,940px)!important;
  max-width:940px!important;
  margin-inline:auto!important;
}

html body:is(.page-journal,.page-blog) #journal .blog-reader-main > h1 {
  width:min(100%,860px)!important;
  max-width:860px!important;
  margin-inline:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:pretty!important;
}

/* Compact Creator and Shopper storefront identity areas. */
html body.page-creators #creators.uploaded-route-section,
html body.page-creators #creators.uploaded-route-section > .uploaded-page-interface,
html body.page-creators #creators iframe.uploaded-page-frame {
  min-height:480px!important;
  height:520px;
  max-height:none!important;
}

html body.page-creator-link #shop.public-storefront-route {
  min-height:0!important;
  padding-block:18px 48px!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-hero {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  min-height:0!important;
  height:auto!important;
  padding:28px 16px!important;
  border:0!important;
  text-align:center!important;
  box-shadow:none!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:1080px!important;
  margin:0!important;
  text-align:center!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > .public-creator-profile-image {
  grid-column:1!important;
  grid-row:1/-1!important;
  width:128px!important;
  height:128px!important;
  margin:0!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > :not(.public-creator-profile-image) {
  grid-column:2!important;
  margin:0!important;
  text-align:center!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity h2 {
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.1!important;
  color:var(--text-primary,var(--ink))!important;
  -webkit-text-fill-color:var(--text-primary,var(--ink))!important;
}

html body.page-creator-link #shop .buyer-creator-storefront .public-creator-collections-carousel {
  margin-top:24px!important;
}

@media(max-width:620px) {
  html body:is(.page-journal,.page-blog) #journal .journal-masthead h1 { font-size:clamp(22px,6.8vw,104px)!important; }
  html body:is(.page-journal,.page-blog) #journal .journal-section-head h2 { white-space:normal!important; }
  html body.page-creator-link #shop .buyer-creator-storefront .public-creator-hero { padding:20px 16px!important; }
  html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity {
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:14px!important;
  }
  html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > .public-creator-profile-image {
    width:112px!important;
    height:112px!important;
  }
  html body.page-creator-link #shop .buyer-creator-storefront .public-creator-identity > p { grid-column:1/-1!important; margin-top:10px!important; }
}

/* Keep the cart glyph and count legible as one compact utility control. */
html body .public-header-stack .site-header .header-actions .cart-button svg {
  display:block!important;
  flex:0 0 19px!important;
  width:19px!important;
  height:19px!important;
  overflow:visible!important;
  fill:currentColor!important;
}

html body .public-header-stack .site-header .header-actions .cart-button [data-cart-count] {
  top:-5px!important;
  right:-5px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
}

html body :is(.journal-live-banner,.shopper-live-banner,.orchid-home-live-banner)[hidden] { display:none!important; }
html body .creator-app #creator-workspace-feature[hidden] { display:none!important; }
html body.page-discover #discover :is(.discover-brand-card,.discover-category-card) > .orchid-media-empty {
  display:grid;width:100%!important;aspect-ratio:4/5!important;place-items:center;background:var(--surface-muted);
}
.orchid-media-empty { font:400 13px/18px var(--font-ui);color:var(--text-secondary); }
html body.page-discover #discover .discover-directory-feature__media:has(.discover-directory-feature__peeks:empty) { grid-template-columns:minmax(0,1fr);max-width:420px; }
html body:is(.page-journal,.page-blog) #journal .journal-live-banner p:empty { display:none; }
@media(max-width:900px) {
  html body.page-discover #discover .discover-directory-feature { gap:24px; }
}
@media(max-width:760px) {
  html body.page-discover #discover .discover-shop-by-header { grid-template-columns:minmax(0,1fr);gap:20px; }
  html body.page-discover #discover .discover-shop-by-intro { justify-self:start;justify-items:start;text-align:left; }
  html body.page-discover #discover .discover-directory-feature {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"identity" "media" "controls" "copy";
    gap:20px;align-items:start;padding-block:8px;
  }
  html body.page-discover #discover .discover-directory-feature__media { aspect-ratio:auto;max-height:none; }
  html body.page-discover #discover .discover-directory-feature__copy { text-align:center;justify-items:center; }
  html body.page-discover #discover .discover-directory-feature__copy .button { justify-self:center; }
  html body.page-discover #discover .discover-directory-feature__controls { justify-content:center; }
  html body.page-discover #discover .discover-directory-feature__dots { margin-bottom:16px; }
  html body.page-discover #discover .discover-directory-feature .discover-directory-heading { text-align:center; }
}