/* 기본: PC 보임, 모바일 숨김 */
.pc-only { display:block; }
.mobile-only { display:none; }

@media (max-width:768px){
  /* 모바일에서는 PC 숨기고 모바일 표시 */
  .pc-only { display:none; }
  .mobile-only { display:block; }
}



/* ======================================================
   카테고리 (PC)
====================================================== */
.mypage-category-wrapper { margin-bottom: 22px; }
.category-grid {
  display:flex; flex-wrap:wrap;
  gap:10px; list-style:none; padding:0; margin:0;
}
.category-item {
  padding:8px 14px;
  background:#1a1a1a;
  border:1px solid #2c2c2c;
  border-radius:18px;
  font-size:13px;
  color:#cbd5f5;
  cursor:pointer;
}
.category-item:hover { background:#242424; }
.category-item.active {
  background:#3b82f6;
  border-color:#3b82f6;
  color:#fff;
}

/* ======================================================
   카테고리 (Mobile)
====================================================== */
.category-select {
  width: 100%;
  padding: 12px;
  background:#1e1e1e;
  border:1px solid #333;
  border-radius:10px;
  color:#dde3f5;
  font-size:15px;
}

/* ======================================================
   검색 박스
====================================================== */
.mypage-search-box,
.mypage-search-box-mobile {
  background:#1a1a1a;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid #2a2a2a;
  margin:14px 0 24px;
  display:flex;
  gap:10px;
  align-items:center;
}
.mypage-search-box-mobile { display:none; }

.search-input {
  flex:1;
  padding:12px 14px;
  border-radius:8px;
  background:#0f0f0f;
  border:1px solid #2b2b2b;
  color:#e5e7eb;
}
.search-input::placeholder { color:#6e7b8a; }

.search-btn {
  padding:10px 18px;
  border-radius:8px;
  background:#3b82f6;
  color:#fff;
  border:none;
}
.search-btn:hover { background:#2563eb; }

@media (max-width:768px){
  .mypage-search-box{ display:none; }
  .mypage-search-box-mobile{ display:flex; }
}