/* Owner-approved visual refinements. Keep Content360 block order separate and unchanged. */
.sb-hero {
  background-color: var(--sb-navy);
  background-image:
    linear-gradient(90deg, rgba(7,18,35,.99) 0%, rgba(7,18,35,.95) 44%, rgba(0,83,96,.84) 76%, rgba(110,44,145,.76) 100%),
    url('/assets/mango-sunrise.png');
  background-position: center 43%;
  background-size: cover;
}

.sb-collection-grid {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 960px) {
  .sb-collection-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .sb-hero {
    background-image:
      linear-gradient(105deg, rgba(7,18,35,.99) 0%, rgba(7,18,35,.95) 52%, rgba(0,105,112,.86) 100%),
      url('/assets/mango-sunrise.png');
    background-position: 58% center;
  }

  .sb-collection-grid {
    grid-template-columns: 1fr;
  }
}