.filter-bar{
    display: none;
    }
    #search_filter_id{
    display: none;
    }
    .secondary-search-container {
          background: white;
          border: 1px solid #e0e0e0;
          border-radius: 8px;
          display: flex;
          align-items: center;
          /* Make sure it can span the full viewport width */
          width: 100%;
          max-width: 1280px;
          margin: 100px auto 50px;
          /* Allow dropdowns to render outside if needed */
          overflow: visible; /* was hidden */
          box-shadow: 0 2px 8px rgba(0,0,0,0.08);
          box-sizing: border-box;
      }

      /* FIX: match the class used in HTML */
      .secondary-search-input-wrapper {
          flex: 1 1 auto;
          display: flex;
          align-items: center;
          padding: 0 16px;
          border-right: 1px solid #e0e0e0;
          min-width: 0; /* prevents input overflow in flex */
      }

      .search-icon-left {
          color: #9ca3af;
          margin-right: 12px;
          font-size: 16px;
          flex: 0 0 auto;
      }

      .secondary-search-input {
          border: none;
          outline: none;
          background: transparent;
          padding: 16px 0;
          font-size: 14px;
          color: #374151;
          width: 100%;
          min-width: 0; /* allow shrinking in flex */
      }

      .secondary-search-input::placeholder {
          color: #9ca3af;
      }

      .dropdown-section {
          display: flex;
          align-items: center;
          padding: 16px;
          cursor: pointer;
          position: relative; /* anchor for absolute dropdown */
          border-right: 1px solid #e0e0e0;
          min-width: 180px; /* a touch wider by default */
          transition: background-color 0.2s;
          flex: 0 0 auto; /* don’t squish on desktop */
      }

      .dropdown-section:hover {
          background-color: #f9fafb;
      }

      .dropdown-section:last-of-type {
          border-right: none;
      }

      .dropdown-content {
          flex: 1;
          min-width: 0;
      }

      .dropdown-label {
          font-size: 12px;
          color: #6b7280;
          margin-bottom: 2px;
          display: block;
          font-weight: 400;
      }

      .dropdown-value {
          font-size: 14px;
          color: #374151;
          font-weight: 500;
      }

      .dropdown-arrow {
          margin-left: 12px;
          color: #9ca3af;
          font-size: 12px;
      }

      .search-button {
          background: #EFB312;
          border: none;
          color: black;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: background-color 0.2s;
          min-width: 75px;
          min-height: 75px;
          flex: 0 0 auto;
      }

      .search-button:hover {
          background: #f6d270;
      }

      .search-button i {
          font-size: 16px;
      }

      /* Dropdown Menu */
      .dropdown-menu {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0; /* match full width of the dropdown-section */
          background: white;
          border: 1px solid #e0e0e0;
          border-radius: 8px;
          box-shadow: 0 4px 12px rgba(0,0,0,0.1);
          z-index: 1000;
          margin-top: 4px;
          /* keep long lists usable */
          max-height: 280px;
          overflow: auto;
      }

      .dropdown-menu.show {
          display: block;
      }

      .dropdown-item {
          padding: 12px 16px;
          cursor: pointer;
          border-bottom: 1px solid #f3f4f6;
          font-size: 14px;
          color: #374151;
          transition: background-color 0.2s;
      }

      .dropdown-item:hover {
          background: #f9fafb;
      }

      .dropdown-item:last-child {
          border-bottom: none;
      }

      /* Icon styling */
      .building-icon,
      .user-icon {
          margin-right: 8px;
          color: #6b7280;
          font-size: 14px;
          flex: 0 0 auto;
      }

      /* Responsive */
      @media (max-width: 768px) {
          .secondary-search-container {
              flex-direction: column;
              margin: 20px 16px;
              border-radius: 12px;
          }

          .secondary-search-input-wrapper {
              border-right: none;
              border-bottom: 1px solid #e0e0e0;
              width: 100%;
              flex: 1 1 100%;
          }

          .dropdown-section {
              border-right: none;
              border-bottom: 1px solid #e0e0e0;
              width: 100%;          /* ensure full width */
              flex: 1 1 100%;       /* take full row */
              justify-content: space-between;
          }

          .dropdown-section:last-of-type {
              border-bottom: none;
          }

          /* Make the dropdown menu match the full row width on mobile */
          .dropdown-section .dropdown-menu {
              left: 0;
              right: 0;
              width: 100%;
          }

          .search-button {
              width: 100%;
              justify-content: center;
          }
      }


.product-card-grid{
  display: grid;
  /* auto-fill (or auto-fit) + minmax gives you fluid, no-squish cards */
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

/* Optional hard stop for very small phones */
@media (max-width: 480px){
  .product-card-grid{ grid-template-columns: 1fr; }
}

#search_data_shows_id{
  padding-inline: clamp(16px, 6vw, 150px);
  padding-top: 0;
}
#search_data_shows_id{ padding: 0 150px; }
@media (max-width: 1200px){ #search_data_shows_id{ padding: 0 48px; } }
@media (max-width: 768px){  #search_data_shows_id{ padding: 0 16px; } }

/* ---------- Product Card ---------- */
.product-card-wrapper{
--pc-radius: 18px;
--pc-shadow: 0 10px 35px rgba(0,0,0,.18);
--pc-shadow-lg: 0 16px 45px rgba(0,0,0,.28);
--pc-border: 1px solid rgba(0,0,0,.06);
--pc-gray-600:#5b5b5b;
--pc-gray-500:#7a7a7a;
--pc-gray-400:#9a9a9a;
--pc-sale:#16a34a;       /* green */
--pc-off:#2b2f38;        /* dark badge */
--pc-star:#f7c948;       /* yellow */
--pc-accent:#79c7c9;     /* teal cart bg from screenshot */

position: relative;
background: #fff;
border-radius: var(--pc-radius);
box-shadow: var(--pc-shadow);
border: var(--pc-border);
overflow: hidden;
padding: 18px 18px 14px;
transition: transform .2s ease, box-shadow .2s ease;
max-width: 320px; /* feel free to adjust */
}

.product-card-wrapper:hover{
transform: translateY(-2px);
box-shadow: var(--pc-shadow-lg);
}

/* Badges */
.product-card-badges{
position: absolute;
top: 16px;
left: 16px;
display: flex;
flex-direction: column;
gap: 8px;
z-index: 2;
}

.product-card-badge{
font-size: 12px;
line-height: 1;
padding: 8px 12px;
border-radius: 8px;
color: #fff;
font-weight: 600;
box-shadow: 0 4px 14px rgba(0,0,0,.18);
}

.product-card-badge--sale{ background: var(--pc-sale); }
.product-card-badge--off{ background: var(--pc-off); opacity: .95; }

/* Image */
.product-card-image{
display: flex;
justify-content: center;
align-items: center;
height: 180px;      /* fixed height box */
margin-bottom: 14px;
background: none;
}

.product-card-image img{
max-width: 100%;
max-height: 100%;
object-fit: contain;
}

/* Body */
.product-card-body{ padding: 0 2px; }

.product-card-title{
margin: 6px 0 4px;
font-size: 18px;
letter-spacing: .5px;
font-weight: 700;
text-transform: uppercase;
color: #2e2e2e;
}

.product-card-subtitle{
margin: 0 0 8px;
color: var(--pc-gray-500);
font-size: 13px;
}

/* Price + Cart row */
.product-card-price-row{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.product-card-price-current{
font-weight: 800;
font-size: 22px;
color: #111;
margin-right: 8px;
}

.product-card-price-old{
font-size: 13px;
color: var(--pc-gray-400);
text-decoration: line-through;
}

.product-card-cart{
border: 0;
background: var(--pc-accent);
width: 38px;
height: 38px;
display: grid;
place-items: center;
border-radius: 10px;
box-shadow: 0 6px 16px rgba(0,0,0,.18) inset, 0 6px 12px rgba(0,0,0,.12);
transition: transform .15s ease;
}

.product-card-cart img{
width: 20px;
height: 20px;
object-fit: contain;
}

.product-card-cart:hover{ transform: translateY(-1px) scale(1.03); }

/* Rating */
.product-card-rating{
margin-top: 12px;
color: var(--pc-star);
font-size: 14px;
letter-spacing: 2px;
}

/* Small screens */
@media (max-width: 480px){
.product-card-wrapper{ max-width: 100%; }
.product-card-price-current{ font-size: 20px; }
}


.product-card-grid{
display: grid;
grid-template-columns: repeat(6, 1fr); /* 6 per row */
gap: 20px;  /* spacing between cards */
}

/* Make it responsive */
@media (max-width: 1200px){
.product-card-grid{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px){
.product-card-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
.product-card-grid{ grid-template-columns: 1fr; }
}