/* =========================================================
   MOBILE BREAKPOINT
========================================================= */

@media (max-width:800px) {
  .main-nav {
    display:none;
  }

  .menu-btn {
    display:block;
  }

  .account {
    display:none;
  }
}

.product h3 {
  font-size: clamp(1rem, 1.5vw, 1.3rem);
}
@media (max-width: 900px) {

  .mobile-filter-toggle {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    background: #f4f1ec;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 10px 0 14px;
    text-align: left;
    cursor: pointer;
  }

  .shop-sidebar {
    display: none;
  }

  .shop-sidebar.open {
    display: block;
  }

  .shop-layout {
    display: block;
  }
}
/* ===============================
   MOBILE FILTERS — DESKTOP RESET
   =============================== */
@media (min-width: 900px) {
  .mobile-filters,
  .mobile-filter-panel,
  .mobile-filter-toggle {
    display: none !important;
  }
}
@media (max-width: 899px) {
  .shop-sidebar {
    display: none;
  }
}