/**
 * otDiary Theme 1.10.30 — True viewport feed post viewer.
 *
 * Visual ownership only. Core/Shoppable Look continue to own post selection,
 * close/back behavior, product data and navigation. This layer removes every
 * remaining card/dialog constraint from BOTH viewer implementations.
 */

html.otd-feed-true-fullscreen,
body.otd-feed-viewer-open,
body.otd-feed-static-viewer-open,
body.otd-feed-true-fullscreen {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/* Dynamic Core/theme viewer + Shoppable Look static viewer. */
html body .otd-feed-viewer,
html body .otd-feed-static-viewer {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  width: 100vw !important;
  width: 100dvw !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0b0b0b !important;
  transform: none !important;
  contain: none !important;
}

html body .otd-feed-viewer[hidden],
html body .otd-feed-static-viewer[hidden] {
  display: none !important;
}

html body .otd-feed-viewer__backdrop,
html body .otd-feed-static-viewer__backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0b0b0b !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Important: Shoppable Look previously limits these to ~560px / 78dvh. */
html body .otd-feed-viewer .otd-feed-viewer__dialog,
html body .otd-feed-static-viewer .otd-feed-static-viewer__dialog {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  width: 100vw !important;
  width: 100dvw !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: #0b0b0b !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .otd-feed-viewer.is-open .otd-feed-viewer__dialog,
html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__dialog {
  transform: none !important;
}

html body .otd-feed-viewer .otd-feed-viewer__stage,
html body .otd-feed-static-viewer .otd-feed-static-viewer__stage {
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* The selected post itself is now the viewport, not a 4:5 card. */
html body .otd-feed-viewer .otd-feed-viewer__post,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  width: 100vw !important;
  width: 100dvw !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0b0b0b !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Cover every known media shape inside both post viewers. */
html body .otd-feed-viewer .otd-feed-viewer__post > img,
html body .otd-feed-viewer .otd-feed-viewer__post > picture,
html body .otd-feed-viewer .otd-feed-viewer__post > picture > img,
html body .otd-feed-viewer .otd-feed-viewer__post > video,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post > img,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post > picture,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post > picture > img,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post > video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0b0b0b !important;
  filter: none !important;
}

html body .otd-feed-viewer .otd-feed-viewer__post.is-image-missing,
html body .otd-feed-static-viewer .otd-feed-static-viewer__post.is-image-missing {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
}

/* Product UI remains intact for the user's next dedicated update. */
html body .otd-feed-viewer .otd-feed-viewer__products,
html body .otd-feed-static-viewer .otd-feed-static-viewer__products {
  position: absolute !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  left: max(12px, env(safe-area-inset-left)) !important;
  z-index: 4 !important;
  width: min(460px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin: 0 auto !important;
}

/* Keep whichever close control the owning runtime already created. */
html body .otd-feed-viewer__close,
html body .otd-feed-static-viewer__close,
html body [data-otd-feed-close].otd-feed-viewer__close,
html body [data-otd-static-feed-close] {
  position: fixed !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  right: auto !important;
  left: max(14px, env(safe-area-inset-left)) !important;
  z-index: 2147483100 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 74px !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px 0 11px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(12,12,12,.52) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.20) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}

.otd-feed-back__icon {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}
.otd-feed-back__icon path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.otd-feed-back__label { display: inline-block; white-space: nowrap; }

@media (max-width: 760px) {
  html body .otd-feed-viewer,
  html body .otd-feed-static-viewer,
  html body .otd-feed-viewer .otd-feed-viewer__dialog,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__dialog,
  html body .otd-feed-viewer .otd-feed-viewer__stage,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__stage,
  html body .otd-feed-viewer .otd-feed-viewer__post,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__post {
    inset: 0 !important;
    width: 100% !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    height: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  html body .otd-feed-viewer__close,
  html body .otd-feed-static-viewer__close,
  html body [data-otd-static-feed-close] {
    top: max(10px, env(safe-area-inset-top)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    min-width: 68px !important;
    height: 39px !important;
    min-height: 39px !important;
    padding: 0 12px 0 10px !important;
    font-size: 12px !important;
  }

  html body .otd-feed-viewer .otd-feed-viewer__products,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__products {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    width: min(400px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .otd-feed-viewer .otd-feed-viewer__dialog,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__dialog {
    transition: none !important;
  }
}

/**
 * 1.10.31 — Reference post composition + expandable tagged-product list.
 * This remains a presentation layer over the existing post/product data.
 */

/* Restore the title/caption that older shoppable-shelf CSS intentionally hid. */
html body .otd-feed-viewer .otd-feed-viewer__meta,
html body .otd-feed-static-viewer .otd-feed-static-viewer__meta,
html body .otd-feed-reference-meta {
  position: absolute !important;
  right: auto !important;
  bottom: calc(max(22px, env(safe-area-inset-bottom)) + 54px) !important;
  left: max(20px, env(safe-area-inset-left)) !important;
  z-index: 12 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: min(560px, calc(100vw - 40px)) !important;
  max-width: calc(100vw - 40px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
  text-shadow: 0 1px 18px rgba(0,0,0,.52) !important;
}
html body .otd-feed-viewer .otd-feed-viewer__meta[hidden],
html body .otd-feed-static-viewer .otd-feed-static-viewer__meta[hidden],
html body .otd-feed-reference-meta[hidden] { display: none !important; }
html body .otd-feed-reference-meta > span,
html body .otd-feed-reference-meta [data-otd-feed-viewer-date] { display: none !important; }
html body .otd-feed-reference-meta strong,
html body .otd-feed-reference-meta h1,
html body .otd-feed-reference-meta h2,
html body .otd-feed-reference-meta h3 {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #fff !important;
  font-size: clamp(23px, 5.4vw, 34px) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
html body .otd-feed-reference-meta p {
  display: -webkit-box !important;
  max-width: min(540px, 92%) !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(12px, 3.1vw, 15px) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -.012em !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Darkens only the lower reading zone, while keeping the photo itself full screen. */
html body .otd-feed-viewer .otd-feed-viewer__dialog::after,
html body .otd-feed-static-viewer .otd-feed-static-viewer__dialog::after {
  content: "" !important;
  position: absolute !important;
  inset: 48% 0 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.08) 24%, rgba(0,0,0,.48) 100%) !important;
}

/* The reference-style Products pill sits where the account pill appears in the supplied image. */
html body .otd-feed-products-toggle {
  position: absolute !important;
  right: auto !important;
  bottom: calc(max(22px, env(safe-area-inset-bottom)) + 160px) !important;
  left: max(20px, env(safe-area-inset-left)) !important;
  z-index: 16 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 116px !important;
  max-width: calc(100vw - 40px) !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  background: rgba(65,65,61,.52) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  cursor: pointer !important;
  transition: background-color .18s ease, transform .18s ease !important;
}
html body .otd-feed-products-toggle[hidden] { display: none !important; }
html body .otd-feed-products-toggle:hover,
html body .otd-feed-products-toggle:focus-visible,
html body .otd-feed-viewer.is-products-open .otd-feed-products-toggle,
html body .otd-feed-static-viewer.is-products-open .otd-feed-products-toggle {
  background: rgba(85,85,80,.68) !important;
  outline: none !important;
}
html body .otd-feed-products-toggle:active { transform: scale(.98) !important; }
.otd-feed-products-toggle__icon,
.otd-feed-products-toggle__chevron {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.otd-feed-products-toggle__icon path,
.otd-feed-products-toggle__chevron path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.otd-feed-products-toggle__chevron {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
  transition: transform .2s ease;
}
html body .is-products-open .otd-feed-products-toggle__chevron { transform: rotate(180deg); }

/* Expandable glass list. The existing real tagged-product nodes are moved here, not duplicated. */
html body .otd-feed-products-drawer {
  position: absolute !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: calc(max(22px, env(safe-area-inset-bottom)) + 216px) !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  z-index: 15 !important;
  box-sizing: border-box !important;
  width: min(430px, calc(100vw - 36px)) !important;
  max-width: calc(100vw - 36px) !important;
  max-height: min(43dvh, 390px) !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 24px !important;
  background: rgba(20,20,20,.56) !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
  backdrop-filter: blur(28px) saturate(145%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) scale(.985) !important;
  transform-origin: left bottom !important;
  transition: opacity .18s ease, visibility .18s ease, transform .2s cubic-bezier(.22,1,.36,1) !important;
  scrollbar-width: none !important;
}
html body .otd-feed-products-drawer::-webkit-scrollbar { display: none !important; }
html body .otd-feed-viewer.is-products-open .otd-feed-products-drawer,
html body .otd-feed-static-viewer.is-products-open .otd-feed-products-drawer {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* Neutralize the old glass shelf container now that it lives inside the drawer. */
html body .otd-feed-products-drawer .otd-feed-viewer__products,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products {
  position: static !important;
  inset: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__products[hidden],
html body .otd-feed-products-drawer .otd-feed-static-viewer__products[hidden] { display: none !important; }
html body .otd-feed-products-drawer .otd-feed-viewer__products::after,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products::after { display: none !important; }

html body .otd-feed-products-drawer .otd-feed-viewer__product-rail,
html body .otd-feed-products-drawer .otd-feed-static-viewer__product-rail,
html body .otd-feed-products-drawer [class*="product-rail"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Dynamic viewer cards become rows. */
html body .otd-feed-products-drawer .otd-feed-viewer__product {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0,1fr) !important;
  align-items: center !important;
  place-items: initial !important;
  gap: 11px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 76px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 7px 10px 7px 7px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  text-decoration: none !important;
  transform: none !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product:hover,
html body .otd-feed-products-drawer .otd-feed-viewer__product:focus-visible {
  background: rgba(255,255,255,.14) !important;
  transform: none !important;
  outline: 1px solid rgba(255,255,255,.28) !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product > img {
  grid-column: 1 !important;
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.94) !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info {
  position: static !important;
  inset: auto !important;
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info strong {
  width: 100% !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-title {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info small {
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Static Shoppable Look cards: same list treatment without changing their href/data. */
html body .otd-feed-products-drawer .otd-sl-product-card,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products > a,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products a[class*="product"] {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 76px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: 17px !important;
}

@media (max-width: 760px) {
  html body .otd-feed-viewer .otd-feed-viewer__meta,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__meta,
  html body .otd-feed-reference-meta {
    right: 16px !important;
    bottom: calc(max(18px, env(safe-area-inset-bottom)) + 44px) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
  html body .otd-feed-products-toggle {
    bottom: calc(max(18px, env(safe-area-inset-bottom)) + 150px) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    min-width: 108px !important;
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }
  html body .otd-feed-products-drawer {
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: calc(max(18px, env(safe-area-inset-bottom)) + 202px) !important;
    left: max(14px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(46dvh, 370px) !important;
    border-radius: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .otd-feed-products-drawer,
  html body .otd-feed-products-toggle,
  .otd-feed-products-toggle__chevron { transition: none !important; }
}

/**
 * 1.10.32 — exact-reference refinement.
 * The post image owns the entire visible canvas; only Back, post metadata,
 * Products and the existing app navigation may sit above it.
 */

/* Win against route/detail headers that previously remained above the viewer. */
html body .otd-feed-viewer,
html body .otd-feed-static-viewer {
  z-index: 2147483646 !important;
}
html body .otd-feed-viewer__close,
html body .otd-feed-static-viewer__close,
html body [data-otd-feed-close].otd-feed-viewer__close,
html body [data-otd-static-feed-close] {
  z-index: 2147483647 !important;
}

/* Do not show an additional Post/title bar inside either known viewer shape. */
html body .otd-feed-viewer .otd-feed-viewer__header,
html body .otd-feed-viewer .otd-feed-viewer__titlebar,
html body .otd-feed-viewer [data-otd-feed-viewer-header],
html body .otd-feed-static-viewer .otd-feed-static-viewer__header,
html body .otd-feed-static-viewer .otd-feed-static-viewer__titlebar,
html body .otd-feed-static-viewer [data-otd-static-feed-header] {
  display: none !important;
}

/* Back is now the single compact arrow control seen over the image. */
html body .otd-feed-viewer__close,
html body .otd-feed-static-viewer__close,
html body [data-otd-feed-close].otd-feed-viewer__close,
html body [data-otd-static-feed-close] {
  top: max(16px, env(safe-area-inset-top)) !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 50% !important;
  background: rgba(18,18,18,.28) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
}
html body .otd-feed-viewer__close .otd-feed-back__icon,
html body .otd-feed-static-viewer__close .otd-feed-back__icon,
html body [data-otd-static-feed-close] .otd-feed-back__icon {
  width: 21px !important;
  height: 21px !important;
  flex-basis: 21px !important;
}
html body .otd-feed-viewer__close .otd-feed-back__label,
html body .otd-feed-static-viewer__close .otd-feed-back__label,
html body [data-otd-static-feed-close] .otd-feed-back__label {
  display: none !important;
}

/* Lower, quieter product trigger. */
html body .otd-feed-products-toggle {
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 116px) !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  min-width: 92px !important;
  height: 36px !important;
  min-height: 36px !important;
  gap: 6px !important;
  padding: 0 10px !important;
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(46,46,43,.39) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.09) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
}
html body .otd-feed-products-toggle:hover,
html body .otd-feed-products-toggle:focus-visible,
html body .otd-feed-viewer.is-products-open .otd-feed-products-toggle,
html body .otd-feed-static-viewer.is-products-open .otd-feed-products-toggle {
  background: rgba(58,58,54,.52) !important;
}
html body .otd-feed-products-toggle__icon {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}
html body .otd-feed-products-toggle__chevron {
  width: 11px !important;
  height: 11px !important;
  flex-basis: 11px !important;
}

/* Title/description stay beneath Products, visually close to the reference. */
html body .otd-feed-viewer .otd-feed-viewer__meta,
html body .otd-feed-static-viewer .otd-feed-static-viewer__meta,
html body .otd-feed-reference-meta {
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 46px) !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  width: min(520px, calc(100vw - 36px)) !important;
  max-width: calc(100vw - 36px) !important;
  gap: 4px !important;
}
html body .otd-feed-reference-meta strong,
html body .otd-feed-reference-meta h1,
html body .otd-feed-reference-meta h2,
html body .otd-feed-reference-meta h3 {
  font-size: clamp(20px, 4.9vw, 29px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}
html body .otd-feed-reference-meta p {
  max-width: min(500px, 92%) !important;
  font-size: clamp(11px, 2.75vw, 13.5px) !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
}

/* The product list is a compact popover, not a sheet. */
html body .otd-feed-products-drawer {
  right: auto !important;
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 158px) !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  width: min(318px, calc(100vw - 36px)) !important;
  max-width: min(318px, calc(100vw - 36px)) !important;
  max-height: 238px !important;
  padding: 6px !important;
  border-color: rgba(255,255,255,.16) !important;
  border-radius: 18px !important;
  background: rgba(22,22,21,.46) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(22px) saturate(132%) !important;
  backdrop-filter: blur(22px) saturate(132%) !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-rail,
html body .otd-feed-products-drawer .otd-feed-static-viewer__product-rail,
html body .otd-feed-products-drawer [class*="product-rail"] {
  gap: 5px !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product {
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 8px !important;
  min-height: 56px !important;
  padding: 5px 8px 5px 5px !important;
  border-color: rgba(255,255,255,.10) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.065) !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product > img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  border-radius: 10px !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info {
  gap: 2px !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info strong {
  font-size: 9px !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-title {
  font-size: 11.5px !important;
}
html body .otd-feed-products-drawer .otd-feed-viewer__product-info small {
  font-size: 10.5px !important;
}
html body .otd-feed-products-drawer .otd-sl-product-card,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products > a,
html body .otd-feed-products-drawer .otd-feed-static-viewer__products a[class*="product"] {
  min-height: 56px !important;
  border-radius: 13px !important;
}

/* Keep the existing mobile dock available over the image, matching the reference. */
body.otd-feed-true-fullscreen .otd-mobile-bottom-dock,
body.otd-feed-true-fullscreen .otd-floating-nav {
  z-index: 2147483647 !important;
}

@media (max-width: 760px) {
  html body .otd-feed-viewer__close,
  html body .otd-feed-static-viewer__close,
  html body [data-otd-static-feed-close] {
    top: max(12px, env(safe-area-inset-top)) !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }
  html body .otd-feed-products-toggle {
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 104px) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    min-width: 86px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
  }
  html body .otd-feed-viewer .otd-feed-viewer__meta,
  html body .otd-feed-static-viewer .otd-feed-static-viewer__meta,
  html body .otd-feed-reference-meta {
    right: 16px !important;
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 42px) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
  }
  html body .otd-feed-products-drawer {
    right: auto !important;
    bottom: calc(max(14px, env(safe-area-inset-bottom)) + 145px) !important;
    left: max(16px, env(safe-area-inset-left)) !important;
    width: min(286px, calc(100vw - 32px)) !important;
    max-width: min(286px, calc(100vw - 32px)) !important;
    max-height: 222px !important;
    padding: 5px !important;
    border-radius: 16px !important;
  }
  html body .otd-feed-products-drawer .otd-feed-viewer__product {
    grid-template-columns: 42px minmax(0,1fr) !important;
    min-height: 52px !important;
    gap: 7px !important;
    padding: 5px 7px 5px 5px !important;
    border-radius: 12px !important;
  }
  html body .otd-feed-products-drawer .otd-feed-viewer__product > img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    border-radius: 9px !important;
  }
  html body .otd-feed-products-drawer .otd-sl-product-card,
  html body .otd-feed-products-drawer .otd-feed-static-viewer__products > a,
  html body .otd-feed-products-drawer .otd-feed-static-viewer__products a[class*="product"] {
    min-height: 52px !important;
    border-radius: 12px !important;
  }
}

/**
 * 1.10.34 — direct otd_social_post route parity.
 * The legacy white route strip is bypassed by the theme template; these rules
 * also suppress any provider header that is injected after template selection.
 */
body.single-otd_social_post,
body.otd-single-social-post-immersive {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  background: #090909 !important;
}
body.single-otd_social_post .otd-main,
body.otd-single-social-post-immersive .otd-main {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #090909 !important;
}

/* Kill every known legacy post-detail title strip, including the white "Post" row. */
body.single-otd_social_post .otd-post-header,
body.single-otd_social_post .otd-post-detail__header,
body.single-otd_social_post .otd-single-post-header,
body.single-otd_social_post .otd-detail-header,
body.single-otd_social_post [data-otd-post-header],
body.single-otd_social_post [data-otd-post-detail-header],
body.single-otd_social_post .otd-route-header,
body.otd-feed-true-fullscreen .otd-post-header,
body.otd-feed-true-fullscreen .otd-post-detail__header,
body.otd-feed-true-fullscreen .otd-single-post-header,
body.otd-feed-true-fullscreen [data-otd-post-header],
body.otd-feed-true-fullscreen [data-otd-post-detail-header] {
  display: none !important;
}

html body .otd-single-post-screen {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  width: 100dvw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #090909 !important;
}
html body .otd-single-post-screen__media,
html body .otd-single-post-screen__media > img,
html body .otd-single-post-screen__media-fallback {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html body .otd-single-post-screen__media > img {
  object-fit: cover !important;
  object-position: center center !important;
  background: #090909 !important;
}
html body .otd-single-post-screen__media-fallback {
  background: linear-gradient(145deg, #171717, #080808) !important;
}
html body .otd-single-post-screen__shade {
  position: absolute !important;
  inset: 43% 0 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.06) 24%, rgba(0,0,0,.52) 100%) !important;
}
html body .otd-single-post-screen__back {
  position: absolute !important;
  top: max(14px, env(safe-area-inset-top)) !important;
  left: max(14px, env(safe-area-inset-left)) !important;
  z-index: 20 !important;
  display: grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 50% !important;
  outline: 0 !important;
  background: rgba(18,18,18,.27) !important;
  color: #fff !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.09) !important;
  -webkit-backdrop-filter: blur(18px) saturate(132%) !important;
  backdrop-filter: blur(18px) saturate(132%) !important;
  cursor: pointer !important;
}
html body .otd-single-post-screen__back svg {
  width: 21px !important;
  height: 21px !important;
}
html body .otd-single-post-screen__back path,
html body .otd-single-post-screen__products svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body .otd-single-post-screen__products {
  position: absolute !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  bottom: calc(max(14px, env(safe-area-inset-bottom)) + 106px) !important;
  z-index: 18 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 88px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  background: rgba(47,47,44,.40) !important;
  color: #fff !important;
  font: 600 10.5px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  box-shadow: 0 5px 18px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
  cursor: pointer !important;
}
html body .otd-single-post-screen__products[hidden] { display: none !important; }
html body .otd-single-post-screen__products-bag {
  width: 14px !important;
  height: 14px !important;
}
html body .otd-single-post-screen__products-chevron {
  width: 11px !important;
  height: 11px !important;
  transition: transform .18s ease !important;
}
html body .otd-single-post-screen.is-products-open .otd-single-post-screen__products-chevron {
  transform: rotate(180deg) !important;
}

html body .otd-single-post-screen__products-popover {
  position: absolute !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  bottom: calc(max(14px, env(safe-area-inset-bottom)) + 146px) !important;
  z-index: 19 !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 5px !important;
  width: min(308px, calc(100vw - 32px)) !important;
  max-width: min(308px, calc(100vw - 32px)) !important;
  max-height: 232px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow: auto !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 17px !important;
  background: rgba(22,22,21,.47) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.09) !important;
  -webkit-backdrop-filter: blur(22px) saturate(132%) !important;
  backdrop-filter: blur(22px) saturate(132%) !important;
}
html body .otd-single-post-screen__products-popover[hidden] { display: none !important; }
html body .otd-single-post-screen__product {
  display: grid !important;
  grid-template-columns: 44px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 54px !important;
  padding: 5px 8px 5px 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  text-decoration: none !important;
}
html body .otd-single-post-screen__product img,
html body .otd-single-post-screen__product-placeholder {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 9px !important;
  object-fit: cover !important;
  background: rgba(255,255,255,.08) !important;
}
html body .otd-single-post-screen__product-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
html body .otd-single-post-screen__product-copy strong,
html body .otd-single-post-screen__product-copy span,
html body .otd-single-post-screen__product-copy small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body .otd-single-post-screen__product-copy strong {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.78) !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
html body .otd-single-post-screen__product-copy span {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
html body .otd-single-post-screen__product-copy small {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.88) !important;
}

html body .otd-single-post-screen__copy {
  position: absolute !important;
  right: max(16px, env(safe-area-inset-right)) !important;
  bottom: calc(max(14px, env(safe-area-inset-bottom)) + 42px) !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  z-index: 17 !important;
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  color: #fff !important;
  text-shadow: 0 1px 18px rgba(0,0,0,.52) !important;
}
html body .otd-single-post-screen__copy h1 {
  max-width: min(520px, 92%) !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 4.9vw, 29px) !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
html body .otd-single-post-screen__copy p {
  display: -webkit-box !important;
  max-width: min(500px, 92%) !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.92) !important;
  font-size: clamp(11px, 2.75vw, 13.5px) !important;
  font-weight: 500 !important;
  line-height: 1.28 !important;
  letter-spacing: -.012em !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Existing app dock stays above the direct post, matching the supplied mockup. */
body.single-otd_social_post .otd-mobile-bottom-dock,
body.single-otd_social_post .otd-floating-nav,
body.otd-single-social-post-immersive .otd-mobile-bottom-dock,
body.otd-single-social-post-immersive .otd-floating-nav {
  z-index: 2147483647 !important;
}

@media (min-width: 761px) {
  html body .otd-single-post-screen__products {
    bottom: 142px !important;
    left: 28px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding-inline: 12px !important;
    font-size: 11px !important;
  }
  html body .otd-single-post-screen__products-popover {
    bottom: 186px !important;
    left: 28px !important;
  }
  html body .otd-single-post-screen__copy {
    right: 28px !important;
    bottom: 72px !important;
    left: 28px !important;
  }
}


/* 1.10.72 — desktop single-post media stage.
 * Desktop/fine-pointer post detail now follows a compact editorial viewer
 * instead of stretching media across the whole viewport. The complete source
 * image remains visible (contain + centered); tagged-product behavior is left
 * intact for the next product-surface iteration.
 */
@media (min-width:900px) and (hover:hover) and (pointer:fine) {
  html body .otd-single-post-screen {
    --otd-post-stage-left: max(84px, calc(50vw - 600px));
    --otd-post-stage-width: min(680px, calc(50vw - 54px));
    --otd-post-stage-height: min(760px, calc(100dvh - 148px));
    background: #111 !important;
  }

  html body .otd-single-post-screen__media,
  html body .otd-single-post-screen__media-fallback {
    position: absolute !important;
    inset: auto !important;
    top: 50% !important;
    left: var(--otd-post-stage-left) !important;
    width: var(--otd-post-stage-width) !important;
    min-width: 0 !important;
    max-width: var(--otd-post-stage-width) !important;
    height: var(--otd-post-stage-height) !important;
    min-height: 0 !important;
    max-height: var(--otd-post-stage-height) !important;
    transform: translateY(-50%) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    background: #f3f3f3 !important;
    box-shadow: 0 26px 70px rgba(0,0,0,.28) !important;
  }

  html body .otd-single-post-screen__media > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f3f3f3 !important;
  }

  html body .otd-single-post-screen__shade {
    display: none !important;
  }

  /* Keep copy out of the photograph. This creates the stable right-hand lane
     that can receive the tagged-products redesign in the next iteration. */
  html body .otd-single-post-screen__copy {
    top: max(110px, calc(50% - (var(--otd-post-stage-height) / 2))) !important;
    right: max(84px, calc(50vw - 600px)) !important;
    bottom: auto !important;
    left: calc(50% + 28px) !important;
    max-width: 500px !important;
    gap: 8px !important;
    color: #fff !important;
    text-shadow: none !important;
  }
  html body .otd-single-post-screen__copy h1 {
    max-width: 100% !important;
    font-size: clamp(23px, 2vw, 32px) !important;
    line-height: 1.04 !important;
  }
  html body .otd-single-post-screen__copy p {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 4 !important;
  }

  html body .otd-single-post-screen__products {
    left: calc(50% + 28px) !important;
    bottom: max(90px, calc(50% - (var(--otd-post-stage-height) / 2))) !important;
  }
  html body .otd-single-post-screen__products-popover {
    left: calc(50% + 28px) !important;
    bottom: max(136px, calc(50% - (var(--otd-post-stage-height) / 2) + 46px)) !important;
  }
}


/* 1.10.73 — HOME feed viewer desktop media-stage owner.
 * IMPORTANT: this targets the actual viewer opened from /home/:
 * .otd-feed-static-viewer (Core markup). The prior 1.10.72 block targeted
 * only the direct single-post permalink surface and therefore could not
 * affect the Home overlay.
 *
 * Ownership contract:
 * - Core owns viewer markup, slide state and tagged-product data.
 * - Theme owns this fullscreen presentation layer.
 *
 * Desktop only: preserve the complete image with object-fit:contain inside
 * an Instagram-like left media stage and reserve a stable right lane for
 * the forthcoming tagged-products treatment. Mobile/tablet remain unchanged.
 */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
  html body .otd-feed-static-viewer.is-open,
  html body .otd-feed-viewer:not([hidden]) {
    display: grid !important;
    place-items: center !important;
    padding: 44px !important;
    background: #0b0b0b !important;
  }

  html body .otd-feed-static-viewer.is-open > .otd-feed-static-viewer__backdrop,
  html body .otd-feed-viewer:not([hidden]) > .otd-feed-viewer__backdrop {
    background: #0b0b0b !important;
  }

  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__dialog,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__dialog {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: min(1180px, calc(100vw - 88px)) !important;
    min-width: 0 !important;
    max-width: min(1180px, calc(100vw - 88px)) !important;
    height: min(760px, calc(100dvh - 88px)) !important;
    min-height: 520px !important;
    max-height: min(760px, calc(100dvh - 88px)) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px !important;
    background: #1b1b1b !important;
    box-shadow: 0 34px 100px rgba(0,0,0,.46) !important;
    transform: none !important;
  }

  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__slides,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__stage {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__slide,
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__slide.is-active {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__slide:not(.is-active) {
    display: none !important;
  }
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__slide.is-active {
    display: block !important;
  }

  /* Left photographic stage: approximately the same visual territory as the
     media half of Instagram's desktop viewer. */
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__post {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    place-items: center !important;
    width: min(640px, 58%) !important;
    min-width: 0 !important;
    max-width: min(640px, 58%) !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
    background: #101010 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post > img,
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post > picture,
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post > picture > img,
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post > video,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__post > img,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__post > picture,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__post > picture > img,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__post > video {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #101010 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  /* Keep Core metadata out of the photo. It is positioned in the reserved
     right lane but otherwise left untouched for the next UI iteration. */
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post figcaption,
  html body .otd-feed-viewer:not([hidden]) .otd-feed-viewer__meta,
  html body .otd-feed-static-viewer.is-open .otd-feed-reference-meta {
    position: absolute !important;
    top: 28px !important;
    right: 28px !important;
    bottom: auto !important;
    left: calc(min(640px, 58%) + 28px) !important;
    width: auto !important;
    max-width: calc(42% - 56px) !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* 1.10.73 — keep the current iteration focused on media geometry. Product/copy
   composition will be handled in the dedicated next update. */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
  html body .otd-feed-static-viewer.is-open .otd-feed-static-viewer__post figcaption {
    display: none !important;
  }
}