body {
    font-size: 14px;
    color: #111;
}

h1, h2, h3, h4, h5 {
    letter-spacing: -0.2px;
}

.filter-section {
    border-bottom: 1px solid #eee;
}

.filter-section:last-child {
    border-bottom: none;
}
/* Breadcrumb styling fix */
.breadcrumb a {
    color: #000 !important;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
    color: #000;
}

.breadcrumb-item.active {
    color: #666;
    font-weight: 500;
}
.form-check-label {
    color: #222;
}

.form-check-input{
    color: #222;

}

.buy-btn {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.buy-btn:hover,
.buy-btn:focus,
.buy-btn:active {
  background-color: #f8f9fa;
  color: #000;
  border-color: #000;
  box-shadow: none;
}

/* Prevent weird sticky/scroll effects */
.btn {
  transition: all 0.15s ease-in-out;
}


/* Sidebar container */
.filter-sidebar {
  position: sticky;
  top: 70px; /* adjust based on your header height */
  height: calc(100vh - 80px);
}

/* Scrollable area */
.filter-scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 8px;
}

/* Smooth scrolling feel */
.filter-scroll {
  scroll-behavior: smooth;
}

/* Optional: cleaner scrollbar (Chrome/Edge) */
.filter-scroll::-webkit-scrollbar {
  width: 6px;
}

.filter-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.filter-scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* Mobile filter button spacing */
@media (max-width: 991px) {
  .btn[data-bs-target="#filterCanvas"] {
    border-radius: 20px;
    padding: 6px 12px;
  }
}

/* Offcanvas width */
.offcanvas {
  width: 85%;
  max-width: 320px;
}

/* Prevent weird scroll */
.offcanvas-body {
  overflow-y: auto;
}

.navbar .btn[data-bs-target="#filterCanvas"] {
  font-size: 0.8rem;
  border-radius: 20px;
}