/* Orchid shared responsive surfaces. */
@layer orchid-responsive {
  html body .orchid-responsive-banner { background:#06120e!important; }
  html body .orchid-responsive-banner .orchid-banner-copy :is(h2,p,span) {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body .orchid-responsive-banner .orchid-banner-copy h2 {
    font:600 clamp(26px,4.7vw,68px)/1.08 var(--font-editorial,Georgia,serif)!important;
    text-transform:none!important;
    max-width:min(800px,100%)!important;
    width:auto!important;
  }
  @media(max-width:700px) {
    html body .orchid-responsive-banner .orchid-banner-copy h2 { font-size:clamp(22px,6.2vw,28px)!important; }
    html body .orchid-product-card .orchid-product-card__title {font:500 15px/20px var(--font-ui,Arial,sans-serif)!important;}
    html body .orchid-product-card .orchid-product-card__price {font:600 15px/20px var(--font-ui,Arial,sans-serif)!important;}
    html body .orchid-product-card .orchid-product-card__brand {font:400 12px/18px var(--font-ui,Arial,sans-serif)!important;}
  }
}
html body .orchid-responsive-banner { display:grid!important; grid-template-columns:minmax(0,1fr); min-height:0!important; height:auto!important; position:relative; isolation:isolate; background:#06120e; }
html body .orchid-responsive-banner[hidden],html body .orchid-responsive-banner.is-hidden {display:none!important;}
html body .orchid-responsive-banner::after {display:none!important;}
html body .orchid-responsive-banner .orchid-banner-creative {display:block;grid-area:1/1;min-width:0;}
html body .orchid-responsive-banner picture {display:block;width:100%;}
html body .orchid-responsive-banner img {display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important;}
html body .orchid-responsive-banner .orchid-banner-copy {grid-area:1/1;align-self:center;z-index:1;pointer-events:none;padding:clamp(16px,4vw,56px);width:100%;box-sizing:border-box;color:#fff!important;text-shadow:0 1px 3px #000;}
/* Shopper creative uses sixty percent of its natural full-width height. */
html body #discover .shopper-live-banner.orchid-responsive-banner {aspect-ratio:calc(var(--orchid-shopper-creative-ratio,1.5) / .6);}
html body #discover .shopper-live-banner .orchid-banner-creative {position:absolute;inset:0;}
html body #discover .shopper-live-banner picture {height:100%;}
html body #discover .shopper-live-banner img {height:100%!important;object-fit:contain!important;}
html body #discover .shopper-live-banner .orchid-banner-copy {grid-area:1/1;}
html body .orchid-banner-copy h2 {font-family:var(--font-editorial,Georgia,serif)!important;font-size:clamp(26px,4.7vw,68px)!important;line-height:1.08!important;font-weight:600!important;color:#fff!important;max-width:800px;margin:8px 0 12px!important;text-transform:none!important;}
html body .orchid-banner-copy :is(p,span) {color:#fff!important;max-width:600px;}
html body .orchid-responsive-banner .orchid-banner-copy > :is(h1,h2,p,span) {color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .orchid-banner-copy :is(button,a) {pointer-events:auto;}
.orchid-banner-pause {position:absolute!important;right:16px;bottom:12px;z-index:2;background:#fff!important;color:#111!important;padding:6px 12px!important;min-height:32px!important;}
.orchid-home-live-strip {overflow:hidden;background:#000;color:#fff;padding:12px 0;font:600 13px/20px var(--font-ui,Arial,sans-serif);}
.orchid-home-live-strip .orchid-strip-track {display:flex;white-space:nowrap;width:max-content;animation:orchid-live-strip 32s linear infinite;font-kerning:normal;letter-spacing:.09em;}
.orchid-home-live-strip .orchid-strip-group {display:flex;flex:none;align-items:center;gap:2.5em;padding-right:2.5em;}
.orchid-home-live-strip .orchid-strip-group span {display:block;flex:none;}
@keyframes orchid-live-strip {to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.orchid-home-live-strip .orchid-strip-track{animation:none;}}
@media(max-width:700px){html body .orchid-responsive-banner .orchid-banner-copy{grid-area:auto;position:static;padding:20px 16px;}html body .orchid-banner-copy h2{font-size:clamp(26px,7vw,40px)!important;}}
@media(max-width:700px) {
  html body #discover .shopper-live-banner .orchid-banner-copy {padding:8px 16px;}
  html body #discover .shopper-live-banner .orchid-banner-copy > span {display:block;font:600 12px/16px var(--font-ui);}
  html body #discover .shopper-live-banner .orchid-banner-copy h2 {font-size:clamp(22px,6vw,28px)!important;margin:4px 0!important;}
  html body #discover .shopper-live-banner .orchid-banner-copy p {margin:0!important;}
  html body #discover .shopper-live-banner .orchid-banner-pause {top:8px;right:8px;bottom:auto;padding:4px 8px!important;}
}
body.page-corporate #corporate:not(.page-hidden) { display:block; }
html body .orchid-product-card button.orchid-product-card__hit-target,
html body .orchid-product-card button.orchid-product-card__hit-target:hover {
  background:transparent!important; box-shadow:none!important; border:0!important;
  margin:0!important; color:transparent!important; opacity:1!important;
}
html body .orchid-product-card > .orchid-product-card__media { margin:0!important; }
/* Lazy images retain their own geometry; cards must not use estimated heights. */
html body .orchid-product-card {content-visibility:visible!important;contain-intrinsic-size:none!important;}
html body.page-discover #discover .discover-feed {padding-inline:0!important;}
html body.page-discover #discover .discover-product-grid {padding-inline:0!important;}
html body :is(.discover-shop-by-header,.discover-directory-heading) h2 {
  font-family:var(--font-editorial); font-size:clamp(48px,8vw,112px)!important;
  line-height:1.03!important; font-weight:500!important; text-transform:none!important;
  max-width:100%; width:auto; hyphens:none; word-break:normal; overflow-wrap:normal;
}
html body .discover-shop-by-header { align-items:center; gap:24px; }
html body .discover-shop-by-intro { max-width:540px; justify-self:end; text-align:right; }
html body .discover-shop-by-intro p { font:400 18px/26px var(--font-ui)!important; }
.discover-directory-scrubber { display:flex; align-items:center; gap:16px; max-width:360px; }
.discover-directory-scrubber input { width:100%; min-width:0; accent-color:var(--orchid-green,#006b53); }
.discover-directory-scrubber output { white-space:nowrap; font:500 13px/18px var(--font-ui); }
.discover-category-nav { display:flex; gap:12px; overflow-x:auto; padding-block:16px; }
.discover-category-nav button { flex:none; }
html body :is(.orchid-storefront-hero,.orchid-storefront-hero__identity,.orchid-storefront-hero .public-creator-identity,.storefront-profile-hero) {
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:12px; min-height:0!important; height:auto!important;
}
html body .orchid-storefront-hero { padding-block:28px!important; border:0!important; box-shadow:none!important; }
html body .storefront-profile-hero {padding:28px 16px!important;border:0!important;box-shadow:none!important;}
html body :is(.public-creator-profile-image,.storefront-profile-image) {width:128px!important;height:128px!important;object-fit:cover;border-radius:50%;box-shadow:none!important;}
html body .orchid-storefront-hero__copy { width:100%; min-width:0; text-align:center; }
html body .orchid-storefront-hero :is(h1,h2,h3,p) { margin:0 auto 8px; max-width:900px; }
html body :is(h1,h2,h3,h4) { hyphens:none; word-break:normal; }
html body .journal-masthead h1 { font-size:clamp(22px,6.8vw,104px)!important; line-height:1.08!important; max-width:100%; width:100%; text-align:center; white-space:nowrap; letter-spacing:-.025em!important; }
html body [data-commerce-rail].is-auto-scrolling {scroll-behavior:auto!important;scroll-snap-type:none!important;}
html body .orchid-rail-rows {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;}
html body .orchid-rail-row {display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:12px;min-width:0;align-items:center;}
html body .orchid-rail-row > [data-commerce-rail] {display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:16px;overflow-x:auto;min-width:0;max-width:100%;align-items:stretch;scrollbar-width:thin;}
html body .orchid-rail-row > .collection-grid {grid-auto-columns:minmax(300px,calc((100% - 32px)/3));}
html body .orchid-rail-row > button {padding:0;width:32px;min-width:0;height:40px;border:0;background:transparent;color:var(--ink);}
html body .orchid-rail-row .orchid-product-card {position:relative;min-width:0;max-width:100%;}
html body [data-creator-workspace-banner] .orchid-banner-copy:empty {display:none;}
@media(max-width:700px) {
  html body .orchid-rail-row {grid-template-columns:minmax(0,1fr);gap:0;}
  html body .orchid-rail-row > button {display:none!important;}
  html body .orchid-rail-row > [data-commerce-rail] {grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;}
  html body .orchid-rail-row > .collection-grid {grid-auto-columns:88%!important;}
  html body .orchid-product-card.is-public-preview .orchid-product-card__actions {display:none!important;}
  html body .discover-shop-by-intro { text-align:left; justify-self:start; }
  html body .discover-shop-by-intro p { font:400 15px/22px var(--font-ui)!important; }
  html body .orchid-storefront-product-card:not(.is-owner) :is(.public-creator-actions,.public-creator-social,.product-social-actions,.orchid-product-social-row,.orchid-product-card__actions) { display:none!important; }
  html body .orchid-product-card__body { padding:8px 0!important; gap:6px!important; }
  html body .orchid-product-card__media { aspect-ratio:1!important; }
  html body .orchid-product-card :is(.product-title,h3) { font:500 15px/20px var(--font-ui)!important; }
}

/* v439: one safe, compact mobile text overlay for every responsive banner. */
/* v441: fixed placement ratios and two loaded layers for seamless crossfades. */
html body .orchid-responsive-banner,
html body #discover .shopper-live-banner.orchid-responsive-banner {
  aspect-ratio:var(--banner-ratio,3/1)!important;
  max-height:none!important; overflow:hidden;
}
html body .orchid-responsive-banner .orchid-banner-creative {
  position:absolute!important; inset:0!important; width:100%; height:100%;
}
html body .orchid-responsive-banner .orchid-banner-layer {
  display:block!important; position:absolute!important; inset:0!important;
  width:100%!important; height:100%!important; max-height:none!important;
  object-fit:cover!important; opacity:0!important; transition:opacity 650ms ease-in-out;
}
html body .orchid-responsive-banner .orchid-banner-layer.is-current { opacity:1!important; }
html body .creator-workspace-feature.orchid-responsive-banner { align-self:center; height:auto!important; min-height:0!important; }
@media(prefers-reduced-motion:reduce) { html body .orchid-responsive-banner .orchid-banner-layer {transition:none;} }
@media(max-width:700px) {
  html body .orchid-responsive-banner,
  html body #discover .shopper-live-banner.orchid-responsive-banner {aspect-ratio:var(--banner-mobile-ratio,2/1)!important;}
  html body .orchid-responsive-banner,
  html body #discover .shopper-live-banner.orchid-responsive-banner {
    width:100vw!important;
    max-width:none!important;
    margin-inline:calc(50% - 50vw)!important;
    border-radius:0!important;
    touch-action:pan-x pan-y!important;
  }
  html body .orchid-responsive-banner .orchid-banner-creative,
  html body .orchid-responsive-banner .orchid-banner-layer {
    width:100%!important;
    max-width:none!important;
  }
  html body :is(.orchid-responsive-banner,.shopper-live-banner)
    :is(.orchid-banner-copy,.shopper-live-banner__copy) {
    grid-area:1/1!important; position:relative!important; inset:auto!important;
    place-self:center start!important; box-sizing:border-box!important;
    width:min(85%,calc(100% - 32px))!important; max-width:85%!important;
    margin:0!important; padding:clamp(14px,4vw,18px) clamp(16px,5vw,20px)!important;
    z-index:2!important;
  }
  html body :is(.orchid-responsive-banner,.shopper-live-banner)
    :is(.orchid-banner-copy,.shopper-live-banner__copy) > :is(.eyebrow,span:first-child) {
    display:block; margin:0 0 4px!important;
    font:600 clamp(12px,3.2vw,13px)/1.25 var(--font-ui,Arial,sans-serif)!important;
  }
  html body :is(.orchid-responsive-banner,.shopper-live-banner)
    :is(.orchid-banner-copy,.shopper-live-banner__copy) :is(h1,h2) {
    width:auto!important; max-width:100%!important; margin:4px 0 6px!important;
    font-family:var(--font-editorial,Georgia,serif)!important;
    font-size:clamp(22px,6.2vw,28px)!important; font-weight:600!important; line-height:1.05!important;
    word-break:normal!important; overflow-wrap:normal!important; hyphens:none!important;
  }
  html body :is(.orchid-responsive-banner,.shopper-live-banner)
    :is(.orchid-banner-copy,.shopper-live-banner__copy) > p {
    width:auto!important; max-width:100%!important; margin:0!important;
    font:400 clamp(13px,3.6vw,15px)/1.35 var(--font-ui,Arial,sans-serif)!important;
  }
}

/* v456: every live visual is a true edge-to-edge banner at every breakpoint.
   Copy remains bounded inside the banner while the creative reaches both
   viewport edges. */
html body :is(
  .orchid-responsive-banner,
  .shopper-live-banner,
  .orchid-home-live-banner,
  .journal-live-banner,
  [data-shopper-live-banner],
  [data-creator-workspace-banner],
  [data-brand-workspace-banner]
) {
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-inline:calc(50% - 50vw)!important;
  border-radius:0!important;
  overflow:hidden!important;
}
html body :is(
  .orchid-responsive-banner,
  .shopper-live-banner,
  .orchid-home-live-banner,
  .journal-live-banner,
  [data-shopper-live-banner],
  [data-creator-workspace-banner],
  [data-brand-workspace-banner]
) :is(.orchid-banner-creative,.orchid-banner-layer,picture,img,video) {
  max-width:none!important;
}
@media(max-width:700px) {
  html body :is(.orchid-responsive-banner,.shopper-live-banner,.orchid-home-live-banner,.journal-live-banner) {
    touch-action:pan-x pan-y!important;
  }
}