@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* Global */
body {
  min-height: 100vh;
}

/* Loader */
.loader-container {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1); /* Semi-transparent background */
}
.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #e5e7eb;      /* light gray */
  border-top: 5px solid #22c55e;  /* green accent */
  border-radius: 50%;
  animation: spin 1s linear infinite;

  margin: 100px auto; /* center it */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Intro Section */
.intro {
  background-image: url(https://image-cdn.hypb.st/https%3A%2F%2Fhypebeast.com%2Fimage%2F2017%2F05%2Fbest-streetstyle-fashion-outfits-instagram-week-4-1.jpg?q=75&w=800&cbr=1&fit=max);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.opacity-container {
  background-color: black;
  opacity: 0.6;
  position: absolute;
  inset: 0;
}

/* Sections */
.collection {
  min-height: auto;
}

.shop {
  min-height: 300px;
}

.built-street {
  width: 100%;
  min-height: 400px;
}

/* Images */
.collection img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
  border-radius: 8px;
}
.built-street img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  border-radius: 8px;
}

/* Spacing cleanup */
.collection .row {
  gap: 2rem;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .built-street .row {
    flex-direction: column;
    text-align: center;
  }

  .built-street .col-6 {
    width: 100%;
  }

  .intro {
    padding: 2rem 1rem;
  }
}