/* Homepage portrait covers stay compact even when the discovery strip is wide. */
#explore-intro > .section-label,
#featured-collections { width: 100%; margin-left: 0; margin-right: 0; }
#featured-collections { gap: 6px; margin-bottom: 24px; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(107px, calc((100% - (var(--featured-visible-columns, 2) - 1) * 6px) / var(--featured-visible-columns, 2))); justify-content: start; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
#featured-collections::-webkit-scrollbar { display: none; width: 0; height: 0; }
#featured-collections:has(> .featured-collection-empty) { grid-template-columns: minmax(0, 1fr); }
#featured-collections .collection-mini { display: block; min-height: 0; min-width: 0; gap: 0; padding: 0; overflow: hidden; scroll-snap-align: start; }
#featured-collections .featured-collection-media { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; color: var(--muted); background: color-mix(in srgb, var(--ink) 4%, var(--surface)); }
#featured-collections .featured-collection-media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center; border-radius: 0; }
#featured-collections .featured-collection-media > svg { width: 20px; height: 20px; opacity: .6; }
#featured-collections .featured-collection-caption { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 6px; padding: 4px 8px; border-top: 1px solid var(--line); background: var(--surface); }
#featured-collections .collection-mini strong { min-width: 0; font-size: 11px; line-height: 1.1; margin: 0; color: var(--green-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#featured-collections .collection-mini small { flex: 0 0 auto; white-space: nowrap; font-size: 9px; line-height: 1.1; }
#featured-collections .featured-collection-empty { display: flex; grid-column: 1 / -1; justify-content: center; min-height: 74px; gap: 10px; padding: 12px; }
#featured-collections .featured-collection-empty strong { margin-bottom: 5px; }
.related-section .related-images { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(180px, calc((100% - (var(--related-visible-columns, 2) - 1) * 12px) / var(--related-visible-columns, 2))); gap: 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 0 10px; }
.related-section .related-images::-webkit-scrollbar { display: none; width: 0; height: 0; }
.related-section .related-images > .related-image { display: block; min-width: 0; text-align: left; scroll-snap-align: start; }
.related-section .related-images > .similar-loop-ghost:disabled { opacity: 1; }
.similar-playback-controls { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: -5px 0 9px; }
.similar-playback-controls[hidden] { display: none; }
.similar-playback-controls > [hidden] { display: none; }
.similar-playback-controls .icon-button { width: 28px; height: 28px; }
.similar-playback-controls .similar-previous > svg { transform: rotate(180deg); }
.similar-playback-controls .text-button { min-width: 35px; justify-content: center; font-size: 10px; }
@media (max-width: 650px) {
  #featured-collections { margin-bottom: 21px; }
  #featured-collections .featured-collection-caption { padding: 4px 6px; }
  #featured-collections .collection-mini strong { font-size: 10px; }
  #featured-collections .collection-mini small { font-size: 8px; }
  .related-section .related-images, .related-section .related-images[data-recommendation-mode="adaptive"] { grid-auto-columns: calc((100% - 10px) / 2); gap: 10px; }
}