/* r7 visual scope: home branding, category art and existing view controls. */
html body .little-bloom-home .sf-home-header {
  position: sticky;
}
html body .little-bloom-home .sf-home-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  gap: 0;
}
html body .little-bloom-home .sf-home-brand .sf-home-mark {
  width: clamp(86px, calc(100vw - 240px), 130px);
  height: 52px;
  max-width: none;
}
html body .little-bloom-home .sf-home-header-actions {
  position: relative;
  z-index: 1;
  margin-left: auto;
}
html body .little-bloom-home .sf-home-category-image img,
html body .category-directory .category-photo,
html body .catalog-browser .catalog-category-icon img {
  object-fit: contain;
}
#app .catalog-browser--search .catalog-category-icon img {
  object-fit: contain;
}
html body .category-directory .category-all-symbol {
  background: #fff5e5;
  border-color: #fff5e5;
}
html body .category-directory .category-all-symbol img {
  display: block;
  width: 35px;
  height: 35px;
  object-fit: contain;
}
html body .little-bloom-home .sf-home-layout button img,
html body .catalog-browser .catalog-view button img {
  display: block;
  width: 19px;
  height: 19px;
  object-fit: contain;
}
html body .catalog-browser .catalog-category-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
html body .catalog-browser .catalog-header button img,
html body .catalog-browser .catalog-category-pill img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}