/* Image-led discovery cards. Data, prices, add controls and detail handlers stay unchanged. */
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip {
  max-width: 1040px; margin: 4px auto 18px !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  /* The legacy rounded clipping corner cut into the first letter with zero padding. */
  border-radius: 0; overflow: hidden;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip::before { display: none !important; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerTitle .legacy-bestseller-title { display: none; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip .bestseller-strip-header {
  margin: 0 0 10px; padding: 4px 4px 0; background: transparent !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip .bestseller-strip-header > div { min-width: 0; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip .bestseller-strip-title {
  padding: 0 !important; margin: 0 !important; font-size: 22px !important; line-height: 1.25;
  color: var(--touch-ink); letter-spacing: 0; text-transform: none; font-weight: 700;
  text-align: left; overflow-wrap: anywhere;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip .bestseller-strip-title::after { content: none !important; display: none !important; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip .bestseller-strip-subtitle {
  margin-top: 4px; font-size: 12px; line-height: 1.45; color: var(--touch-muted); text-align: left !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerStrip :is(.bestseller-strip-kicker, .bestseller-strip-controls, .bestseller-badge) { display: none !important; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel {
  display: flex; align-items: stretch; gap: 12px; padding: 2px 4px 4px !important;
  overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: 4px; scrollbar-width: none;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel::-webkit-scrollbar { display: none; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .bestseller-card {
  display: flex; flex-direction: column; flex: 0 0 clamp(208px, 64vw, 248px) !important;
  width: clamp(208px, 64vw, 248px); min-height: 0; height: auto; box-sizing: border-box;
  gap: 8px; padding: 12px; border: 1px solid var(--touch-line); background: #fff;
  border-radius: 18px; box-shadow: none;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .bestseller-card-media {
  flex: none; width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 12px;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .bestseller-card :is(.bestseller-card-title, .touch-bestseller-title-trigger) {
  flex: none; align-self: stretch; min-width: 0; min-height: 44px; height: auto;
  margin: 0; padding: 0; color: var(--touch-ink); font-size: 15px; font-weight: 700;
  line-height: 1.4; text-align: left; white-space: normal; overflow-wrap: anywhere;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .bestseller-card-footer {
  flex: none; gap: 8px; margin: auto 0 0;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .bestseller-card-price {
  min-width: 0; font-size: 15px; line-height: 1.4; color: var(--touch-ink);
}
/* Only the presentation span is localized; the source price is never rewritten. */
#bestsellerCarousel .touch-price-localized { display: none; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .touch-price-original { display: none; }
body:is([data-layout="mobile"], [data-layout="portrait"]) #bestsellerCarousel .touch-price-localized { display: inline; }