/* A barely tinted theme gradient beneath product details. */
html[data-ds-theme] .index-container .waterfall-item .waterfall-item__ft,
html[data-ds-theme] .category-container .goods-list-item .goods-info {
  background: linear-gradient(
    180deg,
    #fff 0%,
    rgba(255, 255, 255, .98) 32%,
    rgba(255, 255, 255, .92) 100%
  ), var(--ds-accent, #e4b525) !important;
}

/* Brighter yellow ordering controls for the white/yellow palette. */
html[data-ds-theme="white-yellow"] .index-container .waterfall-item .home-goods-order-btn,
html[data-ds-theme="white-yellow"] .category-container .goods-list-item .goods-card-footer .goods-order-btn {
  background: #ffd000 !important;
  border-color: #ffd000 !important;
}

/* Give product cards a soft lift against light page backgrounds. */
html:is([data-ds-theme="white-yellow"], [data-ds-theme="white-red"]) .index-container .waterfall-item,
html:is([data-ds-theme="white-yellow"], [data-ds-theme="white-red"]) .category-container .goods-list-item {
  box-shadow: 0 5px 16px rgba(31, 41, 55, .10), 0 1px 4px rgba(31, 41, 55, .06) !important;
}
