/* =====================================================
   MOBILE FILTER – STACKED CARD STYLE (EXACT MATCH)
===================================================== */
@media (max-width: 768px) {
  /* Container */
  .pc-filter-wrap {
    padding: 0 16px;
    margin: 16px auto 20px;
    flex-direction: column;
    align-items: stretch;
  }

  /* Disable pill look */
  .pc-filter-pill {
    align-items: stretch;
    background: none;
    padding: 0;
    height: auto;
    flex-direction: column;
    gap: 12px;
  }

  /* Each filter becomes a white card */
  .pc-filter-item {
    background: #0b2a45;
    border-radius: 10px;
    min-height: 54px;
    padding: 0 14px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
  }

  /* Remove dividers */
  .pc-filter-divider {
    display: none;
  }

  /* Select text */
  .pc-filter-item select {
    /* color: #555; */
    font-size: 14px;
    font-weight: 500;
  }

  /* Arrow */
  .pc-filter-arrow {
    right: 14px;
    /* border-color: #666; */
  }

  /* Button full width */
  .pc-filter-btn {
    width: 100%;
    height: 54px;
    margin-top: 6px;
    /* border-radius: 10px; */
    font-size: 15px;
    font-weight: 800;
    box-shadow: none;
  }

  .pc-filter-btn:hover {
    transform: none;
    box-shadow: none;
  }
}