/* Public shop surfaces follow the same theme as their existing text tokens. */
:root[theme-mode="dark"] .shop-page[data-v-4353ef4c],
:root[theme-mode="dark"] .detail-page[data-v-091a8e14],
:root[theme-mode="dark"] .detail-page[data-v-9a4248aa] {
  background-color: var(--td-bg-color-page);
  color: var(--td-text-color-primary);
}

:root[theme-mode="dark"] .top-nav[data-v-4353ef4c],
:root[theme-mode="dark"] .shop-goods[data-v-4353ef4c],
:root[theme-mode="dark"] .shop-cat-btn[data-v-4353ef4c]:not(.active),
:root[theme-mode="dark"] .hero-card[data-v-eede3c22],
:root[theme-mode="dark"] .cat-card[data-v-d4b27e93],
:root[theme-mode="dark"] .daka-card[data-v-56aa4b64],
:root[theme-mode="dark"] .shop-cat-btn[data-v-56aa4b64]:not(.active),
:root[theme-mode="dark"] .top-bar[data-v-091a8e14],
:root[theme-mode="dark"] .product-card[data-v-091a8e14],
:root[theme-mode="dark"] .form-card[data-v-091a8e14],
:root[theme-mode="dark"] .course-item[data-v-091a8e14]:not(.active),
:root[theme-mode="dark"] .footer-bar[data-v-091a8e14],
:root[theme-mode="dark"] .top-bar[data-v-9a4248aa],
:root[theme-mode="dark"] .product-card[data-v-9a4248aa],
:root[theme-mode="dark"] .form-card[data-v-9a4248aa],
:root[theme-mode="dark"] .footer-bar[data-v-9a4248aa] {
  background-color: var(--td-bg-color-container);
  border-color: var(--td-component-stroke);
}

:root[theme-mode="dark"] .order-form[data-v-091a8e14] .t-input,
:root[theme-mode="dark"] .order-form[data-v-091a8e14] .t-textarea__inner,
:root[theme-mode="dark"] .order-form[data-v-091a8e14] .t-select {
  background: var(--td-bg-color-container) !important;
  border-color: var(--td-component-stroke) !important;
}

.hero-sub[data-v-eede3c22]:not(.closed-sub) {
  color: var(--td-text-color-secondary);
}

/* Keep saved shop media controls usable when an old image URL no longer loads. */
.media-upload[data-v-69f8cf66] .t-upload__card-content {
  width: 160px;
  max-width: 100%;
}

.media-upload[data-v-69f8cf66] .t-upload__card-content .t-upload__card-image,
.media-upload[data-v-69f8cf66] .t-upload__card-content .t-image {
  width: 100%;
  height: 100%;
}

.media-upload[data-v-69f8cf66] .t-upload__card-content .t-image__img {
  object-fit: contain;
}